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

一:前言

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

环境:win10、CocosCreator2.1.0、微信开发者工具(1.02.1902010)

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

 

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

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

CocosCreator微信小游戏包资源使用远程服务器下载_第1张图片

点击构建。

 

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

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

CocosCreator微信小游戏包资源使用远程服务器下载_第2张图片

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

CocosCreator微信小游戏包资源使用远程服务器下载_第3张图片

确定之后:

CocosCreator微信小游戏包资源使用远程服务器下载_第4张图片

导入。

 

四:远程资源服务器配置

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

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

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

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

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

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

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

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

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

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

CocosCreator微信小游戏包资源使用远程服务器下载_第5张图片

CocosCreator微信小游戏包资源使用远程服务器下载_第6张图片

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

CocosCreator微信小游戏包资源使用远程服务器下载_第7张图片

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

CocosCreator微信小游戏包资源使用远程服务器下载_第8张图片

 

五:可能出现的问题

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

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

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

CocosCreator微信小游戏包资源使用远程服务器下载_第9张图片

出现以下界面,然后勾选这个选项:

CocosCreator微信小游戏包资源使用远程服务器下载_第10张图片

 

六:主要参考链接

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

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

你可能感兴趣的:(CocosCreator,微信小程序(小游戏),CocosCreator,微信小游戏,远程资源,包大小限制)