美文网首页ios
CocosCreator接入微信小游戏

CocosCreator接入微信小游戏

作者: Summer瑞 | 来源:发表于2018-03-26 12:01 被阅读5491次

    使用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

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

    相关文章

      网友评论

      • richhu:请问发布小程序如果要获取用户openid进行记录,要怎样加代码呢
        75c4fe8609a0:解决了吗

      本文标题:CocosCreator接入微信小游戏

      本文链接:https://www.haomeiwen.com/subject/iqzlcftx.html