js生成小程序某页面二维码（生成小程序二维码）

最新推荐文章于 2024-11-24 09:13:28 发布

置顶邱小健

最新推荐文章于 2024-11-24 09:13:28 发布

阅读量4.6w

点赞数 14

分类专栏：小程序 JavaScript 微信文章标签：生成小程序码生成二维码

本文链接：https://blog.csdn.net/qq_41473887/article/details/81335977

版权

小程序同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

JavaScript

13 篇文章 0 订阅

订阅专栏

微信

6 篇文章 0 订阅

订阅专栏

时候会有业务需求生成某页面的小程序二维码，进入指定页面

效果图：

首先要获取access_token；

下面是链接

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=秘钥

红色字体需要用户自己根据信息填充。

请求成功返回的结果是下面这种形式的


//注意：以下参数值不可以直接复制粘贴使用，需要自己根据上面的链接+参数获取使用
{
  "access_token": "12_fbGiPb3QuOW9M6n-Abg0ik4My2NocTJZZiAIAEUU",  
  "expires_in": 7200
}

expires_in：是一个有效期；

获取完access_token，下面开始正式我们的请求：

index.js:

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
  },
  onLoad: function (options) {
    var that = this;
    var scene = decodeURIComponent(options.scene)

    // 生成页面的二维码
    wx.request({
//注意：下面的access_token值可以不可以直接复制使用，需要自己请求获取
      url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=AbgEb2z0il9eIsqn6pWJTmSkvTcJhtb1As3_e049Qv_iFnVw8TXKEa2N8nn3GBKJbQaJ9G2ae5At4Cirphd8HFaduGvMU14UpuWjJz6X0i74I8-',
      data: {
        scene: '000',
        page: "pages/index/index"  //这里按照需求设置值和参数   
      },
      method: "POST",
      responseType: 'arraybuffer',  //设置响应类型
      success(res) {
        console.log(res)
        var src2 = wx.arrayBufferToBase64(res.data);  //对数据进行转换操作
        that.setData({
          src2
        })
      },
      fail(e) {
        console.log(e)
      }
    })


  },

})

index.wxml

<view>
   <view class='img'>
    <image src='data:image/png;base64,{{src2}}'></image>
   </view>
</view>

注意：对于没有发布的小程序page参数要设置为空，不然会导致二维码生成失败，在发布前按需改回来就好