前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

H5页面跳转小程序或APP详细操作步骤

最近接到一个任务,刚好是要求在网页里跳转到指定的小程序,然后,在查询公众号开发文档手册看到开放标签 跳转小程序: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中不能为空


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言