uniapp H5微信公众号跳转小程序

邓路勤

于 2021-08-04 11:40:31 发布

阅读量2.3k

点赞数 1

文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_44158197/article/details/119377290

版权

本文介绍了如何使用uni-app进行H5页面跳转到微信小程序的步骤，包括引入微信js-sdk，配置wx.config，设置signature签名，以及在视图层正确调用的注意事项，并给出了查看小程序AppID和原始ID的方法。

摘要由CSDN通过智能技术生成

第一次记录开发，话不多的说！

1.引微信js-sdk

npm install wx-module --save

备注：npm安装自行百度

2.在需要调用的页面中引入

import wx from 'jweixin-module'

3.获取wx.config注册信息。注册成功提示config:ok ，上线需修改debug: false。

  let url = window.location.href.split('#')[0];//要在公众号平台设置JS接口安全域名，ip白名单
  uni.request({
      url: "http://www"+ '/api/wechat/get_wxSignature',//为了安全在自己后台拿到下面参数
      method: 'POST',
      data: {
         url: url
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: data => {
          wx.config({
              debug: true, // 开启调试模式,返回值会在客户端alert出来。
              appId: "", // 必填，公众号的唯一标识
              imestamp: "", // 必填，生成签名的时间戳
              nonceStr: "",