先上代码:
普通HTML版本为:(由于使用代码选项,保存无法显示,所以只能文本显示了)
<wx-open-launch-weapp
id="launch-btn"
username="gh_xxxxxxxx"
path="pages/home/index?user=123&action=abc"
>
<script type="text/wxtag-template">
<style>.btn { padding: 12px }</style>
<button class="btn">打开小程序</button>
</script>
</wx-open-launch-weapp>
<script>
var btn = document.getElementById('launch-btn');
btn.addEventListener('launch', function (e) {
console.log('success');
});
btn.addEventListener('error', function (e) {
console.log('fail', e.detail);
});
</script>
如果是使用框架,则为:
<div class="test-position"
<wx-open-launch-weapp id="launch-btn" username="gh_** *" path="pages/index/index.html?user=123&action=abc">
<template>
<style>.btn { padding: 12px; height: 100px; width: 120px; }</style>
<button class="btn">打开小程序-测试方法二</button>
</template>
</wx-open-launch-weapp>
</div>
如果框架写上还不行,可以试试在文件main.js中,写上:
Vue.config.ignoredElements = ['wx-open-launch-app', 'wx-open-launch-weapp'];
代码就写完了,说说需要注意的几点吧:
1、在开放标签中,<template>或者<script>里面的写样式,千万不要使用定位position,如果非要用就在最外层的div里面写,例如我这里的class=‘test-position’这里定位;
2、如果你觉得里面写样式不好写,可以在里面样式style写opacity:0;,这样的话开放标签只是用来填充,大小自己控制就行;
3、如果你跳转之后显示页面不存在,请检查下path的路径结尾是否写上了.html;
4、开发工具是无法测试的,只能使用手机测试,如果你在手机分享功能正常,说明你初始化授权没问题,记得要在初始化授权写上开放标签openTagList: ['wx-open-launch-weapp'];如果手机发现按钮不见了,初始化授权是ok的,只是标签写法出来问题;请查看其他注意点;
微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。
5、如果还不行,然后初始化授权也是成功的,请质疑一下后台初始化授权信息的jssdk中,APPID是否你想要的公众号,眼见为实;
6、如果还不行,请移步到微信官网查看是否有其他问题:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
为什么我的用URL生成的二维码扫码打开的页面可以正常调起APP,但是直接打开URL就会调起失败呢,很奇怪, 哪位大佬可以解答一下,谢谢了。
大佬求助,按照文档做了之后有时候不展示按钮,有时候展示一下就隐藏了,有时候正常
我遇到一个问题wx-open-launch-weapp跳转到小程序web-view页面会再跳一次到一个空白页
请问这个条件 你们是用的什么方法判断的?
说实话,我直接忽略了,因为要是这个版本的微信估计是老人机了
我这里有一个处理方式,方便调试,应用方便:https://juejin.cn/post/6891541908858863630
兄弟,我的监测不到launch事件,功能在安卓机上正常实现了,但是他是否确实跳转这个因为监测不到这个事件,导致无法判断 用的是uniapp然后vue框架
react的,按照文档写的,不显示按钮,代码如下
<wx-open-launch-weapp id="appContainer" username="username" path="pathname" > <script type="text/wxtag-template"> <button>打开小程序</button> </script> </wx-open-launch-weapp>
遇到一个问题,开放标签在悬浮按钮中,但是无法拖拽,会是什么原因呢
Vue写的,安卓真机显示不出,ios真机可以,模拟器所有机型可以,有人遇过吗
我使用的框架,按照框架改了标签,但是还是不展示按钮
然后发到正式测试下