跨境独立站如何为WordPress配置Amazon S3静态资源存储
使用场景
动静分离是比较常见的优化手段。将图片和一些资源存到Amazon S3上面,动态内容再由插件进行缓存。 外面再套一层CDN,可以大大减少服务器的压力,并且能提升页面打开速度。
一、安装插件WP Offload Media Lite
https://wordpress.org/plugins/amazon-s3-and-cloudfront/
二、配置AWS后台
注册Amazon账号的过程就不提了,独立站最好是用海外信息进行注册。再进去添加子账号进行管理。
1、登陆AWS账号,如果是英文账号,可以把语言设置为中文
2、进入IAM用户管理添加上新的用户
先搜索IAM
搜索IAM权限管理,把右边的五角星选中。这样添加到收藏,下次不用再找了。
打开IAM,进入用户-添加用户。
创建用户名
添加权限,这里不需要添加到用户组,直接附加上基本权限
下一步,直接确认即可,后面保持默认。如果需要标记,可以加个Tag标签,记录是属于什么用途的。
4、获取远程访问的密钥
继续进入用户界面,选择刚刚添加的用户名
先选择安全凭证,再点击创建访问密钥
选择在aws之外运行的应用程序
添加一个标签描述
保存好密钥
四、回到WordPress继续设置
1、启用插件 2、在设置里面,打开插件配置
这里面已经有详细的流程了。
3、在wp-config.php里面配置上刚刚获取的密钥:
define( 'AS3CF_SETTINGS', serialize( array(
'provider' => 'aws',
'access-key-id' => '********************',
'secret-access-key' => '**************************************',
) ) );
因为定义的是常量,所以要放靠前一点的位置上。
tips:远程编辑Mac下使用FileZilla足够。
4、回到页面保存并继续 5、下一步,设置桶名称
选择已经存在的桶,顺便可以测试是否能正常连接到S3。
然后保存。
6、如果是创建的桶,不允许公共访问,那还需要配置一下安全权限。
把这2项取消掉,再保存。否则传上去的资源别人访问不了,达不到做静态资源缓存的目的。
这一步,也可以进AWS后台的存储桶进行设置,进入AWS,找到自己的桶,确保阻止公开访问处于关闭状态即可。
五、注意事项
1、生效之后,添加的新图片才会上传上去,旧的不会上传。 2、如果要对CSS、JS、字体也传上去缓存。需要购买付费版本。 https://deliciousbrains.com/wp-offload-media/pricing/
3、如果硬盘不是特别紧张,最好在服务器保留一份文件,以备万一。 如果不需要,把插件配置里面的Remove File From Server选项打开,本地将不会再存图片。省了不少空间。
4、最后上传一张图片上去,复制出来链接,打开Chrome的隐私浏览器,访问一下图片,确保公网是可以打开访问的。
5、不习惯网页管理的,可以使用第三方客户端,Mac和Win下同时能和的CyberDuck小鸭子。
后记
晚一些会我会把CSS、JS、字体加入S3缓存的方案整理一下再发出来,网站速度直接就会飞起。
更多精彩内容,搜索“青塬科技”公众号。