CocosCreator接入微信小游戏

使用Creator接入微信小游戏

流程介绍

1:下载cocosCreator

https://www.cocos.com/products#CocosCreator

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

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

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

3:注册账号

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

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

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

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

CocosCreator接入微信小游戏

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

 

CocosCreator接入微信小游戏

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

CocosCreator接入微信小游戏
CocosCreator接入微信小游戏

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

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

 

6:下载完成后安装

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

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

CocosCreator接入微信小游戏

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

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

MD5Cache用于热更

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

CocosCreator接入微信小游戏

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

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

CocosCreator接入微信小游戏

10:预览

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

 

CocosCreator接入微信小游戏

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

这段打开,写入路径

 

CocosCreator接入微信小游戏
目录和添加的地方

 

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

CocosCreator接入微信小游戏

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

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

 

CocosCreator接入微信小游戏
打开调试

文档参考:

微信:

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

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

原文始发于:CocosCreator接入微信小游戏

未经允许不得转载:cocos集中营 » CocosCreator接入微信小游戏
微信公众号:zs40086
免vip看全网视频,抢先福利电影啥都有!
10000人已关注
分享到:
赞(0) 打赏