[Egret]对接微信平台JSSDK

下载Egret第三方库

Egret第三方库下载

在项目中设置微信第三方库

• 将下载好的weixinapi文件放置在项目外的任意文件夹内。例如，新建一个testWeixin的egret项目，将weixinapi放置在其外的libsrc文件夹内，例如：

C:\wamp\www\egret\libsrc\weixinapi

项目文件夹如下:

C:\wamp\www\egret\testWeixin

• 配置项目内文件
  找到egretProperties.json 文件，添加weixinapi模块。例如wenxinapi 文件放在以上libsrc文件夹下，通过如下方式添加模块:

{
"name": "weixinapi",
"path": "../libsrc/weixinapi"
}

path 表示微信模块文件的目录.
添加好上述代码后，执行 egret build -e -clean (编译引擎) 就会把模块编译到项目中，并在代码中使用该第三方库。

• 验证引入文件是否成功
  在 egret 项目中添加如下代码

var bodyConfig: BodyConfig = new BodyConfig();
bodyConfig.appId = "此处填写公共平台appID，未认证的ID将不能使用自定义分享等接口，请联系微信官方获取";
bodyConfig.debug = true;
/// ... 其他的配置属性赋值
/// 通过config接口注入权限验证配置
if(wx) {
      wx.config(bodyConfig);
      wx.ready(function() {
      /// 在这里调用微信相关功能的 API
       });
}

编译成功后，打开浏览器控制台，可以看到以下输出：

"config", BodyConfig {appId: "xxxx", timestamp: "1590140780", nonceStr: "b6b5f84b-12ab-4bb2-8290-3c0843a09f36", signature: "xxxx", jsApiList: Array[1]…}

微信JSSDK 的使用

• 举例说明：隐藏所有非基础按钮接口

// 配置属性赋值
var bodyConfig: BodyConfig = new BodyConfig();
bodyConfig.appId = '';
bodyConfig.timestamp = '';
bodyConfig.nonceStr = '';
bodyConfig.signature = '';
bodyConfig.jsApiList = ['hideAllNonBaseMenuItem'];
bodyConfig.debug = false;
if (wx) {
    // 通过config接口注入权限验证配置
    wx.config(bodyConfig);
    wx.ready(function () {
        // 在这里调用微信相关功能的 API
        // 隐藏所有非基础按钮接口
        wx.hideAllNonBaseMenuItem(null);
    });
}

• 其他微信接口类似