0、微信小游戏的大体过程

1、在微信公众平台下载 微信开发者工具

 地址: https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115,根据需要选择相应的版本。

2、cocos creator 设置:在 偏好设置中 设置微信开发者工具 的路径

 

 

 3、配置构建发布

 

 

 4、打开小程序项目

第一次打开

 

 

 

 

 

选择项目目录,(项目路径)\(项目名称)\build\wechatgame,如果有appId,直接填写,也可以注册,所以直接选择小游戏,点击确定。

 这时候你就可以看到你编辑的游戏界面了,你也可以直接在界面上直接游戏,检验下游戏有没有问题。
 

5、编译

可以在工具上的左侧模拟器界面看到这个小游戏的运行。

6、预览

可以通过微信的扫一扫在手机上体验你的第一个小游戏。

游戏的主包内体积不能够超过 4mb

可以做资源远程加载,具体操作步骤如下:

  • 在构建时,勾选md5Cache,上文已经勾选了,如果没有勾选,请重新build一下。

  • 将小游戏发布包中的res文件夹完整的上传到服务器。

  • 删除发布包中的res文件夹。

  • 在 main.js 中,找到对应代码段并添加 REMOTE_SERVER_ROOT 的设置 require('libs/wx-downloader.js'); // 添加这行代码,将 URL 修改为正确的 res 远程路径。 wxDownloader.REMOTE_SERVER_ROOT = 'https://www.xxx.com/remote-res/'; boot();PS:如果你不太了解在哪里加,在main文件搜索boot();找到 else if ( true ) ,就在这儿加。另外,网络地址指向的是res的父目录,即res的上一层。不过,后面发现在game.js下面也有这个路径,我直接在那里写入了网址,也是ok的,具体情况不太清楚,总之两处写一处就好。

  • 对于测试阶段来说,可能你无法部署到正式服务器上,需要用本地服务器来测试,那么请在微信开发者工具中打开详情页面,勾选项目设置中的 不检验安全域名、TLS 版本以及 HTTPS 证书 选项。

7、预览通过

点击右上角的...选择打开调试,重新扫一下二维码,这时候手机上就可以运行了。
至此,小游戏的开发部署算是完成了。

posted @ 2022-09-22 20:07  jiaxin2015  阅读(356)  评论(0)    收藏  举报