H5跳转微信小程序
wx-open-launch-weapp
// 普通H5的写法可参考官方文档，以下是我在vue中的写法
<wx-open-launch-weapp
username="小程序原始id"
path="页面路径及参数">
<script type="text/wxtag-template">
<button class="wx-btn">跳转小程序</button>
</script>
</wx-open-launch-weapp>
<script>
...
async mounted() {
const wx = require(weixin-js-sdk)
wx.config({
debug: true, // 开启调试模式，会在移动端以alert的形式打印返回值
appId: , // 必填，从服务端获取
timestamp: , // 必填，生成签名的时间戳，从服务端获取
nonceStr: , // 必填，生成签名的随机串，从服务端获取
signature: ,// 必填，签名，从服务端获取
jsApiList: [], // 必填，需要使用的JS接口列表，这个随便填一个就行
openTagList: [wx-open-launch-weapp]
})
wx.ready((e) => console.log(e))
wx.error((e) => console.log(e))
}
</script>
URL Scheme
-
注意事项：安卓不能直接跳转，需要H5中转，否则Android会出现无法访问 写法很简单，只需location.href=URL Scheme，在页面初始化时调用或者在按钮点击事件中调用
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
微信小程序设置背景图片不显示问题解决方法