这段时间在忙活企微项目内嵌h5,由于该项目主要用于展示,而不是交互,因此需要关闭企微内部默认开放的一些按钮功能,如:复制链接,分享朋友圈,分享QQ等等。
因此需要调用官方原生api,关闭这些功能按钮。
跟着官方文档进行配置,步骤如下:
1.引入使用官方api的js
<body>
<div id="app"></div>
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</body>
2.配置并使用相关api
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: WxJSConfig.appId, // 必填,公众号的唯一标识
timestamp: WxJSConfig.timestamp, // 必填,生成签名的时间戳
nonceStr: WxJSConfig.nonceStr, // 必填,生成签名的随机串
signature: WxJSConfig.signature, // 必填,签名
jsApiList: ["hideAllNonBaseMenuItem"], // 必填,需要使用的JS接口列表,
});
wx.ready(function () {
wx.hideAllNonBaseMenuItem();
});
- 测试是否生效,结果是失败的,因为这个功能是原生功能,这也配置与使用行不通
找了许久之后终于找到解决方案,竟然只是一行代码:
beta: true,//正常使用原生功能
放置在wx.config即可!!!天啊撸!!!