h5跳转到小程序的步骤

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

ジ Jing

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

阅读量943

点赞数

文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_43983711/article/details/118214523

版权

本文详细介绍了如何从H5页面跳转到微信小程序，包括两个关键步骤：1. 引入微信提供的链接；2. 获取并使用微信的appid及相关信息。参照微信官方文档，开发者可以实现无缝对接。

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

1.引入微信的链接

 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

2.获取当前的微信的appid及其他的信息

appId: ""
debug: false
nonceStr: ""
signature: ""

 async useWx(){
     try {
      const data = await getWxConfig({  //后台的接口
        url: window.location.href.split('#')[0],
        debug: false
      })
        data.jsApiList = []
        data.openTagList = ['wx-open-launch-weapp'] 
        data.jsApiList = [
          'updateAppMessageShareData',
          'updateTimelineShareData',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'onMenuShareQQ',
          'onMenuShareQZone'
        ]
        data.debug = false
        console.log(data)
        window.wx.config(data)
        this.activityData.forEach(item=>{  //这个是我需要循环点击跳转小程序的列表

最低0.47元/天解锁文章