网站如何动静分离-网站性能优化（1）

2019-11-02 814

《2019年阿里云双11活动拼团》：https://www.aliyun.com/1111/2019/group-buying-share
【限时】1年86元，3年229元，用来建站和编程学习【附WordPress建站教程】

网站的动静分离实践(动静分离)

1. 动静分离的实现思路

动静分离是将网站静态资源（HTML，JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。

动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。

1.1 静态资源部署至CDN上

我们的方案是直接将静态资源全部存放在CDN服务器上。因为之前项目中的JavaScript,CSS以及img文件都是存放在CDN服务器上，将HTML文件一起存放到CDN上之后，可以将静态资源统一放置在一种服务器上，便于前端进行维护；而且用户在访问静态资源时，可以很好利用CDN的优点——CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。

1.2 后端API提供数据

后端应用提供API，根据前端的请求进行处理，并将处理结果通过JSON格式返回至前端。目前应用主要采用Java平台开发，因此应用服务器主要是Tomcat服务器，现在也开始有部分应用采用 node进行开发，应用服务器也开始使用node服务器。

1.3 前后端域名

动静分离因为静态资源和应用服务分别部署在不同的服务器上，因此会面临域名策略的选择。

相同域名
采用相同域名下，用户请求api时可以避免跨域所带来的问题，相对开发更为快速，工作量也相对小一些。
不同域名
前后端采用不同域名时，需要前后端开发时兼容跨域请求的情况，开发量相对上一种会稍多一些。解决跨域方式最常用的方式就是采用JSONP，还有一种解决方式使用CORS（HTTP访问控制）允许某些域名下的跨域请求。

目前在我们的项目中JSONP方式更多，CORS因为需要浏览器支持，因此只会在APP内嵌HTML5，且需要POST方式时中使用。

采用不同域名的方式优点也是非常明显的，不同域名采用两个域名服务器，不同的域名服务器根据请求的不同采用不同的负载均衡策略；而且不同域名也可以邮箱方式前端携带过多的Cookie。

2. 动静分离的实现优缺点

2.1 优点

api接口服务化：动静分离之后，后端应用更为服务化，只需要通过提供api接口即可，可以为多个功能模块甚至是多个平台的功能使用，可以有效的节省后端人力，更便于功能维护。
前后端开发并行：前后端只需要关心接口协议即可，各自的开发相互不干扰，并行开发，并行自测，可以有效的提高开发时间，也可以有些的减少联调时间
减轻后端服务器压力，提高静态资源访问速度：后端不用再将模板渲染为html返回给用户端，且静态服务器可以采用更为专业的技术提高静态资源的访问速度。

2.2 缺点

不利于网站SEO（搜索引擎优化）:搜索引擎的网络爬虫一般是根据url访问页面，获取页面的内容后去掉没用的信息例如：CSS，JavaScript，然后分析剩下的文本内容；动静分离架构模式前端数据即在是由JavaScript来完成，这就会导致网络爬虫得到的信息部分丢失。在开发中可以采用前端缓存不经常变化数据的方式来解决，只有哪些经常发生变化的数据才每次向后端请求。
开发量变大，前后端交流成本升高：后端api返回的数据，往往是有自身逻辑在内的，比如返回数据中的包含status（1-处理中，2-处理成功，3-处理失败），前端需要理解status的不同含义，对应的前端操作需要理解（如，status =1 or status = 2，不可提交）。
在业务高速发展时需要慎重考虑：因为开发量变大，如果在业务开始阶段，缺乏前端又要求开发速度很快，就需要慎重考虑这种方式的实现成本对业务发展的影响。

3. 实现案例

这个是在公司做的内嵌到app里的HTML5页面

微信关注我们

原文链接：https://yq.aliyun.com/articles/725084

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

JAVA设计模式之建造者模式

Java设计模式学习记录-建造者模式前言今天周末，有小雨，正好也不用出门了，那就在家学习吧，经过了两周的面试，拿到了几个offer，但是都不是自己很想去的那种，要么就是几个人的初创小公司，要么就是开发企业内部系统的这种传统开发，感觉这种传统开发已经不能给自己带来多大的提升了，因为工作了这几年这种系统经历了不少了，整天的就是增删改查。创业小公司已经不想再去了，工作了这几年去的都是这种小公司，风险大，压力大，节奏快，没时间沉淀学习。上上家东家还欠我几个月工资呢，就是因为创业公司资金链断了，然后老板忽悠领导，领导再忽悠我们，后来实在发不出工资了，忽悠不住了，就大批大批的走人了。所以现在很是纠结，大点公司又去不了小的公司还看不上，目前就是这么个高不成低不就的状态，所以还是抓紧时间学习，充实自己吧，哪怕现在进不去稍微大点的公司，那经过努力的学习后说不定还是有机会的，但是不努力是一点机会都没有的。好了，言归正传，这次要介绍的是创建型设计模式的最后一个，建造者模式，这个模式其实我在平时开发中用的很多，只不过是用了这个模式的更深一种形式吧。后面我会介绍到这一部分内容的。建造者模式建造者模式...

2019-11-02

474

JAVA设计模式之工厂模式—Factory Pattern 1.工厂模式简介工厂模式用于对象的创建，使得客户从具体的产品对象中被解耦。 2.工厂模式分类这里以制造coffee的例子开始工厂模式设计之旅。我们知道coffee只是一种泛举，在点购咖啡时需要指定具体的咖啡种类：美式咖啡、卡布奇诺、拿铁等等。 /** * * 拿铁、美式咖啡、卡布奇诺等均为咖啡家族的一种产品 * 咖啡则作为一种抽象概念 * @author Lsj * */ public abstract class Coffee { /** * 获取coffee名称 * @return */ public abstract String getName(); } /** * 美式咖啡 * @author Lsj * */ public class Americano extends Coffee { @Override public String getName() { return "美式咖啡"; } } /** * 卡布奇诺 * @author Lsj * */ public class Cappuccino ext...

2019-11-03

493

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。