最近在完成H5跳转小程序需求时,使用到了微信官方退出的开放标签<wx-open-launch-weapp>,来谈一谈使用的心得和不足。
1、适用环境
微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上
2、接入微信的JS-SDK
按微信JS-SDK要求绑定安全域,并通过config接口注入权限验证配置
这里附录微信官方教程微信开放文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
最后在贴个官方的适用用例
在微信开发者工具内打开你的页面如果显示
在微信开发者工具内打开你的页面如果显示
就说明你已经介入wx的js-sdk成功了
3.使用开放标签(vue)
贴个最简单的应用
坑的地方来了: 你会发现在微信开发者工具中没有显示还报错
在微信开发者工具中没有显示是因为微信开发者工具还是无法支持微信开放标签的调试功能,只能在手机上调试并且是在加了微信安全域名的服务器环境下调试( ̄︶ ̄)
报错是在提示你没有在vue中注册过改组件,你只需要在main.js中写上下面一句代码就可以了
除了这点外还有以下几个坑点
不能用js来模拟点击,有了局限性
样式无法写在外面中,只能在script标签内内链写或者行内样式
无论是内链还是行内 都不支持rem
不会继承样式
如果开发标签内需要使用图片,不能用本地图片,得用外网可以访问的图片,要不然会不显示