h 5ウィジェットを開き、h 5はウィジェットにジャンプする
6247 ワード
ビジネス背景:h 5で直接ウィジェットにジャンプ(戻るのではなく、直接開くことに注意)
直接コードアップ:一、config注入:
二、フロントエンドコード:
※現在は、微信ブラウザからのh 5オープンウィジェットへのアクセスのみをサポートしております
直接コードアップ:一、config注入:
wx.config({
debug: true,
appId: '',
timestamp: '',
nonceStr: '',
signature: '',
jsApiList: [ 'onMenuShareTimeline','onMenuShareAppMessage'],
openTagList: ['wx-open-launch-weapp']
});
二、フロントエンドコード:
<wx-open-launch-weapp
id="launch-btn"
username=" id"
path=" "
style="width:100px;height:100px;"
>
<template>
<style>.btn {
padding: 12px;width:100px;height:80px;background:skyblue; }</style>
<button class="btn"> <button>
</template>
</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>
※現在は、微信ブラウザからのh 5オープンウィジェットへのアクセスのみをサポートしております