对我们的web应用程序进行分析,将程序的代码文件进行分类,把动态程序部分和静态部分分不同的目录管理起来,例如
建立Images目录,放置所有网站高清素材图片;
建立Javascript目录,放置所有的JS脚本;
建立Attachment目录,放置所有用户上传的图片和附件。
分类好了之后,上面的文件肯定都是存放在我们集群内的文件服务器上的,我们需要将这些文件手动/脚本自动化同步到阿里云CDN可以访问的OSS存储里
1、找出程序的静态文件部分,我们的主要就俩,一个1.jpg一个a.css
测试:在没有cdn时,后台三个web还会收到css与jpg文件的请求
- 2、
- 2、把我们的静态文件上传,或者说push推送到阿里云的oss存储中,然后会得到静态资源的cdn的地址
- 3、修改我们的程序代码,或者在nginx负载均衡里配置匹配静态请求,则直接转发给静态资源的cdn地址
0、准备工作:注册域名
购买域名:https://wanwang.aliyun.com/domain/searchresult/
点击右侧控制台—》左侧三条杠—》查找“域名”这个产品,点击进入看到自己申请的域名,我注册的是:egonlin.cn
域名控制台地址:https://dc.console.aliyun.com/next/index?spm=5176.12818093_-1363046575.products-recent.ddomain.3be916d0UdkJSG#/domain-list/all
0、参考阿里云官方文档:
1、没钱,开通试用oss
把我们的静态我们上次到阿里云的oss存储中(可以手动传、也可以用其提供的工具sdk)
你没钱,第一次用,可以免费试用,oss免费开通方法如下
阿里云https://aliyun.com/
1、创建bucket
上次文件
点击扫描文件夹
点击上次文件即可
查看外网访问地址:
可以用下面的地址访问
https://egonlin.oss-cn-beijing.aliyuncs.com/static/img/1.jpg
https://egonlin.oss-cn-beijing.aliyuncs.com/static/css/a.css
上面的地址放到img标签里就可以显示,但它只在oss内,并没有分发到全国各地,
所以接下来我们要配置cdn
用户直接访问对象存储OSS(Object Storage Service)资源时,访问速度会受到OSS的下行带宽以及存储空间(Bucket)所在地域的限制。您可以通过全球加速服务使客户端从就近接入点进入阿里云加速网络,提升用户的访问速度和体验。本文介绍如何使用全球加速服务加速访问OSS资源。
下面这个是全球的加速,比cdn加速更强悍,不仅仅是静态数据,我们不用他
https://help.aliyun.com/zh/ga/use-cases/accelerate-access-to-oss-buckets
2、按照官网文档,添加域名egonlin.cn,看官网文档步骤二
https://cdn.console.aliyun.com/domain/add/input
需要验证域名归属,点击查看帮助文档,安文档操作即可
进入域名控制台:https://dc.console.aliyun.com/next/index?spm=5176.12818093_-1363046575.products-recent.ddomain.3be916d0UdkJSG#/domain-list/all
按照官方提示步骤操作(域名没有解析公网ip地址没关系,照着做就行)
需要OSS Bucket的外网域名作为源站,bucket的外网域名看下面这里
https://oss.console.aliyun.com/bucket/oss-cn-beijing/egonlin/overview
我们的是
完成后点击勾选协议,然后下一步
3、配置cname
你需要访问https://cdn.console.aliyun.com/domain/list,看到一个CNAME值:egonlin.cn.w.kunlunaq.com
然后到域名解析,把源站egonlin.cn的CNAME解析为egonlin.cn.w.kunlunaq.com,主机记录填@符号
4、已经生效拉啦啦啦啦啦啦
多刷几遍
http://egonlin.cn/static/img/1.jpg