最近接到一个任务,刚好是要求在网页里跳转到指定的小程序,然后,在查询公众号开发文档手册看到开放标签 跳转小程序:wx-open-launch-weapp;
在页面上根据官网给定的代码进行编写,我使用的原生html编写,如果使用vue编写,请将<script type="text/wxtag-template">改为<template>,对应标签闭合
wx-open-launch-weapp按钮中的属性, appid为跳转小程序的appid, path为要跳转到小程序的某个页面并可以携带参数,具体可以参考官网
注意引入微信 JS-SDK的jweixin-1.6.0.js,配置
wx.config({
debug: false,
appId: "wx51585f14e703e071", // 必填,公众号的唯一标识
timestamp: "1736233089", // 必填,生成签名的时间戳
nonceStr: "227d2c5f-bdd4-4c18-a892-bc7f8c0d4f3c", // 必填,生成签名的随机串
signature: "52b22cc6df1ebf1c59ca067ae5dcddda411b22e2",// 必填,签名
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
],
openTagList: [
'wx-open-launch-weapp',
] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
});
避坑的地方:在wx.config中appid是公众号的appid,jsApiList中不能为空