h5跳转到微信小程序--wx-open-launch-weapp

最新推荐文章于 2025-04-23 20:10:10 发布

impossible1994727

最新推荐文章于 2025-04-23 20:10:10 发布

阅读量1k

点赞数 1

分类专栏：微信小程序文章标签： h5跳转小程序

本文链接：https://blog.csdn.net/impossible1994727/article/details/117289444

版权

本文记录了使用uniapp开发的H5页面如何跳转到微信小程序的详细步骤，包括通过npm引入微信JS文件，配置JS接口安全域名，封装config和ready接口，以及处理点击事件跳转到小程序详情页。特别指出，实际效果需在线上环境通过微信打开查看，且当前代码的宽高固定，寻求自适应解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明：记录的是我做过的项目，各位仅供参考。

参考文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

官方使用步骤：

绑定域名，登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
引入j s文件：在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）

通过config接口注入权限验证配置并申请所需开放标签

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [], // 必填，需要使用的JS接口列表
  openTagList: [] //

最低0.47元/天解锁文章