Cocos Creator踩坑篇：微信小游戏将资源放到远程服务器并加载的完整流程

川长思鸟来 2022-03-01 15:30 2413阅读 1赞

**由于微信小游戏限制包体大小只能4M，然而一个小游戏只要是有点东西的，4,5M太正常了，那么我们要怎么办呢**

**Cocos Creator为我们提供了两种解决方案**

1.  **通过cc.loader.load来从服务器远程加载资源，但是，单独为了一个微信小游戏做资源管理是否成本过高？**
2.  **通过引擎自动打包依赖，并把资源一股脑放在资源服务器，然后打开小游戏的时候，将自动使用内置的wx API自动下载所有资源，并缓存到本地，供下次进入游戏调用。免去重复下载资源，造成流量的浪费。**

**这里我说一下第二种方案，也是我的项目在用的方案**

### **1. 在微信公众平台弄到App ID ，如果第一次进入，需要注册什么的，这里都不再赘述，官网有具体步骤**[https://docs.cocos.com/creator/manual/zh/publish/publish-wechatgame.html][https_docs.cocos.com_creator_manual_zh_publish_publish-wechatgame.html] ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70][]

### 2. 购买并配置OSS空间站，这是必要的，因为我们要模拟真实的环境，不然等到快上线出问题麻烦就大了，这里使用的是阿里云的，腾讯的也好，七牛的也好，都可以 ###

**OSS空间站的购买教程[https://blog.csdn.net/qq\_15020543/article/details/86368002][https_blog.csdn.net_qq_15020543_article_details_86368002]**

**OSS空间站的配置教程[https://blog.csdn.net/qq\_15020543/article/details/86368900][https_blog.csdn.net_qq_15020543_article_details_86368900]**

**这两篇文章里面不需要进行域名购买和配置，只需要看OSS的那部分就好了当然配置域名使用CDN服务更好，我这里已经配置好了域名，域名为lfzxb.top**

**我们要这个有什么用呢?**

**进入管理控制台**

![20190322225851578.png][]

**可以看到这个，他是支持https的，正好迎合了微信的要求**

![20190322225957740.png][]

**然后我们回到第一步的那个界面，填写downloadFile设置合法域名（这是必要的！！！不可忽略！！！）**

**应为https://xxx.oss.aliyun.com**

**我们在文件管理新建目录，名为test**

![20190322230049311.png][]

### **3.构建发布项目，注意一定严格按照图中所示进行修改，不然将会出错！！！** ###

![20190322225325972.png][]

**图中标注为必做的，其余视自己情况改变**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70 1][]

**点击构建**

### **4.下载OSS Browser，他将为我们提供空间站操作的可视化** ###

### **5.res文件夹的上传** ###

**来到项目的wechatgame文件夹，res文件夹包含我们游戏的所有非脚本资源**

**将res文件夹所有资源，拖放到我们OSS空间站的test文件夹下面**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70 2][]

**然后删除res文件夹**

### **6.测试运行** ###

**打开微信web开发者工具，没有的话可以百度下载**

**添加项目，直接打开运行**

**如果你按我说的对上面进行配置，项目将会正常运行，不会报错**

**而且我们包体大小也只有1.7M！**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70 3][]

[https_docs.cocos.com_creator_manual_zh_publish_publish-wechatgame.html]: https://docs.cocos.com/creator/manual/zh/publish/publish-wechatgame.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70]: /images/20220301/962fb650f9704889ad13884efc4e0e59.png
[https_blog.csdn.net_qq_15020543_article_details_86368002]: https://blog.csdn.net/qq_15020543/article/details/86368002
[https_blog.csdn.net_qq_15020543_article_details_86368900]: https://blog.csdn.net/qq_15020543/article/details/86368900
[20190322225851578.png]: /images/20220301/8b9d5a4b21544737a24a4b2ab14f1e2c.png
[20190322225957740.png]: /images/20220301/4e993456d3364ccc85da5484083543df.png
[20190322230049311.png]: /images/20220301/d6473381d72a470baf45d71d6a5d145e.png
[20190322225325972.png]: /images/20220301/2ade10547d634eb4baade92cb1880b32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70 1]: /images/20220301/1bf2607d330b4a2da20d176c6a62dc0d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70 2]: /images/20220301/ca279b6583f7452ca3d6c2d24430454d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDIwNTQz_size_16_color_FFFFFF_t_70 3]: /images/20220301/45bb19de37b741e598e916ad31e8bd12.png