目录

CocosCreator接入微信小游戏

CocosCreator接入微信小游戏

使用Creator接入微信小游戏

流程介绍

1:下载cocosCreator

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

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

3:注册账号

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

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

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

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

//upload-images.jianshu.io/upload_images/11329646-96a8e814819c907b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/554

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

//upload-images.jianshu.io/upload_images/11329646-ff5e4aa93a242811.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/624

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

//upload-images.jianshu.io/upload_images/11329646-dcd03c00130fdf6c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/554

//upload-images.jianshu.io/upload_images/11329646-92c48d9338fcfd89.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/395

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

6:下载完成后安装

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

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

//upload-images.jianshu.io/upload_images/11329646-642990557f5cd12f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/554

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

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

MD5Cache用于热更

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

//upload-images.jianshu.io/upload_images/11329646-7ab9b15dd0ff6f7f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/554

9:构建,发布,使用小程序打开

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

//upload-images.jianshu.io/upload_images/11329646-2e9f83aa76b92d44.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/604

10:预览

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

//upload-images.jianshu.io/upload_images/11329646-c1fea50209e5fcb2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/406

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 = “资源下载路径”;

这段打开,写入路径

//upload-images.jianshu.io/upload_images/11329646-d788561314b4354e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/901

目录和添加的地方

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

//upload-images.jianshu.io/upload_images/11329646-3dfc9a81d4c0d699.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/396

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

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

//upload-images.jianshu.io/upload_images/11329646-b016d2598249acef.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/554

打开调试

文档参考:

微信:

Creator:

Creator视频教程:

Creator问题汇总:

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

作者:Summer瑞

链接:https://www.jianshu.com/p/36cf19b90e36

来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。