[发明专利]一种Web前端本地开发环境的搭建方法和装置

说明书

技术领域

本申请涉及本地开发环境搭建的技术领域，特别是涉及一种Web前端本地开发环境的搭建方法，和一种Web前端本地开发环境的搭建装置。

背景技术

在网站开发和运行过程中，需要搭建Web前端开发环境对网站的项目开发，对存在问题的内容进行修改和调试。现有技术中，Web前端开发环境常常需要用到CDN(内容分发网络)服务器，具体而言，正常访问网页时会附带访问很多资源文件，比如css、js文件，CDN服务器就是存放这些css和js文件的服务器，CDN服务器具有文件合并输出的功能，所以通过CDN服务器后，附带访问的资源文件会合并为一个URL(Uniform Resource Locator，统一资源定位符，即网页地址)输出。

例如，对于类似http://a.tbcdn.cn/？？a.js，b.js，c.js的URL，CDN服务器可以将其中的a.js，b.js和c.js合并为一个URL输出，这样就不用发起三次请求分别获取这三个文件了，

或如，访问这个URL：

http://a.tbcdn.cn/？？s/kissy/1.1.6/kissy-min.js，p/global/1.0/global-min.js，得到的结果就是kissy-min.js和global-min.js这两个文件合并后的结果。CDN服务器这种文件合并输出的功能被称作“combo”。

Web前端开发工程师在每次对网站的项目开发过程中，对存在问题的内容进行修改和调试都需要把相关文件上传到CDN服务器上进行调试和测试，由于操作都需要CDN服务器上完成，如果是项目新增的功能，待修改的源文件在CDN服务器上可能已经存在，这样上传新文件覆盖CDN服务器上的源文件势必造成很多风险，再者，前端代码发布上线操作非常复杂，Web前端开发工程师在线上环境的操作很不方便，不仅不能解决所有的修改调试问题，还十分影响开发效率。

因此，目前本领域技术人员所急需要解决的问题是：从而减轻前端代码发布上线操作的复杂度，提高开发效率，并降低开发和修改调试文件的风险。

发明内容

本申请所要解决的技术问题是提供一种Web前端本地开发环境的搭建方法，用以减轻前端代码发布上线操作的复杂度，提高开发效率，并降低开发和修改调试文件的风险。

本申请还提供了一种Web前端本地开发环境的搭建装置，用以保证上述方法在实际中的应用及实现。

为了解决上述问题，本申请实施例公开了一种Web前端本地开发环境的搭建方法，包括：

预置本地代理服务器；

由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含网页资源文件的信息；

根据所述网页资源文件的信息，判断在所述本地代理服务器中是否存在对应的文件；

若是，则从本地代理服务器中提取相应的文件；

若否，则所述本地代理服务器向内容分发网络CDN服务器发起对应文件的获取请求，并接收所述内容分发网络CDN服务器返回的对应文件；

当所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。

优选的是，所述的方法，还包括：

当所述文件为一个时，由所述本地代理服务器直接将所获得的文件后返回客户端。

优选的是，所述网页访问请求中包含多个网页资源文件的信息，所述的方法还包括：

将所述从本地代理服务器中提取的相应文件写入预设的缓存中；

和/或，将所接收的从内容分发网络CDN服务器返回的对应文件写入预设的缓存中；

所述由本地代理服务器合并所获得的文件后返回客户端的步骤进一步包括：

本地代理服务器合并所述预设缓存中的文件；

将合并后的文件返回客户端。

优选的是，所述本地代理服务器合并所述预设缓存中的文件的步骤进一步包括：

判断所述预设缓存中的文件是否包含压缩混淆代码；

若是，则将所述压缩混淆代码转换为源代码后再进行文件合并操作；

若否，则直接进行文件合并操作。

优选的是，所述文件合并操作为使用嵌入超文本标记语言文档的脚本语言PHP通过合并字符串的方式完成。

优选的是，所述方法中，本地代理服务器使用Web服务器软件Apache搭建。

优选的是，所述网页访问请求中包含一个网页资源文件的信息，在所述本地代理服务器接收所述内容分发网络CDN服务器返回的对应文件的步骤之前，所述的方法还包括：