一行代码轻松搞定企微内嵌h5调用原生api不生效问题
这段时间在忙活企微项目内嵌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即可!!!天啊撸!!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了