时间:2023-05-21 15:44:01 | 来源:网站运营
时间:2023-05-21 15:44:01 来源:网站运营
微信公众号开发之H5页面跳转到指定的小程序:前言:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21
注意:在对接跳转之前我们需要在需要跳转的小程序关联到我们的公众号中。公众号可以关联同一主体的小程序10个,不同主体的3个。1、进入公众号后台,路径:广告与服务——小程序—小程序管理—添加
小程序原始id,即小程序对应的以找到关联成功的小程序,鼠标放入其中找到详情查看小程序原始idgh_
开头的id
登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
https://www.cnblogs.com/Can-daydayup/p/11124092.html
注意:使用浏览器或者微信开发工具调试wx-open-launch-weapp开发标签都不会显示,只有在真机中才会有效果(前提还是config接口注入权限验证配置通过)。
<html><head> <title>H5打开小程序</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"></head><body> <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> <!-- 公众号 JSSDK --> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <!--js代码--> <script type="text/javascript"> var btn = document.getElementById('launch-btn'); btn.addEventListener('launch', function (e) { console.log('success'); }); btn.addEventListener('error', function (e) { console.log('fail', e.detail); }); wx.ready(function () { var ua = navigator.userAgent.toLowerCase() var isWXWork = ua.match(/wxwork/i) == 'wxwork' var isWeixin = !isWXWork && ua.match(/micromessenger/i) == 'micromessenger' if (isWeixin) { wx.config({ //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印 appId: 'ccccxxxx4354353453', // 必填,公众号的唯一标识 timestamp: 0123456, // 必填,生成签名的时间戳 nonceStr: 'nonceStr', // 必填,填任意非空字符串即可 signature: 'signature', // 必填,填任意非空字符串即可 jsApiList: ['showOptionMenu', 'chooseImage', 'previewImage'], // 必填,随意一个接口即可 openTagList: ['wx-open-launch-weapp'], // 填入打开小程序的开放标签名 }) } else { alert("请在微信中打开"); } })</script></body></html>
技术群:添加小编微信并备注进群
小编微信:mm1552923
公众号:dotNet编程大全
关键词:指定,程序,公众