CDN加速小水管动态应用技巧
不得不说现在大陆和HK的云主机都是小水管模式,由于硬件的快速发展在这种小水管的情况下很难发挥出用户硬件资源的能力,当然可以加水管但费用很高,更多时候会浪费带宽;这个时候我们想到CDN加速,这种资源的好处就是可以把瞬间流量分担出去,让小水管可以应对更多的请求。但CDN在我们印象中都是加速静态资源,更新慢对于动态不怎好用,但办法总是用的接下来介绍一下如何用CDN加速动态应用。
需求
最近在做一个在线讨论的服务,由于涉及到比较多的内容如发送图片,附件和历史记录等,对于这样的动态信息展示的确不适合小水管;对于3Mb的小水管来说一张图片就可以把小水管给卡住了。。更不要说记录中有大量的图片和附件存在!接下来想到了CDN,经过一些时间的思考把发送消息和历史信息的资源都落地到CDN上,但这些消息都是动态如果每次变更去刷CDN那基本就没法用了!为了实现这些想到了一种新的思路并落地到group.beetlex.io
接下来就把这思路介绍给大家。
CDN配置
现有的云服务商都提供CDN服务,费用也不高对于500G的年包也就一百块不到。CDN配置很简单,以下以百度为例(虽然百度搜索很烂,但这个CDN服务还是挺稳的)。在CDN中添加你的域名
里面的CNAME就是你原域名的DNS指向值,添加完成后可以根据自己的需要制定访问控件,最好配置一下主要防止其他网站直接利用网站的资源来进行流量输出。
使用
当有了CDN后第一步就可以把你的静态资源直接挂载的CDN中,主要是网站固定的HTML,CSS,JS和图片等。可以直接在页面中添加域引用的资源如:
<script src="http://group.tomap.me/js/comm.js"></script>
如果你的网站是HTTPS访问,则资源连接也必须是HTTPS。
动态数据使用
对于动态数据的应用则因为应用的情况不同来进行不同的设计,不过方式差别不大;以下是针对group.beetlex.io应用做的一些处理。在这个应用中主要有两类动态信息主要是实时发送消息和历史记录;实时消息并不需要走CDN但消息内图片和附件则无法由小水管来保障!还有每次进入房间获取历史聊天记录都有着比较高的瞬间流量,这种流量小水管也应付不来。
消息图片和附件资源
由于group.beetlex.io以Markdown的方式进行消息输入,所以可以上传图片或附件进行一个消息展示。虽然可以把这些资源先存到云服务商中然后获取相关访问URL再输出,但这种设计的方式有着一定的依赖性,以后相 关URL切换并不方便,最终还是选择存储到本地服务中;但这种存储方式存在一个问题就是小水管输出比较麻烦,既然有CDN只需要在Markdown输出的时候更换一下URL地址即可;更换代码如下:
msg.Message = msg.Message.replace(/<img.*?src="(.*?)">/gi, (data) => {var regex = /<img.*?src="(.*?)"/;var src = regex.exec(data.toString())[1];if (src[0] == '/')src = 'http://group.tomap.me' + src;var html = '';if (insert == true) {if (src.indexOf('faces') >= 0) {html = '<img src="/images/imgloading.gif" _src="' + src + '">'}else {html = '<img src="/images/imgloading.gif" _src="' + src + '" onclick="page.imgViewSrc=\'' + src + '\'">'}}else {if (src.indexOf('faces') >= 0) {html = '<img src="' + src + '">'}else {html = '<img src="' + src + '" onclick="page.imgViewSrc=\'' + src + '\'">'}}return html
});
只需要简单地匹配一下相关图片标签替换即可,如果是站外图片则不代替;对于下载的文件的连接也可以使 用这种处理方式。这样这些图片的展示和文件下载都由CDN来输出处理。
历史记录
在group.beetlex.io中每个用户进讨论组都要重新拉取历史记录信息,如果消息量太大的情况一个就把小水管
的小水管拉完了。为了解决这一问题也使用了CDN来加载历史记录,但房间的历史记录是经常变的如果变更后自动去刷新CDN可能很难达到有效性。为了解决这一问题采用了URL重写机制来解决这一问题,原理很简单当讨论组每次有消息的时候都变更讨论组的版本号,然后在进这个讨论组时都访问这样一个版本的URL来处理,重写代码如下:
"/rooms/{room}-{version}.html" => "/GetRoomHistory?room={room}"
这样每次获取讨论历史信息的时候都访问一个房间ID+版本的静态页面,而后台则根据这个URL重写到获取信息的控制器上,这样只要信息有变更每次加载新的都能从CDN中获取。不过这种做法就是当第一个访问的用户大概延时1秒左右这延时完全可以接受,但后面访问的速度就快多了;通过这样做法即使小水管也能支撑很多历史记录加载而不影响服务效率。以下是调用的代码
this.enterRoom.asyncget({ room: id, password: password }).then((result) => {var url = 'http://group.tomap.me/rooms/' + id + '-' + result + '.html';this.getRoomHistory.loading = true;axios.get(url).then((r) => {r.data.forEach(v => { this.addMessage(v, true); });this.imgs = null;setTimeout(this.loadImg, 1000);this.hasNewMessage = true;this.getRoomHistory.loading = false;}).catch((error) => {this.$errorMsg(error);this.getRoomHistory.loading = false;});rooms_password[id] = password;}).catch((err) => {this.selectItem = {};rooms_password[id] = null;});
技巧总结
其实动态数据使用CDN也是比较简单事情,主要利用更改请求的URL或重写来把静态资源切换到动态数据接口上;为了让CDN更快速地获取到新数据,通过数据变更的版本号来定位到新的URL来让CDN加载新的数据。通过这种方式就可以把很多动态接口做成CDN静态化。
CDN加速小水管动态应用技巧相关推荐
- php 静态 动态 cdn 加速,CDN静态加速跟动态加速的区别,动态加速好还是静态加速好?...
CDN做为内容分发技术,其核心原理就是将内容缓存到离用户最近的节点上,实现内容分发加速,这里内容主要分为两种,一种是静态内容,一种是动态内容.首先,对静态资源,CDN的加速效果是最好的,因为文件本身没 ...
- 国内CDN加速哪个好?
CDN是什么,实际上CDN加速网站访问速度,提升网站服务器的运行效率,让用户能更好的体验飞速的访问体验.目前市面上有许多CDN,例如摩杜云CDN加速,百度云CDN加速,阿里云CDN加速等.那么,国内C ...
- 云小课|CDN第5课 CDN入门之—我的网站可以用CDN加速吗?
摘要:CDN(Content Delivery Network,内容分发网络)通过将源站资源缓存到遍布各地的边缘节点服务器上,用户可以就近获取资源,从而达到加速的效果. 本文分享自华为云社区<[ ...
- 阿里云CDN全站加速,说说动态加速那些事
如今CDN已经被广大站长所接纳,主要是能提高访问速度,优化访问线路等,就像小编一样,同样使用了CDN对网站进行了加速,其他CDN没有测试过,但是阿里云的CDN正是今天小编要讲的. 阿里云CDN可以说是 ...
- 十个你可能不知道的CloudFlare免费CDN加速技巧
十个你可能不知道的 CloudFlare 免费 CDN 加速技巧 - SSL\DDOS\Cache. 要说免费 CDN 服务的 "大牛" 恐怕就只能当数 CloudFlare 了. ...
- CDN - 阿里云CDN全站加速,说说动态加速那些事
如今CDN已经被广大站长所接纳,主要是能提高访问速度,优化访问线路等,就像小编一样,同样使用了CDN对网站进行了加速,其他CDN没有测试过,但是阿里云的CDN正是今天小编要讲的.阿里云CDN可以说是国 ...
- 三步解决微信小程序cdn加速(资源大小超过200k)
刚开始开发小程序的时候,上传代码会遇到这样的问题:图片和音频资源大小超过 200 K 下面是官方建议 [建议]小程序代码包里可以存放一些必要的静态资源(例如tabbar的icon等),不过静态资源体积 ...
- 【Unity知识树】Unity编辑器加速小技巧
Unity编辑器加速小技巧 运行游戏时不重新编译脚本 现象:每次运行游戏都会弹出一个重新加载脚本的框,耽误几秒钟时间. 提速技巧:勾选工程设置 > 编辑器 > Enter Play Mod ...
- php 静态 动态 cdn 加速,CDN动态加速 静态加速区别
看完这篇文章,在我看来动态cdn加速还是有点不靠谱的. 还得搭建多地方的服务器. CDN做为内容分发技术,其核心原理就是将内容缓存到离用户最近的节点上,实现内容分发加速,这里内容主要分为两种,一种是静 ...
最新文章
- ii7+php5.5+phpMyAdmin-4.1.0
- javascript之作用域与预解析
- Kubernetes详解(二)——Kubernetes结构与资源对象
- 震惊!Spring Boot 内存又泄露,排查太难了!
- 学画画怎么画三点透视图
- matpower安装问题
- Ubuntu下WPS中文字体显示问题
- 会员积分系统应该设几个等级?
- 非同帆响-得帆信息发布全新高生产力PaaS平台,重新定义企业软件生产力
- edge浏览器受信任_微软Edge浏览器利用虚拟化技术做安全防护
- 淘宝补单发货地不一样可以吗?正确补单流程是什么?
- 自定义CKeditor上传图片按钮
- 腾讯云通信WebIM事件回调的坑~
- Gson解析json字符串,并封装成ListT
- PYGAME - Event 事件
- UVALive 7279 Sheldon Numbers
- adams功能区不显示_基于ADAMS对初始角和相位角修改模拟力矩波动
- Barsetto百胜图BAV01咖啡机——效率超神buff获取攻略
- linux 下oracle备份脚本,linux 下的 oracle 自动备份脚本
- AudioRecord获取分贝值
热门文章
- Unity3D4.* NGUI制作动态字库
- 初识Ildasm.exe——IL反编译的实用工具(转自Youngman)
- UVA 10518 How Many Calls?
- datagrid 什么时候结束编辑_2020年中考结束后,什么时候出分?什么时候报志愿?...
- 谷歌地图将很快显示电动汽车充电站
- dvd vlc 复制_如何使用VLC翻录DVD
- 如何重新打开Windows防火墙提示?
- Avalonia Beta 1对WPF做了很多改进
- 《vSphere性能设计:性能密集场景下CPU、内存、存储及网络的最佳设计实践》一1.1.1 确定参数...
- Redhat 5.1 install PHP 5.3.6