H5跳小程序的三种方法

1、H5页面嵌入到小程序中,H5跳本小程序其他页面

wx.miniProgram.navigateTo({
     url: '/pages/product/details?from=智能客服微信小程序&uits_source=智能客服微信小程序&productCode='+ code +'&uits_s01=28&uits_s02=XCX&uits_s03=buy'
 })

2、H5页面在服务号内直接跳转其他小程序

需要调用微信jssdk中的方法

$.ajax({
      //jssdk后台签名接口,需要后台提供
      url: '/weixinsignature/getWXJWeiXinSignature?url=' + encodeURIComponent(location.href.split('#')[0]) + '&sysNum=' + sysNum + '&wxcId=' + wxcId,
      type: 'get',
      success: function (data) {
        wx.config({
          appId: data.appid, 
          timestamp: data.timestamp, 
          nonceStr: data.nonceStr,
          signature: data.signature, 
          jsApiList: ['startRecord', 'stopRecord', 'onVoiceRecordEnd', 'playVoice', 'translateVoice', 'uploadVoice', 'chooseImage', 'uploadImage'], 
          openTagList: ['wx-open-launch-weapp']
        })
        ready()
      }
    })
<wx-open-launch-weapp class="launch-btn" name="'+ name +'" rel="'+ code +'"  path="'+ path +'"><template>'+ data +'</template></wx-open-launch-weapp>

3、H5页面嵌入到小程序中,H5跳其他小程序页面

此种不支持直接跳转其他小程序,需要先跳转到本小程序的一个空页面,然后在当前这个空页面的onload方法里面跳转其他第三方小程序
H5页面:

wx.miniProgram.redirectTo({
   url: '/pages/xiaoJi/xiaoJi?productCode='+ code +'&url=' + encodeURIComponent(JSON.stringify(location.href))
})

小程序空页面:

onLoad(options) {
    this.navigateToWxc(options)
}methods:{
  navigateToWxc: function(options){
      this.url = JSON.parse(decodeURIComponent(options.url))
      let programPath;
      if(options.productCode.indexOf("600") > -1){
          programPath = 'pages/global/detail'
      }else{
          programPath = 'pages/product/details'
      }
      programPath += '?from=智能客服微信小程序&uits_source=智能客服微信小程序'
         + '&productCode=' + options.productCode 
         + '&uits_s01=28&uits_s02=XCX&uits_s03=buy'
          wx.showModal({
              title: '提示',
              content: '是否允许跳转第三方小程序?',
              success (res) {
                  if (res.confirm) {
                      wx.navigateToMiniProgram({
                         appId: programAppId,
                         path: programPath,
                         success(res) {
                             console.log(res)
                         },
                         fail(err) {
                             console.log(err)
                          }
                      })
                  } else if (res.cancel) {
                       console.log('用户点击取消')
                  }
               }
           })
      }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一个大土豆的日常

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值