CocosCreater 接入手Q (QQ小游戏）、小米快游戏 接入指南、脱坑指南

微信小游戏发布之后，马上接入手Q渠道。 

（一）接入手Q需要的物料：

1. QQ小程序开放平台：https://q.qq.com/#/
2. 开发文档：https://q.qq.com/wiki/develop/game/API/
3. 开发者工具下载：https://q.qq.com/wiki/tools/devtool/   工具的使用和微信开发者工具一个样 我使用的版本号v0.2.1

（二）环境：

1. 机器：mac 10.13.6
2. CocosCreater 2.0.10
3. QQ开发者工具 v0.2.1

（三）步骤（前提：代码已经接入）：

1. 选择微信小游戏，输入相关信息，构建出工程
2. 进入build/wechatgame,找到game.json文件，修改"deviceOrientation": "landscapeRight", 为"deviceOrientation": "landscape",
3. 打开QQ开发工具，导入工程，测试。
4. 测试通过，将res文件夹上传到文件服务器
5. 代码上传
6. 发布体验版，手机QQ扫码测试。

坑1：手Q渠道不是creater打包面板中QQ轻游戏。

发布手Q渠道，直接选择微信小游戏。替换成手Q渠道申请的appid，即可。

 坑2：导出工程后一定要做：进入build/wechatgame,找到game.json文件，修改"deviceOrientation": "landscapeRight", 为"deviceOrientation": "landscape"，这一步，要不然横竖屏没法识别。

趁着热乎，小米快游戏的流程继续。

（一）接入小米快游戏需要的物料：

1. 小米快游戏构建文档：https://docs.cocos.com/creator/manual/zh/publish/publish-xiaomi-quick-games.html?h=%E5%B0%8F%E7%B1%B3
2. 快游戏接入文档：
    https://gamedoc.quickapp.cn/guide/tutorial/%E5%BF%AB%E6%B8%B8%E6%88%8F%E6%8E%A5%E5%85%A5.html
3. 小米快游戏SDK接入文档：https://dev.mi.com/console/doc/detail?pId=1739#qgpayobject
4. 小米快游戏调试器 + 运行环境 下载地址（我用的版本）：

（二）环境：

1. 机器：mac 10.13.6
2. CocosCreater 2.1.4 参考creater的更新记录，把2.0.10更新到2.1.4发布小米快游戏
3. 小米快游戏调试器
4. 小米手机 注意：手机的系统版本不能太高
5. chrome浏览器内核版本79

（三）步骤（前提：代码已经接入）：

1. 选择小米快游戏，输入相关信息，构建出工程
2. 点击运行，出现二维码
3. 打开小米快游戏调试器，扫码安装
4. 
5. 进入游戏，
6. 点击二维码下方的开启调试
7. chrome被唤醒，进入调试模式

（四）例数遇到的坑：

1. 第一次接入小米快游戏，各种文档没有找到比较集中的，发行就给了个快应用接入文档，然鹅快应用和小米快游戏差十万八千里。各种找，集合了上面物理中列出的各个文档。
2. 小米快游戏调试器的使用，个人一直认为是用快应用预览版，一个劲的扫码安装，总提示失败。后来才发现需要选择快应用服务框架。
3. 安装成功，启动游戏，卡死在游戏开屏界面（自己游戏的健康游戏公告）。各种找问题，最后发现是MI10 Lite Zoom，MIUI：11.0.3,这个手机不支持调试器。可能是MIUI版本太高了。换了一个低版本的，就能正常进入游戏了。
4. 游戏卡住想用调试来查问题，然鹅，chrome启动就报错，错误shell.js文件中，各种找大神问，最终确定不是引擎或者游戏的问题，调试器也没有其他版本可用，只好换了chrome版本，在换了好几个版本后，发现chrome79版本可用正常调试。

总结：整个接入过程，写代码的时间加起来不到一天，时间全部都浪费在了环境搭建上。尤其是小米快游戏，基本没有什么成体系的帖子。希望我的帖子可以帮助需要的人剩下一些时间。

福利：贴上ts版本的小米快游戏签名的代码。

    payParams['appId'] = XmAPPID;	              // String 游戏唯一ID
    payParams['appAccountId'] = app.appAccountId; // int 与登录接口返回的        
                                                        appAccountId一致
    payParams['session'] = app.session; 		  // String 与登录接口返回的 
                                                          session一致
    payParams['cpOrderId'] = orderID; 		      // String 游戏订单号
    payParams['displayName'] = pname;		      // String 支付的时候显示的商品名称
    payParams['feeValue'] = price * 100; 	      // int 充值金额(单位：分)，
    payParams['cpUserInfo'] = app.xmUserInfo; 	  // String cp透传信息 (非空)
    let keys = Object.keys(payParams);
    keys.sort();
    let signStr = "";
    for (let item of keys) {
        signStr += `${item}=${payParams[item]}&`;
    }
    signStr = signStr.substr(0, signStr.length - 1);
    console.log('signStr = ' + signStr);
    let sign = CryptoJS.HmacSHA1(signStr, XmAPPKEY).toString();
    payParams['sign'] = sign;			            // String 签名

 ps：第一次写这么详细的原创帖，感觉有帮助的，请来点打赏，万分感谢！