使用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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

CocosCreator接入微信小游戏相关推荐

  1. 解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题

    解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题 参考文章: (1)解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题 (2)https:// ...

  2. 《从0到1上线微信小游戏》第十一节 接入微信小游戏广告

    第十一节 接入微信小游戏广告 申请公测 开通流量主并创建广告位 广告代码接入实战 广告组件审核 接入广告是小游戏实现盈利的一种方式.笔者会在这一小节讲解如何接入,并列出接入时需要注意的一些问题. 申请 ...

  3. CocosCreator 2.x接入微信小游戏广告

    前言 微信小游戏有多种广告类型,以下记录Banner广告和全屏激励广告的工具. 使用方法 添加广告 在AdUnitIdMap中添加广告 显示激励广告 if (cc.sys.platform === c ...

  4. (从零开始)Cocos 3.6.0 接入微信小游戏激励广告

    前言 鉴于目前的cocos3.6.0的教程较少,开发小游戏踩了不少坑.想写个帖子总结记录下 1.要求 目前微信小游戏开通流量主的条件,是UV达到1000以上,也就是说要有至少1000个人访问过你的小游 ...

  5. CocosCreator 打包微信小游戏

    1. 下载微信开发者工具并安装,申请小游戏ID,在ccc的文件-->设置-->原生环境中,指定路径 2.发布平台选择微信小游戏,填入appid,这里要注意,小程序的id 和小游戏的id不同 ...

  6. CocosCreator之微信小游戏的抽奖转盘

    许多小游戏里面都有涉及到抽奖环节,所以就可能会用到抽奖转盘的制作,今天分享一个自己左转盘的小小过程. 1.准备材料过程不多说,拼完界面之后大概是这样的: 2.给界面绑定脚本,在脚本的propertie ...

  7. CocosCreator之微信小游戏的聊天/提示气泡制作

    有时候,我们会遇到一些需要气泡的地方,比如一些提示,即需要背景随着文本长度过长而换行之后进行自适应的情况.我之前是直接设置文本框的行高是可变的,即Overflow属性为RESIZE,然后根据文本长度来 ...

  8. CocosCreator微信小游戏排行榜及开放数据域的理解与使用

    微信小游戏开放数据域及排行榜的使用 好久没有写博客了,距离上一次博客,已经有了近半年之久,这段时间发生了太多的事,当然,这些不是今天的主题,接下来我们主要讲一讲微信小游戏开放数据域的使用,以及如果制作 ...

  9. CocosCreator微信小游戏入门实战《小猫钓鱼》(十一):总结以及源码分享

    转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/83068228 基本上到这里作为一个cocoscreator以及微信小游戏的开发者,我相 ...

最新文章

  1. RPCGEN -M *.x 在pnfsd中的修改。 *_clnt.c
  2. React Hook基本使用踩坑指南
  3. php json和数组,php数组和json数组之间的互相转化
  4. 局域网网络风暴检测工具_二层网络结构和三层网络结构的对比
  5. alexnet vgg_从零开始:建立著名的分类网2(AlexNet / VGG)
  6. 使用WPF的C#中的矩阵样式雨
  7. shell 判断执行结果 是否要推出
  8. 问题查询-批文页面显示别人操作的结果
  9. 【HDU1166】敌兵布阵(树状数组或线段树)
  10. python新手入门.pdf_所有Python入门书籍的整理,初学者必看,附赠所有电子版(一)...
  11. 大学计算机系最努力的同学都是如何学习的?
  12. 字节跳动程序媛教你如何刷算法题:面试手撕代码我就没怕过
  13. webview无法播放视频
  14. Apache-Flink深度解析-JOIN-LATERAL-Time Interval(Time-windowed)
  15. 月之数 HDU2502
  16. cad字体批量打断lisp_怎么将CAD里的文字打断成单个单个的
  17. 【渝粤教育】国家开放大学2018年春季 7404-21T数学建模 参考试题
  18. uniapp解决图片底部留白
  19. Python人脸识别项目-人脸检测
  20. Java学习-07 IO学习

热门文章

  1. 解决“fatal: ‘origin‘ does not appear to be a git repository...”
  2. 当男人爱上女人——学会诱导需求
  3. 中国主要咨询研究信息管理机构公司经营发展情况
  4. java实现英文单词反转
  5. oracle 11.1.0.7.24,11g Patchset 1 11.1.0.7 For Linux发布
  6. 行为型模式 11 访问者模式
  7. div滚动到指定位置 vue_Vue列表实现滚动到指定位置样式改变
  8. 《弃子长安》第七章 真相迷离
  9. 寒假安恒培训班结业考试web题
  10. 20200516 hz 幻化成风【相等集合容斥,状态压缩】