卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 关于
首页 › 技术 › 小程序中为每篇文章生成小程序码!

小程序中为每篇文章生成小程序码!

坚果大叔
2020-03-24 16:38:54技术阅读数 282

需求

为博客的每一篇文章生成分享海报,每张海报上需要一个带文章id的小程序码,微信官方提供三种方式生成小程序码。

api

api名 区别
wxacode.createQRCode 获取小程序二维码,适用于需要的码数量较少的业务场景。通过该接口生成的小程序码,永久有效,有数量限制
wxacode.get 获取小程序码,适用于需要的码数量较少的业务场景。通过该接口生成的小程序码,永久有效,有数量限制
wxacode.getUnlimited 获取小程序码,适用于需要的码数量极多的业务场景。通过该接口生成的小程序码,永久有效,数量暂无限制。

具体方法

这里主要用的第三种方法,api支持https和云调用,因为之前项目已经使用了云开发,所以这里直接使用云调用的方式。

接口名:++openapi.wxacode.getUnlimited++ :
// 需要在配置文件 project.config.json 配置如下代码

"permissions": {
    "openapi": [
        "wxacode.getUnlimited"  // api名
    ]
},
创建云函数调用,代码如下:
// 云调用依赖 wx-server-sdk
const cloud = require('wx-server-sdk')
// 项目的云环境
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
})
exports.main = async (event, context) => {
  try {
    // 方法调用
    const result = await cloud.openapi.wxacode.getUnlimited({
      page: event.page, // 页面路径
      width: 430,   // 生成二维码的宽度
      scene: event.scene, // page后面跟的参数写在scene中
      autoColor: event.autoColor, // 生成的二维码是否智能取色
      isHyaline: event.isHyalin  // 二维码背景色透明
    })
    console.log(result)
    return result
  } catch (err) {
    console.log(err)
    return err
  }
}
在使用的地方调用
wx.cloud.callFunction({
  name: 'createQRCode', // 函数名
  data: {
    page: 'pages/article/article',  // 传入的参数
    scene: _this.data.articleId,
    autoColor: true,
    isHyaline: true
  },
})
  .then(res => {
    _this.setData({
      // 注意 api请求返回的数据是一个 buffer数据流,这里我们可以用
      // 官方提供的wx.arrayBufferToBase64(res.result.buffer)方法直接
      // 转成base64 在拼接 「data:image/png;base64」就可以在页面渲染了
      tempImg: 'data:image/png;base64,' + wx.arrayBufferToBase64(res.result.buffer)
    })
  })
  .catch(console.error)

实现效果

小程序中为每篇文章生成小程序码!-卖坚果的怪叔叔

小程序码

小程序中为每篇文章生成小程序码!-卖坚果的怪叔叔

小程序
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
上一篇
清明小假期!
下一篇
今日天气
摸鱼日历
摸鱼人日历
近期文章
  • 猫🐱
  • Input 空格问题
  • Sort函数小Tips😁😃❤️😒😭😩😳
  • 🌎🌎🌎🌎🌎🌎🌎🌎🌎🌎🌎🌎
  • element-ui中的Select选择器中remote-method方法带自定义参数
归档
  • 2022年6月
  • 2022年5月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年2月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年6月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年12月
  • 2019年11月
  • 2019年10月
  • 2019年9月
  • 2019年8月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年3月
  • 2018年2月
  • 2017年12月
  • 2017年11月
  • 2017年9月
Input 空格问题
2022-06-22 10:52:44
18 0 0
Sort函数小Tips😁😃❤️😒😭😩😳
2022-06-20 15:09:29
18 0 0
element-ui中的Select选择器中remote-method方法带自定义参数
2022-05-27 16:13:19
109 2 1
CSS之GAP属性
2022-05-25 19:28:05
92 2 2
  • 0
博主

一枚佛系前端开发,会一丢丢摄影,喜欢折腾,爱好美食。分享点前端技巧、笔记以及各种有趣的APP和资源教程♥♥

友链
Lieme
公众号
西豆 崔欣 执行上下文 卖坚果的怪叔叔 集赞助手
Copyright © 2017-2022 卖坚果的怪叔叔

苏ICP备18048410号-2
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 关于
# WordPress # # CSS #
坚果大叔
198
文章
47
评论
116
喜欢