返回

一键分享有赞小程序码到朋友圈,促进门店获客!

前端

在小程序中生成并分享带有特定路径+参数的小程序码

作为小程序商家,朋友圈是推广小程序的重要阵地,但受限于小程序无法直接分享到朋友圈,分享小程序码就成为一种重要的途径。本文将详解如何在小程序中生成并分享带有特定路径+参数的小程序码,帮助大家有效地推广小程序。

一、创建云函数

首先,我们需要创建一个云函数来生成小程序码。登录云函数控制台,创建一个名为 get_qrcode 的云函数,选择语言为 Node.js。

二、编写云函数代码

get_qrcode 云函数中,编写如下代码:

const cloud = require('wx-server-sdk')

exports.main = async (event, context) => {
  const { path, params } = event

  // 将参数拼接到路径上
  const url = path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&')

  // 获取小程序码
  const buffer = await cloud.openapi.wxacode.getUnlimited({
    scene: url,
    lineColor: {
      r: 0,
      g: 0,
      b: 0
    },
    isHyaline: true
  })

  // 返回小程序码图片的Buffer数据
  return buffer
}

在代码中,event 对象包含了小程序传入的参数,包括小程序码路径和参数。

三、部署云函数

编写完云函数代码后,将其部署到云函数控制台。

四、在小程序中调用云函数

在小程序中,通过 wx.cloud.callFunction 方法调用云函数:

wx.cloud.callFunction({
  name: 'get_qrcode',
  data: {
    path: '/pages/index/index',
    params: {
      id: 123
    }
  },
  success: res => {
    // 将小程序码图片的Buffer数据保存到本地
    wx.saveImageToPhotosAlbum({
      filePath: res.tempFilePath,
      success: () => {
        wx.showToast({
          title: '小程序码已保存到相册'
        })
      }
    })
  },
  fail: err => {
    console.error(err)
  }
})

调用 get_qrcode 云函数后,小程序将自动保存生成的小程序码图片到相册中,商家即可分享带有特定路径+参数的小程序码到朋友圈。

五、结语

通过使用云函数,我们可以方便地在小程序中生成并分享带有特定路径+参数的小程序码,有效地推广小程序,吸引更多用户。

常见问题解答

  1. 为什么需要使用云函数来生成小程序码?

    因为普通分享的小程序码只能指向小程序首页,而通过云函数,我们可以生成指向特定路径+参数的小程序码,例如分享一个商品详情页或活动页面。

  2. 如何将小程序码图片保存到本地?

    在小程序中调用 wx.saveImageToPhotosAlbum 方法即可将小程序码图片保存到本地相册。

  3. 小程序码图片的格式是什么?

    云函数生成的带有特定路径+参数的小程序码图片为 PNG 格式。

  4. 是否可以分享到其他平台?

    小程序码图片可以分享到朋友圈、微信群聊等微信生态内的平台。

  5. 小程序码图片有时间限制吗?

    小程序码图片没有时间限制,永久有效。