CocosCreator接入微信小游戏

使用Creator接入微信小游戏

 

流程介绍

 

1：下载cocosCreator

http://www.cocos.com/download

2：去微信公众平台注册账号账号

微信开发者平台和微信公众平台是两个不同的平台，而且不能使用同一个邮箱进行注册，认证需要花费300RMB

https://mp.weixin.qq.com/

3：注册账号

完成后可以在里面填入小程序的信息，这个是可以修改的

注册的时候需要选择是个人还是公司，企业等等，但是因人而异，我是搞起来玩的，所以选的个人

4：注册完成后填写demo获取APPID

注册后小程序信息需要填写，因为我做了测试demo，所以填写了

 

 

里面有各种设置，这些都先不管

 

5：下载小游戏开发者工具

 

目前来说最新的版本的地址：

下载微信开发者工具的地址

 

6：下载完成后安装

 

7：安装好之后打开cocoscreator，生成一个测试项目

在开发环境中设置这个wechatgame程序路径

 

8：在creator菜单中勾选这些构建发布

构建与发布，发布平台选择wechat Game

MD5Cache用于热更

appid是之前在微信公众平台里显示的id

9：构建，发布，使用小程序打开

 

打开后就是这样的，res目录是所以的资源目录，src目录是代码目录

 

10：预览

点击预览，可以生成二维码，通过登录微信开发者程序的微信上扫一扫，就可以运行了

 

11：热更资源

微信给小游戏定了4M的大小，如果大于4M，就不能上传，所以需要热更资源，热更的只能是res目录下的资源文件，别的东西最好都不要热更。

热更代码：

else if (true)

{

    require(window._CCSettings.debug ? 'cocos2d-js.0155c.js' : 'cocos2d-js-min.js');

    var prevPipe = cc.loader.md5Pipe || cc.loader.assetLoader;

    cc.loader.insertPipeAfter(prevPipe, wxDownloader);

   // wxDownloader.REMOTE_SERVER_ROOT = “资源下载路径”;

    boot();

}

 // wxDownloader.REMOTE_SERVER_ROOT = “资源下载路径”;

这段打开，写入路径

 

目录和添加的地方

 

12：调试需要设置不验证安全域名

 

14：打开手机小程序中的打开调试

打开手机小程序中的打开调试，不然没法下载资源，因为地址是不安全的，微信默认屏蔽了不安全的地址，造成的结果就是手机上黑屏，但是电脑上能运行

 

打开调试

文档参考：

微信：

https://mp.weixin.qq.com/debug/wxagame/introduction/index.html#开通虚拟微信支付

Creator：

http://docs.cocos.com/creator/manual/zh/

Creator视频教程：

http://forum.cocos.com/t/cocoscreator-1-8/54789

Creator问题汇总：

http://forum.cocos.com/t/faq/54828

问题汇总里面出现了很多问题，希望大家能给大家提供便利，遇到问题在里面多找找，应该会找到答案。

作者：Summer瑞
链接：https://www.jianshu.com/p/36cf19b90e36
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。