本周公司给了一个新的需求,微信分享h5网页点击按钮调起app 官方文档
绑定域名
登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”
引入js文件
我这边用的是react,所以用npm引入 npm i weixin_js_sdk
通过 config 接口注入权限验证配置并申请所需开放标签
(如果报签名算法问题,可在官方文档附录一一次查看对照是否匹配,url要动态传入:location.href.split('#')[0];)
在要点击跳转的地方加入开放标签
wx-open-lanuch-app 标签里面的内容无法用样式控制标签,可在外层嵌套样式,标签里面的做同样大小并设置透明
调试
可在微信开发者工具中调试,但需要打包到微信公众平台绑定的域名上(或者绑定一个本地域名)
显示上图状态基本处于前端正常可跑通阶段阶段,ios/安卓正常接入sdk可直接吊起
ps:安卓可能得扫码或直接打开微信分享的卡片式链接才可正常实现跳转
如果用户未安装app,兜底处理
在wx.config里面通过ready接口监听是否调起app,失败则跳转下载app页面。ios可直接跳转appstore,安卓可写浏览器下载链接