雖互不曾謀面,但希望能和您成為筆尖下的朋友

以讀書,技術(shù),生活為主,偶爾撒點(diǎn)雞湯

不作,不敷衍,意在真誠(chéng)吐露,用心分享

點(diǎn)擊左上方,可關(guān)注本刊

標(biāo)星公眾號(hào)（ID：itclanCoder）

如果不知道如何操作

點(diǎn)擊這里,標(biāo)星不迷路

前言

小程序因?yàn)閭鞑タ?易分享,現(xiàn)已經(jīng)成為各大小公司的標(biāo)配,從曾今你有公眾號(hào)么,變?yōu)槟阌行〕绦蛎?可想而知小程序的火爆程度

那么在小程序中,如何生成小程序碼?雖然小程序目前可以分享到朋友圈了的,但小程序碼的傳播無(wú)論是直接分享給好友,還是作為圖片分享,或是作為線下掃碼入口,都是引流的一種重要的入口

實(shí)例效果

（點(diǎn)擊長(zhǎng)按識(shí)別掃碼）

具體實(shí)現(xiàn)

小程序端代碼,在view元素上綁定事件

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

小程序端邏輯代碼

Page({
  data: {},
  // 綁定的點(diǎn)擊事件函數(shù)
 >在小程序端就上面幾行代碼

 
云函數(shù)端實(shí)現(xiàn)代碼
 
在cloudFunctions文件夾下創(chuàng)建getQrCode云函數(shù),會(huì)默認(rèn)創(chuàng)建config.json,index.js,package.json三個(gè)文件
 
其中config.json內(nèi)為
 
{
  "permissions": {
    "openapi": [
      "wxacode.getUnlimited"
    ]
  }
}

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

cloud.init();

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

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

 
記賬就用輕記賬
 

 


 
公眾號(hào)（ID：itclanCoder）
 
碼能讓您早脫菜籍，文能讓您洗凈鉛華
 
  可能您還想看更多：
 

 
Js篇-面試題14-JavaScript 中的 window.onload 事件和 jQuery 的 ready 函數(shù)有何區(qū)別
 


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


 
Js篇-面試題11-比較下for..of與for..in的區(qū)別
 

 
Js篇-面試題9-請(qǐng)說(shuō)一下Js中的事件循環(huán)機(jī)制
 

 
vuepress建站過(guò)程中遇到的一些問(wèn)題