微信上的小游戏怎么做

微信小游戏是基于微信平台开发的小型游戏应用，在微信内部运行，可以在朋友圈、群聊等场景中进行分享和玩耍。下面是制作微信小游戏的详细步骤：

1. 注册微信公众平台开发者账号：访问微信公众平台（https://mp.weixin.qq.com），使用手机号注册并登录。

2. 创建小游戏项目：进入“小程序管理后台”，点击“开发”-“开发设置”，创建小游戏项目并填写相关信息。

3. 准备开发工具：下载并安装微信开发者工具，用于编写和调试小游戏代码。

4. 编写游戏代码：使用微信开发者工具创建一个新的小游戏项目，选择适合的模板，编写游戏的HTML、CSS和JavaScript代码。可以借助第三方游戏引擎如Phaser或Cocos Creator来简化开发流程。

5. 调试与测试：在微信开发者工具中进行游戏的调试与测试，可以在真机上进行模拟测试，查看游戏在微信内部的表现。

6. 图片素材准备：准备游戏中所需的图片素材，包括角色、背景、道具等，注意图片大小与格式的要求。

7. 游戏逻辑实现：根据游戏设计的需求，实现游戏的逻辑与交互，包括游戏规则、关卡设计、用户操作等。

8. 接入微信API：根据游戏需求，接入微信提供的API，如获取用户信息、分享游戏成绩等。

9. 优化与调试：对游戏进行性能优化，确保游戏在微信平台上的流畅运行，同时进行充分的测试和调试。

10. 发布与推广：完成开发后，在微信公众平台中提交小游戏审核，并等待审核通过后进行发布，通过朋友圈、群聊等渠道进行推广。

以上是制作微信小游戏的详细步骤，需要具备一定的前端开发经验和相关的游戏开发知识。

如何快速开发一款火爆的小游戏？“火爆”是一个偏运营的词，在小游戏上线120天《微信开发者》公众号有一篇推文，其中有几个数字或许可以用来描述“火爆”这个词。截止微信小游戏正式允许第三方开发者发布已有22天，对外发布的小游戏达300多款，注册用户总规模过亿的游戏有数款，安卓月流水过千万的也有数款。

该文还提到与火爆相关的两个姿势。一是社交匹配度，在小游戏这样一个去中心化的大背景下，让游戏内容和微信社交相结合是一个很重要的点，同时开发者也需要在利用社交互动提升用户体验和群聊分享造成用户骚扰之间选择一个平衡点，过犹不及。第二是操作简便度，说的是游戏易上手操作简单。这是我们根据游戏成为爆款后观察得出的并不是说具备这两个特性就一定能开发出一款火爆的游戏，并且新的爆款游戏也不一定符合这些特点，仅供参考。

如何快速开发一款火爆的小游戏？“火爆”是一个偏运营的词，在小游戏上线120天《微信开发者》公众号有一篇推文，其中有几个数字或许可以用来描述“火爆”这个词。截止微信小游戏正式允许第三方开发者发布已有22天，对外发布的小游戏达300多款，注册用户总规模过亿的游戏有数款，安卓月流水过千万的也有数款。

该文还提到与火爆相关的两个姿势。一是社交匹配度，在小游戏这样一个去中心化的大背景下，让游戏内容和微信社交相结合是一个很重要的点，同时开发者也需要在利用社交互动提升用户体验和群聊分享造成用户骚扰之间选择一个平衡点，过犹不及。第二是操作简便度，说的是游戏易上手操作简单。这是我们根据游戏成为爆款后观察得出的并不是说具备这两个特性就一定能开发出一款火爆的游戏，并且新的爆款游戏也不一定符合这些特点，仅供参考。

今天介绍的内容更倾向于技术方面，所以“火爆”就从标题里面去掉了，并且也不会介绍具体的游戏逻辑如何开发，而是更偏向于如何利用好微信的开放能力开发一款小游戏。

什么是“小游戏”？小游戏是什么？

首先为大家介绍一下小游戏是什么。从普通用户的视角看，小游戏是小程序的一个子类目，可在微信内被便捷的获取和传播，即点即玩，具备出色的用户体验。小游戏是小程序，普通用户分不清也无需分清。

小游戏Runtime

如果放大小游戏的Runtime可以看到很多的细节，这是一个典型的分层架构：

最上层蓝色部分，是游戏代码，分为游戏逻辑，游戏引擎、weapp-adapter三部分。大部分游戏开发会用到一些引擎的工具、工作流，以及利用引擎封装的高层API去实现游戏逻辑。weapp-adapter，因为小游戏的底层一方面不是webview，可以简单看成是webview经过精简、优化过后的平台；另一方面核心能力的实现上却参考了webview。所以这里如果有一个适配器，把小游戏的底层API——wx API适配到一个接近webview的接口，对上层引擎、已存在的游戏接入微信小游戏平台则会更加容易，这个就是weapp-adapter的作用。其中只有游戏逻辑是必要的。

可以看到，在架构上小游戏和小程序是有差别的，小游戏没有页面概念的，wxss/wxml不再存在。底层实现也不是webview，小游戏和webview的关系只能说是渲染相关的核心能力可以通过weapp-adapter的简单适配保持接口一致，但同时很多webview上存在的功能并没有对等的实现，比如小游戏就没有DOM/BOM的概念，也没有全局的document/window对象。

小游戏的入口为game js文件，语言为Javascript，但有一些限制，比如禁止执行动态代码，因此eval、new Function等能力是不支持的。配置为game.json，可以配置横竖屏、接口超时等参数。js里面可以组合wx API的能力来实现游戏逻辑， 非代码类的资源应该尽量放到cdn，减少整个代码包打包后的大小，以加快用户首次进入时的速度，微信对首包的大小目前限制为4MB。

Webview Adapter

下面来说一下Webview Adapter，它的初衷是为了让游戏开发者更好地熟悉我们的平台，所以我们的平台在能力上会尽可能地与webview做一些适配，其实这个适配也是很简单的一层。比如说我们在浏览器里面使用image对象创建一个图片，而在小游戏里是通过wx.createimage来创建的，在代码中需要做一个简单的适配。

以此类推，常见的Canvas、document对象都是在Adapter中通过一个简单的适配实现的，大家可以研究链接中的代码。之后官方不会继续维护这个Adapter，我们会更专注于底层能力的建设。

小游戏能力概览

下图是小游戏能力的概览，小游戏能力的迭代比较快，部分能力还没有来得及罗列出来。比如最近刚发布的游戏圈、健康系统防沉迷相关的一些接口。

我们先看一下基础能力，在渲染这部分WebGL1.0和Canvas 2D都是支持的，这里的Canvas更接近于浏览器里面的标准。这里提到的可控帧率的概念，如果小游戏在后台运行的话，可以尽量将帧率降低。

在多媒体部分，小游戏还不能像小程序一样实现实时的音频视频流，这是我们在后续要进一步支持的。网络IO的部分与小程序也是类似的，我们也提供了一些UI的组件，比如说拉起键盘，模态对话框等。

小游戏的社交开放能力现在已经对外了。其中最重要的一个能力是在开放域将微信的好友关系开放出去，给开发者使用，考虑到对用户隐私的保护会有一些设计上的限制。

因为小游戏去中心化的特点，分享这一部分也是非常重要的，开发者要考虑如何将这个能力利用起来。在代码方面，因为首包限制是4MB，但部分小游戏的代码量可能比较大。我们最近也在规划一个分包的能力，允许异步加载代码并执行，但这个代码是一定要经过我们审核的。

如何开发一款小游戏？

那么如何开发一款小游戏？因为我本人也只是开发过一些简单的游戏，并不是专业进行游戏开发，所以接下来我会更多地介绍一下如何利用微信的能力来开发小游戏。

选择小游戏引擎

微信跟引擎商也有比较密切的合作，一般现在的游戏引擎都会支持发布到多个平台，对微信小游戏这个新平台而言，已经有一部分引擎做了适配，比如Cocos Creator、Egret Engine以及LayAir Engine。适配的主要工作，类似之前提到的weapp-adapter，把wx API的能力，和引擎衔接起来。

比如引擎一般会把小游戏平台和webview平台对标，适配过程就是把wx API对应到webview的能力，同时把只存在于webview能力的依赖去除，比如不再依赖BOM、DOM。已适配的引擎都有相应的文章介绍如何把游戏发布到微信小游戏平台。

设备/环境适配

小游戏会有API提供获取屏幕的宽高、设备像素比等能力。小游戏开发完成后，在开发者工具也可以发起真机测试的请求，微信提供了不同设备的测试集群，帮助开发者提前去发现问题。基础库提供的wx API本身是一个不断迭代更新的过程，对于使用了新能力的小游戏，需要做低版本兼容。

微信登录

小游戏的登录过程，跟小程序是类似的。需要用户自己去定义登录状态。appsecret/session_key代表的是小游戏开发者和微信平台之间的一种信任约定，比如支付、上报托管数据，平台方需要验证access_token(只有appsecret才能换得到)，和用户相关的还要验证session_key的签名，才能保证请求来自于小游戏开发者/用户，而不是恶意的第三方和随意捏造的用户。

access_token是一种应用态的access_token，和用户无关，需要保证全局维护一份，应该有一个中控的模块去保证access_token有效，同时在有效期内直接使用本地cache的access_token，而不是每次使用都去生成新的access_token，否则可能遇到调用频率限制的错误而影响服务。切记appsecret/session_key不要放到前端代码中去，否则可能会被坏人利用损坏小游戏开发者/用户的权益。

缓存

缓存类型包括数据缓存和文件缓存两类。数据缓存即key-value存储，适合结构化类型的小数据存储，上限为10MB。文件缓存提供了一个完整的文件系统API，包括目录/文件的增删改读，适合针对经常使用的网络资源做本地缓存，上限是50MB。

和浏览器不同的是，微信只提供了基本的存储管理能力，并不对存储什么，和存储满时删除什么做一些操作。开发者自行灵活定义缓存以及淘汰策略，比如对经常访问的资源存储到文件系统以及在文件存储满时，清理一些最近不常访问的文件。

开放数据域

开放数据域是一个封闭、独立的 JavaScript 作用域，和执行游戏逻辑的环境——称为“主域”隔离。其目的是在保证用户隐私的前提下开放用户数据给第三方，提升小游戏的整体用户体验。以下为物理视图，主域的入口为game.js，开放数据域则是一个独立的目录，其入口文件为index.js。

主域和开放数据域的通信受到严格的管制，基本原则是只进不“出”。

•只进：允许外部的数据进入开放数据域，即主域可以随时postMessage到开放域，以及开放域引用主域准备好的本地资源

•不“出”：不允许开放数据域的数据被上传到第三方服务器去。因为开放数据域里面，index.js是可以直接访问到用户敏感数据的，比如同玩好友数据。当然最终开放数据域需要index.js在综合各种数据后把数据以图形图像的方式渲染到sharedCanvas上，在主语sharedCanvas允许draw到主域的上屏Canvas上，最终用户会在显示屏上看到game.js画出来的好友排行榜、群排行榜或好友超越等社交互动信息。

在开发数据域中的数据，开发者没法把数据拿出去和游戏数据做关联，所以如果需要在开放域下展示的游戏数据，比如分数，开发者需要将该数据通过上报接口把游戏数据托管到平台。这样就可以在开发数据域里面就取到相关数据，其应用场景有好友排行、群排行榜、超越好友提示等。

分享

包括自定义分享和系统菜单分享，可以分享到群聊、单聊。也可以把分享上下文与特定的群关联，实现一些群PK、群排行榜的场景。分享是一把双刃剑，需要谨慎使用，一方面避免过度骚扰用户/群聊，另一方面增强社交互动提供好的游戏体验，需要找到一个合适的平衡点。

支付

小游戏在安卓下支持虚拟支付，它的方式目前只有一种：即货币托管的方式。主要分为2个流程：

1.充值：RMB -> 游戏币，这里开发者只需要拉起支付的流程，平台负责把用户RMB兑换成对应的游戏币，存储到用户对应的游戏帐号上

2.使用游戏币购买道具：开发者可以扣除对应的游戏币，给用户发放游戏内道具，扣除游戏币的过程需要有一定的事务机制，去保证在网络异常的情况下交易正常。扣除游戏币的接口支持根据订单id去重，意味着网络超时等情况下，开发者可用同样的订单id去重试扣除，直至返回明确的响应。

以下为简单时序图，部分角色针对开发者无需关心的部分做了相应简化处理：

性能

小游戏常见的性能问题，一般是内存造成的。如果内存占用太多会被微信客户端主动关闭，因此开发者在用户游戏过程中要及时释放不再使用的内存（js代码去除引用，或主动调用对应资源的释放接口，如果有的话），特别是Canvas和Image类大型对象，同时可以主动调用wx.triggerGC触发底层回收对应资源。

对于和游戏逻辑相对独立的工作，可以考虑在worker中去实现，小游戏提供了独立的worker线程执行js逻辑的能力。

版本更新机制

小游戏启动的过程分为冷启动和热启动。冷启动是指内存中无该小游戏的运行实例的情况下，启动小游戏的过程；热启动是指小游戏的运行实例在内存中还存在，只是暂时切换到了后台，这时用户再次触发小游戏回到前台的过程。

小游戏会在冷启动时检查小游戏的版本，如有新版本，在下载回本地后，下一次冷启动即可使用最新版。我们也提供了API可以供开发者决策在有版本可用时，是否需要强制更新。

运维

特别提醒，小游戏有完善的后端监控，可以通过“运维中心”开启，比如脚本错误监控。脚本错误主要由运行过程中未捕获的异常触发，需要重点关注。该类异常，可能会导致用户小游戏前端的js逻辑暂停执行。

平台也提供了完善的数据分析服务，可以通过“小游戏数据助手”进行数据分析。

微信小游戏被限制的解除方法分为6步，具体步骤如下：

1、打开手机微信，点击右上角的加号图标，选择添加朋友。

2、进入添加朋友界面，点击公众号。

3、在搜索框输入成长守护平台，点击搜索。

4、点击成长守护平台，选择关注。

5、在输入框内输入解绑，点击发送。

6、点击解绑微信账号，根据提示流程解绑微信即可。

微信小程序的很多小游戏是非常吸引人的，很多成年人都爱不释手，更别说小孩子了，但是过度玩游戏对于孩子并没有好处，那么我们要如何禁止孩子微信小程序游戏呢？下面我就给大家介绍一下步骤吧。

1、打开微信的软件主页之后，我们需要从中搜索“成长守护平台”的关键词，然后点击进入到公众号的详情界面，从而进行管理设置。2、接下来按照官方公众号的提示，点击超链接进入“超级家长”界面(如下所示)，这样就可以设置禁玩。3、成功绑定孩子的微信账号之后，我们就可以从中设置微信小游戏的每日可玩时长、可玩时段、方案生效周期。

微信里的游戏栏关闭方法：

1、安卓用户进入游戏，点击右上角齿轮图标，在弹出的游戏管理界面中，将所有开关都关闭(第一个接收排行榜赞消息可能关不掉但不影响)，这样基本就差不多了，不会再收到小红点。

如果想彻底关闭游戏模块，可以在游戏管理中，将国家/地区版本改为北朝鲜——因为那里没有上架任何腾讯游戏。2、iOS用户就麻烦点，要么使用FLEX等越狱工具，要么只能关闭通知和广告。

在游戏设置界面，将列表里的所有游戏解绑(Unlink)，能关闭的开关都关掉，然后再到设置-通用-语言里边，改成英文。你也可以尝试非官方的纯净版微信，但存在各种风险，请谨慎。

微信里的游戏栏关闭方法：

1、安卓用户进入游戏，点击右上角齿轮图标，在弹出的游戏管理界面中，将所有开关都关闭(第一个接收排行榜赞消息可能关不掉但不影响)，这样基本就差不多了，不会再收到小红点。 如果想彻底关闭游戏模块，可以在游戏管理中，将国家/地区版本改为北朝鲜——因为那里没有上架任何腾讯游戏。

2、iOS用户就麻烦点，要么使用FLEX等越狱工具，要么只能关闭通知和广告。 在游戏设置界面，将列表里的所有游戏解绑(Unlink)，能关闭的开关都关掉，然后再到设置-通用-语言里边，改成英文。 你也可以尝试非官方的纯净版微信，但存在各种风险，请谨慎。 怎么关闭微信个人游戏动态信息？ 1、进入微信界面，选择“发现”。 2、在发现中，选择“游戏”。

3、进入微信游戏界面，下滑屏幕，点击最下方“游戏管理”。

4、进入游戏管理设置界面，找到“我的游戏信息”和“我的游戏圈记录”，将右侧滑块全部关闭。

5、滑块变灰色关闭后，即可关闭显示微信个人游戏动态信息。

1、首先注册一个小程序账号，在官方注册一个微信小程序账号，注意服务类目应该选择“游戏”，子类目选择小游戏服务类目。

2、其次下载安装微信开发者工具，打开小程序开发者工具，使用注册的小游戏账号绑定的微信账号“扫一扫”扫码进入小游戏开发环境；选择左侧的“小程序项目”中的“小游戏Tab”，然后再点击右侧的“+”，开始创建小游戏项目，分别填写合适的项目名称、目录以及AppID，查看小程序AppID教程；填写完整后点击右下角的“新建”按钮，即可完成创建小游戏。双击目录树中的“game.js”文件，即可开始编辑游戏代码。

3、最后代码创建完成后，点击开发者工具中的“预览”按钮，用手机扫描二维码，即可在手机上预览到创建的小游戏效果。