外部的H5已经可以跳转小程序啦,也可以跳转app啦,让我们一起学习一下吧!
🙂🙂🙂
重要重要重要
我们编写的H5页面一定要放在服务器上,不然看不见效果!!!
这个必须是微信浏览器访问!!!
此功能的开放对象:
已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。
已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。
官方文档:微信官方文档:开放标签wx-open-launch-weapp的使用
第一步
我们按照文档的意思先引入
1.js文件,必须是1.6版本及以上:<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
2.我们的配置信息:提示:这里的话我们需要后端一起哦,appid可以在页面上写死,我们的timestamp/nonceStr/signature需要后端给传值,jsApiList这个我们可以随便给个js接口列表,可查看:js接口列表,openTagList这个是使用开放标签列表,必填wx-open-launch-weapp;
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [], // 必填,需要使用的JS接口列表
openTagList: [] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
});
官方给的用例:
提示:username小程序的原始id,和微信小程序的id是不一样的,微信小程序的id是WX开头哦;path这个可以给死的路径,就给都不是的时候跳转页面吧!
<wx-open-launch-weapp
id="launch-btn"
username="gh_xxxxxxxx"
path="pages/home/index.html?user=123&action=abc"
>
<template>
<style>.btn {