介绍, wx.config ({
,,,,,,,,,调试:,假的,,//,开启调试模式,调用的所有api的返回值会在客户端提醒出来,若要查看传入的参数,可以在pc端打开,参数信息会通过日志打出,仅在pc端时才会打印。
,,,,,,,,,appId:,“XXXXXXXXXXX",,//,必填,公众号的唯一标识
,,,,,,,,,时间戳:,this.timestamp,,//,必填,生成签名的时间戳
,,,,,,,,,nonceStr:, this.nonceStr,,//,必填,生成签名的随机串
,,,,,,,,,签名:,this.signautre,,//,必填,签名
,,,,,,,,,jsApiList:,
,,,,,,,,,,,“onMenuShareTimeline",
,,,,,,,,,,,“onMenuShareAppMessage",
,,,,,,,,,,,“checkJsApi",
,,,,,,,,,,,“scanQRCode"
,,,,,,,,,,,//,必填,需要使用的JS接口列表
,,,,,,,,,openTagList: [& # 39; wx-open-launch-weapp& # 39;】
,,,,,,,});
,,,,,,,wx.ready(函数(),{
,,,,,,,,,//配置信息验证后会执行现成的方法,所有接口调用都必须在配置接口获得结果之后,配置是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在准备函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在准备函数中
,,,,,,,});
,,,,,,,wx.error(函数(res), {
,,,,,,,,,console.log (& # 39; res # 39; (res);
,,,,,,,,,//,配置信息验证失败会执行错误函数,如签名过期导致验证失败,具体错误信息可以打开配置的调试模式查看,也可以在返回的res参数中查看,对于温泉可以在这里更新签名。
,,,,,,,}); & lt; div id=皐xOpenInAPP",类=皐exin-launch-btn"比;
& lt;才能/div> , var dom =, . getelementbyid (& # 39; wxOpenInAPP& # 39;),
,,,dom.innerHTML =, & # 39; & lt; wx-open-launch-weapp id=發aunch-btn",用户名=癵h_XXXX",路径=耙趁?登录/登录/main.html"祝辞& lt; template> & lt; style>,, .wx-btn {,,颜色:# 666;,宽度:,100%;,高度:100%;,显示:,块;,text-aligin:中心;,}& lt;/style> & lt; button 类=皐x-btn"在跳转小程序& lt;/button> & lt;/template> & lt;/wx-open-launch-weapp> & # 39;
,,,var launchBtn =, . getelementbyid (& # 39; launch-btn& # 39;)
,,,if (! launchBtn), {
,,,,,回来
,,,}
,,,launchBtn.addEventListener(& # 39;启动# 39;,,function (e), {
,,,,,console.log (& # 39; eee # 39;, e);
,,,})
,,,launchBtn.addEventListener(& # 39;错误# 39;,,function (e:有),{
,,,,,console.log(& # 39;失败# 39;,,e.detail)
,,,}) & lt; wx-open-launch-weapp id=發aunch-btn",用户名=癵h_xxxxxxxxxxx",,路径=耙趁?登录/登录/main.html", @error=癶andleErrorFn", @launch=癶andleLaunchFn"比;
,,,,,,,& lt; script 类型=拔谋?wxtag-template"比;
,,,,,,,,,,,& lt; style> .btn {,显示:flex;对齐项目:,中心;,}& lt;/style>
,,,,,,,,,,,& lt; div>, & lt; button 类=皐x-btn"在跳转小程序& lt;/button>& lt;/div>
null
null
null
null
null
null
null
null
怎么在HTML5中使用wx-open-launch-weapp跳转小程序?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
<强>注意事项
微信开放标签有最低的微信版本要求,以及最低的系统版本要求。
微信版本要求为:7.0.12及以上。系统版本要求为:iOS 10.3及以上,Android 5.0及以上。
<>强绑定域名
微信安全域名只能修改绑定3次/每月
登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
<强>引入JS文件
在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js(支持https)
如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js(支持https)
通过配置接口注入权限验证配置
wx-open-launch-weapp开放标签属性
开放标签使用(angular2/4项目)
开放标签使用(vue项目)
