微信小游戏接入遇到的坑

微信小游戏接入遇到的坑

1、微信web开发工具必须安装到C盘，才能被egret wing自动调取。
2、exml文件不能放在src文件夹，必现放在resource文件夹
3、egret Launcher配置项目发布目标和一定要创建项目
4、设置了项目target为wxgame，如果要编译web版，则需要带上参数编译才行 egret build --target build
5、不能使用location.hash || location.search 等属性，location下只有href和reload方法（2018.1.9号的版本），（在开发者工具里面不会报错，在手机微信下会报错！）
6、egret项目exml皮肤里面引用自定义组件报错问题，原因是微信必须用commonjs导致的自定义组件不能用了，通过硬编码设置window[“xxx”] = xxx 来实现。
7、不能使用RES.setMaxRetryTimes
8、必现强制设置this.stage.orientation = egret.OrientationMode.PORTRAIT;
9、需要针对小游戏进行高度适配（类似iphonex一样有刘海高度需要处理）
10、不允许动态执行代码的能力，eval、setTimeout 和 setInterval 函数的第一个参数不能为字符串，Function构造函数的参数不能为字符串

11、json文件bom头 会导致加载失败 （在纯英文字母内容下，utf8 和 ansi是一样的，两种编码的区别在于 汉字等多字节符号）

egret 微信环境下加载声音有bug，加载声音文件偶尔会出现不触发完成事件的情况（直到5.2.13引擎都还有这个问题），因此不要把声音放在强制加载队列里面，否则会导致卡在加载处。
微信小游戏环境下 egret的bug
label放在一个con里面设置con的mask，再修改label的y形成动画效果，在浏览器下正常，但是在微信环境下会中间突然闪一下。最终通过设置 label的mask来解决。
[微信基础库 2.6.0特有Bug] setInterval 和 setTimeout 第3个参数异常的Bug

egret微信小游戏下报出来的错误（用window.error侦听的，困扰我半年！！）：
#1011;at setTimeout callback function
KaTeX parse error: Expected '}', got '&' at position 283: … if (true &̲& !self.hasEven…error(1011, url);
}
self.dispatchEventWith(egret.IOErrorEvent.IO_ERROR);
}, 0);
};

1、加载失败问题，原来是白鹭底层封装的 调用wx.downFile 、makedir writeFilesync 等api出错，并且没有容错导致的
2、微信开发者工具 基础库 2.2.x 及以下，调用开放域，会报警告（并且无法显示内容）：
An unsecure canvas can’t take an secure canvas as arugment of drawImage When using subcontext
原因是：https://forum.cocos.com/t/topic/57861/4 （不确定真机下是否有这个问题）

【2019.3.26】bug
真机 微信小游戏库升级到 2.6.4 之后，导致点击容器里面的子对象，调用容器的hitTestPoint方法返回的值是 false
this.hitTestPoint(event.stageX, event.stageY, true)，之前的版本库都是正常为true。
解决方案
微信下最后1个参数传false，改成：this.hitTestPoint(event.stageX, event.stageY, false)；
微信里面最后1个参数 通过配置 wx_bug_hitTestPoint = true参数来控制
代码为：this.hitTestPoint(event.stageX, event.stageY, !egret[“wx_bug_hitTestPoint”])

2019.6.17 微信发现（qq也一样）
在webgl模式下 项目用toDataURL生成图片数据是无效的 主要原因是（getPixels）微信已经屏蔽，需要改用canvas模式

但是 canvas模式下微信开放域又有新的问题：sharedCanvas width/height不对 导致好友榜显示异常或不全（webgl正常）
有2种情况会导致：
1、设置了cacheAsBitmap
2、调用了 toDataUrl 生成图片数据
本质原因是 这2个api会修改到sharedCanvas.width, sharedCanvas.height;
解决方案：
platform.ts类里面createDisplayObject方法加上这个逻辑：
if(egret.Capabilities.renderMode == “canvas”){
let data = window.system_data || wx.getSystemInfoSync();
width = system_data.windowWidth * system_data.pixelRatio;
height = system_data.windowHeight * system_data.pixelRatio;
sharedCanvas[“style”][“width”] = width + “px”;
sharedCanvas[“style”][“height”] = height + “px”;
sharedCanvas.width = width;
sharedCanvas.height = height;
}

微信真机：不要用 Shape做遮罩,在微信开放域下排行榜显示不出来（2019.7月）

微信，有时候加载视频，一直在转圈，一般是网络问题，加载视频卡住（在转圈，倒计时不动），换手机流量一般就可以