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

末蓝、 2022-03-06 08:08 378阅读 0赞

## 一：前言 ##

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70][]

点击构建。

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 1][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 2][]

确定之后:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 3][]

导入。

## 四：远程资源服务器配置 ##

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

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

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

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

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

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 5][]

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

![20190318120801679.png][]

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

![20190318120219820.png][]

## 五：可能出现的问题 ##

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

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

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

![20190318121747399.png][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 6][]

## 六：主要参考链接 ##

[https://docs.cocos.com/creator/2.1/manual/zh/publish/publish-wechatgame.html][https_docs.cocos.com_creator_2.1_manual_zh_publish_publish-wechatgame.html]

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

[CocosCreator]: https://blog.csdn.net/u013654125/article/details/81082236
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70]: /images/20220306/f79899d1643e4d7cb04199126302316e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 1]: /images/20220306/640cc43865ac4e6d989c163384d700d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 2]: /images/20220306/d9dd420378f34580affc484a582e99b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 3]: /images/20220306/63a812b655504920af8a9625c6cd867c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 4]: /images/20220306/b47ea32339484b81b961d08f9ea2552d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 5]: /images/20220306/c1297e7b491145f09e12a933e8dd7632.png
[20190318120801679.png]: /images/20220306/1507e9e45e1c4079b9604c4472ed025b.png
[20190318120219820.png]: /images/20220306/9bc57d765aaf4dbfa38c6c459683732d.png
[20190318121747399.png]: /images/20220306/636172a8ae324770af70faee964378b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70 6]: /images/20220306/aad2efecd39540588117a38c031da0a3.png
[https_docs.cocos.com_creator_2.1_manual_zh_publish_publish-wechatgame.html]: https://docs.cocos.com/creator/2.1/manual/zh/publish/publish-wechatgame.html