CocosCreator微信小游戏包资源使用远程服务器下载

一：前言

之前有总结过CocosCreator的远程资源管理，但是之前只是停留在理论，现在来实际操作一下。

环境：win10、CocosCreator2.1.0、微信开发者工具（1.02.1902010）

各个版本的工具，可能界面和代码有点不一样，差别不大。

 

二：打包CocosCreator项目成微信小游戏

点击-项目-构建发布，按照以下选项配置：

点击构建。

 

三：微信开发者工具运行项目

等待构建完成后，我们打开“微信开发者工具”：

点击这个“大加号”，找到我们的项目目录

确定之后:

导入。

 

四：远程资源服务器配置

大家可以看到，我下面的微信小游戏项目是只有libs和src这两个文件夹。

libs文件夹：是CocosCreator官方为小游戏环境做的各种给开发者简化工作的库。

                    比如：wx-downloader.js就是为远程资源服务器下载资源到小游戏上所做的库。

src文件夹：自己的项目的代码文件。

然后，我的项目里没有“res”资源文件夹，这是因为我已经把res资源文件夹放到服务器上去了。

这里的资源服务器可以是云服务器，也可以是自己搭建的本地服务器。

搭建本地服务器的主要操作是：

       把自己的资源放到其他文件夹上，用apache或者tomat或者mamp等工具

       把这个资源路径做成http协议的路径

       然后在game.js中在调用window.boot()之前配置REMOTE_SERVER_ROOT的路径。

现在我们点击“预览”，可以生成二维码，

如果我把“res”文件夹放回项目里，点击“预览”会出现，不能生成二维码的情况。

 

五：可能出现的问题

在做完以上操作之后，再次编译微信开发者工具上的项目可能还会报错，报错是这样的：

不在以下request合法域名列表中，请参考文档。。。。

然后我们需要配置一下，点击这个图标：

出现以下界面，然后勾选这个选项：

 

六：主要参考链接

https://docs.cocos.com/creator/2.1/manual/zh/publish/publish-wechatgame.html

这个链接一定要去看看panda大大的视频。