专利名称：一种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和globalnin.js这两个文件合并后的结果。⑶N服务器这种文件合并输出的功能被称作“combo”。Web前端开发工程师在每次对网站的项目开发过程中，对存在问题的内容进行修改和调试都需要把相关文件上传到CDN服务器上进行调试和测试，由于操作都需要CDN服务器上完成，如果是项目新增的功能，待修改的源文件在CDN服务器上可能已经存在，这样上传新文件覆盖CDN服务器上的源文件势必造成很多风险，再者，前端代码发布上线操作非常复杂，Web前端开发工程师在线上环境的操作很不方便，不仅不能解决所有的修改调试问题，还十分影响开发效率。因此，目前本领域技术人员所急需要解决的问题是:从而减轻前端代码发布上线操作的复杂度，提高开发效率，并降低开发和修改调试文件的风险。
发明内容
本申请所要解决的技术问题是提供ー种Web前端本地开发环境的搭建方法，用以减轻前端代码发布上线操作的复杂度，提高开发效率，并降低开发和修改调试文件的风险。本申请还提供了ー种Web前端本地开发环境的搭建装置，用以保证上述方法在实际中的应用及实现。为了解决上述问题，本申请实施例公开了ー种Web前端本地开发环境的搭建方法，包括:预置本地代理服务器；由所述本地代理服务器接收客户端发送的网页访问请求， 所述网页访问请求中包含网页资源文件的信息；根据所述网页资源文件的信息，判断在所述本地代理服务器中是否存在对应的文件；若是，则从本地代理服务器中提取相应的文件；若否，则所述本地代理服务器向内容分发网络CDN服务器发起对应文件的获取请求，并接收所述内容分发网络CDN服务器返回的对应文件；当所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。优选的是，所述的方法，还包括:当所述文件为ー个吋，由所述本地代理服务器直接将所获得的文件后返回客户端。优选的是，所述网页访问请求中包含多个网页资源文件的信息，所述的方法还包括:将所述从本地代理服务器中提取的相应文件写入预设的缓存中；和/或，将所接收的从内容分发网络CDN服务器返回的对应文件写入预设的缓存中；所述由本地代理服务器合并所获得的文件后返回客户端的步骤进一歩包括:本地代理服务器合并所述预设缓存中的文件；将合并后的文件返回客户端。优选的是，所述本地代理服务器合并所述预设缓存中的文件的步骤进一歩包括:判断所述预设缓存中的文件是否包含压缩混淆代码；若是，则将所述压缩混淆代码转换为源代码后再进行文件合并操作；若否，则直接进行文件合并操作。优选的是，所述文件合并操作为使用嵌入超文本标记语言文档的脚本语言PHP通过合并字符串的方式完成。优选的是，所述方法中，本地代理服务器使用Web服务器软件Apache搭建。优选的是，所述网页访问请求中包含一个网页资源文件的信息，在所述本地代理服务器接收所述内容分发网络CDN服务器返回的对应文件的步骤之前，所述的方法还包括:内容分发网络⑶N服务器通过Web服务器软件Apache的重定向Rewrite规则将所述文件的请求重定向到目标网页地址，从所述目标网页地址提取相应的文件，并将所述文件返回本地代理服务器。优选的是，所述网页访问请求中包含多个网页资源文件的信息，在所述本地代理服务器接收所述内容分发网络CDN服务器返回的对应文件的步骤之前，所述的方法还包括:内容分发网络⑶N服务器通过库函数file ()提取所请求的文件，并将所述文件返回本地代理服务器。本申请实施例还公开了ー种Web前端本地开发环境的搭建装置，包括:本地代理服务器设置模块:用于预置本地代理服务器；网页访问请求接收模块:用于由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含网页资源文件的信息；文件位置判断模块:用于根据所述网页资源文件的信息判断在所述本地代理服务器中是否存在对应的文件；若是，则调用本地提取模块；若否，则调用线上获取模块和文件接收模块；本地提取模块:用于从本地代理服务器中提取相应的文件；线上获取模块:用于所述本地代理服务器向内容分发网络⑶N服务器发起对应文件的获取请求；文件接收模块:用于接收所述内容分发网络CDN服务器返回的对应文件；文件合并输出模块:用于在所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。优选的是，所述的装置，还包括:文件输出模块:用于在所述文件为ー个吋，由所述本地代理服务器直接将所获得的文件后返回客户端。与现有技术相比，本申请具有以下优点:本申请通过预置本地代理服务器模拟CDN服务器搭建本地开发环境，所述本地开发环境可以实现本地文件和线上文件的抓取和合并，并将合并结果一井返回客户端。使Web前端开发工程师可以无缝地使用本地开发环境进行项目的开发和调试，而不需要毎次上传到CDN服务器上进行调试和测试，项目直到测试通过后才一次性将文件上传到CDN服务器，从而减轻了前端代码发布上线操作的复杂度，提高了开发效率，并降低了开发和修改调试文件的风险。本申请还通过代理程序使用PHP用于多个文件的本地抓取和异地抓取；使用库函数fileO来抓取CDN服务器上的文件。实现了多个文件的同时抓取，以及本地文件和线上文件的同时抓取。从而方便了开发调试的操作，提高了开发调试的效率。
图1是本申请的ー种Web前端本地开发环境的搭建方法实施例1的步骤流程图；图2是本申请的ー种Web前端本地开发环境的搭建方法实施例2的步骤流程图；图3是本申请的ー种Web前端本地开发环境的搭建方法实施例3的步骤流程图；图4是本申请的ー种Web前端本地开发环境的搭建装置的结构流程图。
具体实施例方式为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式
对本申请作进一步详细的说明。本专利发明人注意到，在现有技术中，Web前端的开发环境依赖于线上的⑶N服务器实现，然而在实际中，Web前端开发工程师开发项目不可能毎次修改调试都将文件传到CDN服务器上，而最好是在本地修改调试项目直到没有bug (漏洞)，再一并将资源文件(css/js文件)发布到⑶N服务器上。因此，本申请的核心构思之一在干:模拟⑶N服务器的功能搭建Web前端的本地开发环境。本申请通过预置本地代理服务器模拟CDN服务器搭建本地开发环境，所述本地开发环境可以实现本地文件和线上文件的抓取和合井，并将合并结果一井返回客户端。应用本申请实施例，Web前端开发工程师可以无缝地使用本地开发环境进行项目的开发和调试，而不需要毎次上传到CDN服务器上进行调试和测试，项目直到测试通过后才一次性将文件上传到CDN服务器，从而减轻了前端代码发布上线操作的复杂度，提高了开发效率，并降低了开发和修改调试文件的风险。參考图1，其示出了本申请的ー种Web前端本地开发环境的搭建方法实施例1的步骤流程图，包括:步骤101，预置本地代理服务器；在本申请实施例中，通过设置本地代理服务器搭建Web前端的本地开发环境，在具体实现中，所述本地代理服务器可以使用Apache (Web服务器软件)设置，即所述本地代理服务器可以为使用apache搭建的ー个小型服务器。在具体的项目开发中，可以将host(主机)地址配置到本地，比如a.tbcdn.cn127.0.0.1，这样就可以像使用线上环境一祥使用本地开发环境了。步骤102，由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含多个网页资源文件的信息；配置好本地开发环境后，客户端发起包含多个网页资源文件信息的网页访问请求到本地代理服务器，所述网页访问请求通常是ー个URLjn:http://cdn/a.js, b.js ；在这种情况下，所述网页资源文件信息通常是包含在URL中的文件名，如上例中的a.js和
b.js。作为本申请实施例具体应用的ー种示例，对于包含多个网页资源文件信息的网页访问请求，其URL中通常会包含有符号“”，也就是说，当URL中包含有符号“”时，就表示网页访问请求中包含有多个网页资源文件信息，在这种情况下，则可以开启本地代理服务器的文件合并输出(combo)的功能。步骤103，根据所述网页资源文件的信息，判断在所述本地代理服务器中是否存在对应的文件；若是，则执行步骤104 ;若否，则执行步骤105 ；本地代理服务器接收到网页访问请求的URL后，首先对该请求的URL进行分析，获取其中所包含的多个网页资源文件的信息，获得要合并输出的文件列表。针对所述文件列表中的各个文件，本地代理服务器首先在本地判断相应文件是否存在。具体可以为，通过各个文件的文件名在所述本地代理服务器中查找是否存在相应的文件。步骤104，从本地代理服务器中提取相应的文件；针对所述文件列表中的各个文件，若本地代理服务器在本地判断相应文件是存在的，则直接从本地提取该文件。步骤105，所述本地代理服务器向⑶N服务器发起对应文件的获取请求，并接收所述CDN服务器返回的对应文件；在具体实现中，当判断出所述本地代理服务器中不存在所要请求的文件吋，由本地代理服务器向CDN服务器发起对应文 件的获取请求，CDN服务器接收到该请求后，可以通过库函数file 0提取所请求的文件，并将所述文件返回本地代理服务器。本地代理服务器接收所述CDN服务器返回的对应文件。
步骤106，当所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回
客户端。作为本申请实施例具体应用的ー种示例，所述文件合并操作可以使用PHP (嵌入超文本标记语言文档的脚本语言)通过合并字符串的方式完成。为使本领域技术人员更好地理解本实施例，以下通过ー个具体示例进ー步说明:I)使用Apache搭建本地代理服务器。2)本地代理服务器接收到 URL 为 http://a.tbcdn.cn/a.1s,b.1s, c.1s 的网页访问请求，其中包含a.js, b.js和c.js三个网页资源文件名。3)在本地代理服务器中查询a.js，b.js和c.js三个网页资源文件，得到文件
c.js,于是提取文件c.js ;经查询判定本地代理服务器中不存在文件a.js和b.js。4)本地代理服务器向⑶N服务器发起a.js和b.js文件的获取请求，⑶N服务器通过库函数file 0在线上抓取a.js和b.js文件，并将这两件文件返回本地代理服务器。5)本地代理服务器将a.js, b.js和c.js三个文件按序合并，然后把合并得到的结果返回客户端。当然，上述实施例仅仅用 作ー种示例，本领域技术人员可以通过上述方法原理，做出更多的变化，如采用其它任ー种方法确定网页请求的信息；以及，采用其它任ー种方法重新定向请求本地服务器不存在的文件，都是基于本申请的变换应用，本申请无需对此加以限制。參考图2，其示出了本申请的ー种Web前端本地开发环境的搭建方法实施例2的步骤流程图，具体可以包括如下步骤:步骤201，预置本地代理服务器；步骤202，由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含一个网页资源文件的信息；配置好本地开发环境后，客户端发起包含一个网页资源文件信息的网页访问请求到本地代理服务器，所述网页访问请求通常是ー个URL^:http://cdn/a.js，;在这种情况下，所述网页资源文件信息通常是包含在URL中的文件名，如上例中的a.js。作为本申请实施例具体应用的ー种示例，对于包含一个网页资源文件信息的网页访问请求，其URL中通常不会包含有符号“？？ ”，也就是说，当URL中没有包含有符号“？？ ”时，就表示网页访问请求中包含的是ー个网页资源文件信息，在这种情况下，则可以不用开启本地代理服务器的文件合并输出(combo)的功能。步骤203，根据所述网页资源文件的信息判断在所述本地代理服务器中是否存在对应的文件；若是，则执行步骤204，若否，则执行步骤205 ；本地代理服务器接收到网页访问请求的URL后，首先对该请求的URL进行分析，获取其中所包含的一个网页资源文件的信息。针对所述文件，本地代理服务器首先在本地判断该文件是否存在。具体可以为，通过该文件的文件名在所述本地代理服务器中查找是否存在该文件。步骤204，从本地代理服务器中提取相应的文件；若本地代理服务器在本地判断所请求的文件是存在的，则直接从本地提取该文件。
步骤205，本地代理服务器向CDN服务器发起对应文件的获取请求，并接收所述CDN服务器返回的对应文件；在具体实现中，当判断出所述本地代理服务器中不存在所要请求的文件吋，由本地代理服务器向CDN服务器发起对应文件的获取请求，CDN服务器接收到该请求后，通过Apache的重定向Rewrite规则将所述文件的请求重定向到目标URL,从所述目标URL提取相应的文件，并将所述文件返回本地代理服务器，本地代理服务器接收所述CDN服务器返回的对应文件。步骤206，由所述本地代理服务器直接将所获得的文件后返回客户端。为使本领域技术人员更好地理解本实施例，以下通过ー个具体示例进ー步说明:I)使用Apache搭建本地代理服务器。2)本地代理服务器接收到URL为http://a.tbcdn.cn/a.1s的网页访问请求,其中包含a.js 一个网页资源文件名。3)在本地代理服务器中查询a.js这个网页资源文件名，若是得到文件a.js，则执行4);若是不存在文件a.js，则执行5)。4)直接从本地代理服务器中提取文件a.js ;将文件a.js的结果返回给客户端。5)通过在⑶N服务器上通过Apache直接将单个文件的请求重定向到目标URL完成对文件a.js的抓取，将得到文件a.js的结果返回给客户端。參考图3，其示出了本申请的ー种Web前端本地开发环境的搭建方法实施例3的步骤流程图，包括:步骤301，预置本地代理服务器；步骤302，所述本地代理服务器接收客户端发送的网页访问请求，判断所述网页访问请求中包含的网页资源文件的信息为ー个或为多个，若为ー个，执行步骤303至步骤306 ;若为多个，执行步骤307至步骤314 ；步骤303，根据所述单个网页资源文件的信息判断在所述本地代理服务器中是否存在该文件；若是，则执行步骤304，若否，则执行步骤305 ；步骤304，从本地代理服务器中提取本地存在的文件；步骤305，本地代理服务器向CDN服务器发起所述文件的获取请求，并接收所述CDN服务器返回的文件；步骤306，本地代理服务器将得到的文件返回给客户端。步骤307，根据所述多个网页资源文件的信息生成文件列表；步骤308，本地代理服务器新建一个缓存；步骤309，针对所述文件列表中的各文件，判断在所述本地代理服务器中是否存在，若是，则执行310 ;若否，则执行311 ；步骤310，从本地代理服务器中提取本地存在的相应的文件，写入预设的缓存中；步骤311，本地代理服务器向⑶N服务器发起所述对应文件的获取请求，并接收所述CDN服务器返回的对应文件，将所接收的对应文件写入预设的缓存中；步骤312，判断所述预设缓存中的文件是否包含压缩混淆代码，若是，则执行步骤313 ;若否，则执行步骤314 ；步骤313，将所述压缩混淆代码转换为源代码后再进行文件合并操作，将合并后的文件返回客户端。步骤314，本地代理服务器直接合并所述预设缓存中的文件，将合并后的文件返回客户端。在具体实施例中，对于所述压缩混淆代码转换为源代码的处理，本地代理服务器可以提供两种方法作源代码的展开，第一种方法依赖于规范的约定，所有混淆后的代码的源代码的文件名按照统ー规则(比如“-min”)来命名，输出时直接查找与之对应的源文件；另外ー种方法是在PHP中引入beautifier模块(网络开发中的ー种应用模块)，用以通过代码逻辑实现混淆代码的展开，通常第二种方法效率很低，默认不开启，在必要的时候需手动开启。为了方便本领域技术人员更好地理解本申请，以下通过ー个完整示例更进ー步说明本申请:I)使用Apache搭建本地代理服务器。2)本地代理服务器接收到URL的网页访问请求；该URL为http://a.tbcdn.cn/ : s/kissy-min.js,p/l.01/global-min.js，其中迅含 kissy-min.js 和 global-min.js两个网页资源文件名。3)在本地代理服务器中查询kissy-min.js和global-min.js两个网页资源文件名；这个时候一般会出现3种情况:本地代理服务器中kissy-min.js和global-min.js两个文件都存在；本地代理服务器中kissy-min.js和global-min.js两个文件只有其中之一存在; 本地代理服务器中kissy-min.js和global-min.js两个文件都不存在。4)若是本地代理服务器中kissy-min.js和global-min.js两个文件都存在,贝丨J直接从本地代理服务器中提取本地存在的相应的文件；通过本地代理服务器使用PHP完成。若是本地代理服务器中kissy-min.js和global-min.js两个文件只有其中之一存在，则存在的那个文件直接从本地代理服务器中提取；通过本地代理服务器使用PHP完成。不存在的那个文件由本地代理服务器向CDN服务器发起所述本地不存在的文件的获取请求，并接收所述CDN服务器返回的对应文件；通过在内容分发网络上通过Apache直接将单个文件的请求重定向到其他网页地址完成。本地代理服务器中kissy-min.js和global-min.js两个文件都不存在。则由本地代理服务器向CDN服务器发起所述两个文件的获取请求，并接收所述CDN服务器返回的对应文件；通过内容分发网络CDN服务器通过库函数fileO线上抓取所请求多个相应的文件，并将所述文件返回本地代理服务器。5)将从本地代理服务器，和/或，从⑶N服务器得到的kissy-min.js和global-min.js两个文件都写人预设的缓存中。6)本地代理服务器使用PHP中通过合并字符串的方式将缓存中kissy-min.js和global-min.js两个文件按序合并,发现其中文件kissy-min.js为压缩混淆代码,将其转换为源代码后，再将文件kissy-min.js和global-min.js合并,然后把合并得到的结果返回客户端。需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请所必须的。參考图4，其示出了ー种Web前端本地开发环境的搭建装置的结构流程图，包括:本地代理服务器设置模块401，用于预置本地代理服务器；网页访问请求接收模块402，用于由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含网页资源文件的信息；文件位置判断模块403，用于根据所述网页资源文件的信息判断在所述本地代理服务器中是否存在对应的文件；若是，则调用本地提取模块404 ;若否，则调用线上获取模块和文件接收模块405 ；本地提取模块404，用于从本地代理服务器中提取相应的文件； 线上获取模块405，用于所述本地代理服务器向内容分发网络⑶N服务器发起对应文件的获取请求；文件接收模块406，用于接收所述内容分发网络CDN服务器返回的对应文件；文件合并输出模块407，用于在所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。在具体实现中，本申请实施例还可以包括:文件输出模块，用于当所述文件为ー个时，由所述本地代理服务器直接将所获得的文件后返回客户端。在本申请的ー种优选实施例中，所述网页访问请求中可以包含多个网页资源文件的信息，本申请实施例还可以包括以下模块:第一缓存写入模块，用于将所述从本地代理服务器中提取的相应文件写入预设的缓存中；和/或，第二缓存写入模块，用于将所接收的从内容分发网络CDN服务器返回的对应文件写入预设的缓存中；在这种情况下，所述文件合并输出模块可以进一歩包括以下子模块:文件合井子模块，用于本地代理服务器合并所述预设缓存中的文件；文件返回子模块，用于将合并后的文件返回客户端。更为优选的是，所述文件合并子模块可以进ー步包括以下単元:代码判断単元，用于判断所述预设缓存中的文件是否包含压缩混淆代码；若是，则调用转换代码単元；若否，则调用直接合并单元；代码转换単元，用于将所述压缩混淆代码转换为源代码；直接合并单元，用于直接进行文件合并操作。作为本申请实施例的一种优选示例，所述网页访问请求中可以包含ー个网页资源文件的信息，在这种情况下，本申请实施例还可以还包括:位于内容分发网络⑶N服务器的重定向模块，用于通过Web服务器软件Apache的重定向Rewrite规则将所述文件的请求重定向到目标网页地址，从所述目标网页地址提取相应的文件。
作为本申请实施例的另ー种优选示例，所述网页访问请求中可以包含多个网页资源文件的信息，在这种情况下，本申请实施例还可以包括:位于内容分发网络⑶N服务器的库函数提取模块，用于内容分发网络⑶N服务器通过库函数fileO提取所请求的文件，并将所述文件返回本地代理服务器。在具体实现中，所述系统实施例可以设置在某一台服务器中，或根据实际情况设置在分布式结构的服务器集群中，本申请对此不作限制。由于所述系统实施例基本相应于前述方法实施例,故本实施例的描述中未详尽之处，可以參见前述实施例中的相关说明，在此就不赘述了。本申请可用于众多通用或专用的计算系统环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。以上对本申请所提供的ー种Web前端本地开发环境的搭建方法和ー种Web前端本地开发环境的搭建装置进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式
及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。
权利要求
1.一种Web前端本地开发环境的搭建方法，其特征在于，包括: 预置本地代理服务器； 由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含网页资源文件的信息； 根据所述网页资源文件的信息，判断在所述本地代理服务器中是否存在对应的文件； 若是，则从本地代理服务器中提取相应的文件； 若否，则所述本地代理服务器向内容分发网络CDN服务器发起对应文件的获取请求，并接收所述内容分发网络CDN服务器返回的对应文件； 当所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。
2.按权利要求1所述的方法，其特征在于，还包括: 当所述文件为ー个时，由所述本地代理服务器直接将所获得的文件后返回客户端。
3.按权利要求1或2所述的方法，其特征在于，所述网页访问请求中包含多个网页资源文件的信息，所述的方法还包括: 将所述从本地代理服务器中提取的相应文件写入预设的缓存中； 和/或，将所接收的从内容分发网络CDN服务器返回的对应文件写入预设的缓存中； 所述由本地代理服务器合并所获得的文件后返回客户端的步骤进一歩包括: 本地代理服务器合并所述预设缓存中的文件； 将合并后的文件返回客户端。
4.按权利要求3所述的方法，其特征在于，所述本地代理服务器合并所述预设缓存中的文件的步骤进一歩包括: 判断所述预设缓存中的文件是否包含压缩混淆代码； 若是，则将所述压缩混淆代码转换为源代码后再进行文件合并操作； 若否，则直接进行文件合并操作。
5.按权利要求4所述的方法，其特征在干，所述文件合并操作为使用嵌入超文本标记语言文档的脚本语言PHP通过合并字符串的方式完成。
6.按权利要求1或2所述的方法，其特征在于，所述本地代理服务器使用Web服务器软件Apache搭建。
7.按权利要求2所述的方法，其特征在于，所述网页访问请求中包含一个网页资源文件的信息，在所述本地 代理服务器接收所述内容分发网络CDN服务器返回的对应文件的步骤之前，所述的方法还包括: 内容分发网络⑶N服务器通过Web服务器软件Apache的重定向Rewrite规则将所述文件的请求重定向到目标网页地址，从所述目标网页地址提取相应的文件，并将所述文件返回本地代理服务器。
8.按权利要求1所述的方法，其特征在于，所述网页访问请求中包含多个网页资源文件的信息，在所述本地代理服务器接收所述内容分发网络CDN服务器返回的对应文件的步骤之前，所述的方法还包括: 内容分发网络CDN服务器通过库函数file ()提取所请求的文件，并将所述文件返回本地代理服务器。
9.一种Web前端本地开发环境的搭建装置，其特征在于，包括:本地代理服务器设置模块:用于预置本地代理服务器； 网页访问请求接收模块:用于由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含网页资源文件的信息； 文件位置判断模块:用于根据所述网页资源文件的信息判断在所述本地代理服务器中是否存在对应的文件；若是，则调用本地提取模块；若否，则调用线上获取模块和文件接收模块； 本地提取模块:用于从本地代理服务器中提取相应的文件； 线上获取模块:用于所述本地代理服务器向内容分发网络CDN服务器发起对应文件的获取请求； 文件接收模块:用于接收所述内容分发网络CDN服务器返回的对应文件； 文件合并输出模块:用于在所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。
10.按权利要求9所述的装置，其特征在于，还包括: 文件输出模块:用于在所述文件为ー个吋，由所述本地代理服务器直接将所获得的文件后返回 客户端。
全文摘要
本申请提供了一种Web前端本地开发环境的搭建方法和装置。其中所述方法包括预置本地代理服务器；由所述本地代理服务器接收客户端发送的网页访问请求，所述网页访问请求中包含网页资源文件的信息；根据所述网页资源文件的信息，判断在所述本地代理服务器中是否存在对应的文件；若是，则从本地代理服务器中提取相应的文件；若否，则所述本地代理服务器向内容分发网络CDN服务器发起对应文件的获取请求，并接收所述内容分发网络CDN服务器返回的对应文件；当所述文件有多个时，由所述本地代理服务器合并所获得的文件后返回客户端。本申请能够减轻前端代码发布上线操作的复杂度，提高开发效率，并降低开发和修改调试文件的风险。
文档编号H04L29/08GK103092581SQ20111033612
公开日2013年5月8日 申请日期2011年10月28日 优先权日2011年10月28日
发明者李晶 申请人:阿里巴巴集团控股有限公司