雖互不(bù)曾謀面,但希望能和(hé / huò)您成爲(wéi / wèi)筆尖下的(de)朋友

以(yǐ)讀書,技術,生活爲(wéi / wèi)主,偶爾撒點雞湯

不(bù)作,不(bù)敷衍,意在(zài)真誠吐露,用心分享

點擊左上(shàng)方,可關注本刊

标星公衆号（ID：itclanCoder）

如果不(bù)知道(dào)如何操作

點擊這(zhè)裏,标星不(bù)迷路

前言

小程序因爲(wéi / wèi)傳播快,易分享,現已經成爲(wéi / wèi)各大(dà)小公司的(de)标配,從曾今你有公衆号麽,變爲(wéi / wèi)你有小程序麽?可想而(ér)知小程序的(de)火爆程度

那麽在(zài)小程序中,如何生成小程序碼?雖然小程序目前可以(yǐ)分享到(dào)朋友圈了(le／liǎo)的(de),但小程序碼的(de)傳播無論是(shì)直接分享給好友,還是(shì)作爲(wéi / wèi)圖片分享,或是(shì)作爲(wéi / wèi)線下掃碼入口,都是(shì)引流的(de)一種重要(yào / yāo)的(de)入口

實例效果

（點擊長按識别掃碼）

具體實現

小程序端代碼,在(zài)view元素上(shàng)綁定事件

<view bindtap="onViewTap">小程序碼</view>

小程序端邏輯代碼

Page({
  data: {},
  // 綁定的(de)點擊事件函數
 >在(zài)小程序端就(jiù)上(shàng)面幾行代碼
 
雲函數端實現代碼
 
在(zài)cloudFunctions文件夾下創建getQrCode雲函數,會默認創建config.json,index.js,package.json三個(gè)文件
 
其中config.json内爲(wéi / wèi)
 
{
  "permissions": {
    "openapi": [
      "wxacode.getUnlimited"
    ]
  }
}

 
上(shàng)面的(de)是(shì)利用wxacode.getUnlimited生成小程序碼的(de)配置,這(zhè)個(gè)配置是(shì)固定的(de)
 
而(ér)index.js中如下代碼
 
// 雲函數入口文件
const cloud = require('wx-server-sdk');

cloud.init();

// 雲函數入口函數
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext(); // 獲取上(shàng)下文
  const result = await cloud.openapi.wxacode.getUnlimited({
    // 調用生成小程序碼的(de)接口，攜帶一些參數,例如:scene
    scene: wxContext.OPENID,
  });
  // console.log(result)
  const upload = await cloud.uploadFile({
    // 生成的(de)小程序碼上(shàng)傳到(dào)雲存儲中
    cloudPath: 'qrcode/' + Date.now() + '-' + Math.random() + '.png', // 生成的(de)小程序碼存儲到(dào)雲存儲當中去，路徑
    fileContent: result.buffer,
  });
  return upload.fileID; // 返回文件的(de)fileID,也(yě)就(jiù)是(shì)該圖片
};

 
生成小程序碼就(jiù)是(shì)上(shàng)面幾行簡單的(de)雲函數代碼就(jiù)可可以(yǐ)實現,主要(yào / yāo)是(shì)利用wxacode.getUnlimited這(zhè)個(gè)接口
 
獲取小程序碼，适用于(yú)需要(yào / yāo)小程序碼數量極多的(de)業務場景。通過該接口生成的(de)小程序碼，永久有效，數量暫無限制
 
相關文檔
 
wxacode.getUnlimited 小程序碼生成接口文檔
https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html
cloud.uploadFile 本地(dì / de)資源上(shàng)傳至雲存儲
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/storage/uploadFile/server.uploadFile.html
 
結語
 
在(zài)小程序中生成小程序碼有兩種方式:一種是(shì)https調用,另一種是(shì)雲調用,在(zài)本文中就(jiù)是(shì)使用的(de)雲調用最爲(wéi / wèi)簡單,免去了(le／liǎo)獲取access_token,免鑒權
 
在(zài)小程序端發起請求生成小程序碼的(de)雲函數,雲函數端借用雲調用根據wxcode.getUnlimited這(zhè)個(gè)接口生成小程序碼,然後上(shàng)傳到(dào)雲存儲中,返回雲存儲中的(de)圖片的(de)fileID,在(zài)小程序端就(jiù)可以(yǐ)拿到(dào)雲函數端返回fileID,根據這(zhè)個(gè)fileID把小程序碼展示出(chū)來(lái)
 
如遇到(dào)小程序碼問題,也(yě)歡迎小夥伴們下方留言,一起學習探讨~
 

 
記賬就(jiù)用輕記賬
 

 


 
公衆号（ID：itclanCoder）
 
碼能讓您早脫菜籍，文能讓您洗淨鉛華
 
  可能您還想看更多：
 

 
Js篇-面試題14-JavaScript 中的(de) window.onload 事件和(hé / huò) jQuery 的(de) ready 函數有何區别
 


 
Js篇-面試題12-如何解析 URL 提取 params 參數
 


 
Js篇-面試題11-比較下for..of與for..in的(de)區别
 

 
Js篇-面試題9-請說(shuō)一下Js中的(de)事件循環機制
 

 
vuepress建站過程中遇到(dào)的(de)一些問題