溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何生成小程序二維碼

發(fā)布時(shí)間:2020-06-12 12:50:22 來(lái)源:億速云 閱讀:313 作者:Leah 欄目:web開發(fā)

如何生成小程序二維碼?相信很多新手小白還沒(méi)學(xué)會(huì)這個(gè)技能,通過(guò)這篇文章的總結(jié),希望你能學(xué)會(huì)學(xué)會(huì)這個(gè)技能。以下資料是實(shí)現(xiàn)的步驟。

我們生成的小程序碼指定的頁(yè)面,必須是你小程序已經(jīng)發(fā)布,如果小程序還沒(méi)有發(fā)布,獲取小程序碼綁定的頁(yè)面不存在,掃碼后就會(huì)出現(xiàn)以下錯(cuò)誤
如何生成小程序二維碼
所以要想使用這個(gè)功能,必須要先發(fā)布你的小程序。接下來(lái)我們就來(lái)講下具體的實(shí)現(xiàn)。

一,先看官方文檔

我其實(shí)說(shuō)過(guò)很多遍的,官方文檔永遠(yuǎn)是最好的老師。因?yàn)楣俜轿臋n永遠(yuǎn)是最標(biāo)準(zhǔn)的。所以我們實(shí)現(xiàn)這個(gè)功能,同樣要先去看下官方文檔。小程序碼官方文旦
如何生成小程序二維碼
看上圖的官方文檔,我們可以看出,有三種方式可以生成小程序碼。

  • A,createQRCode:生成二維碼,可接受 path 參數(shù)較長(zhǎng),生成個(gè)數(shù)受限,數(shù)量限制
  • B,get:生成小程序碼,可接受 path 參數(shù)較長(zhǎng),生成個(gè)數(shù)受限,數(shù)量限制見
  • C,getUnlimited:生成小程序碼,可接受頁(yè)面參數(shù)較短,生成個(gè)數(shù)不受限
    官方提示:

    接口只能生成已發(fā)布的小程序的二維碼
    接口 A 加上接口 C,總共生成的碼數(shù)量限制為 100,000,請(qǐng)謹(jǐn)慎調(diào)用。
    接口 B 調(diào)用分鐘頻率受限(5000次/分鐘),如需大量小程序碼,建議預(yù)生成
    所以我們一定要結(jié)合自己的業(yè)務(wù)場(chǎng)景來(lái)使用不同的方法來(lái)生成小程序碼或者二維碼。我們這里以點(diǎn)餐桌號(hào)為例。因?yàn)槲覀円粋€(gè)餐廳也沒(méi)有多少桌,所以我們就用接口B來(lái)實(shí)現(xiàn)頁(yè)面和桌號(hào)的綁定。
    如何生成小程序二維碼
    看官方文檔,我們可以看到,我們主要使用的還是path這個(gè)參數(shù),這個(gè)參數(shù)用來(lái)設(shè)置頁(yè)面和參數(shù)。具體代碼如下圖。
    如何生成小程序二維碼
    代碼很簡(jiǎn)單,在第11行,我們給path參數(shù)設(shè)置了小程序頁(yè)面和參數(shù)name。這樣我們用微信掃碼后,就會(huì)打開對(duì)應(yīng)的頁(yè)面,并且可以拿到name參數(shù),
    如何生成小程序二維碼
    其實(shí)到這里我們就成功的生成小程序碼了,并且可以用微信直接掃碼進(jìn)入到指定頁(yè)面,并攜帶指定參數(shù)了。
    接下來(lái)呢,我就把代碼改造成一個(gè)簡(jiǎn)單的工具,這樣大家拿到源碼后就可以直接使用這個(gè)工具快速的生成小程序碼了。

    創(chuàng)建云函數(shù)

    關(guān)于云開發(fā),云函數(shù)的創(chuàng)建和使用,我講過(guò)很多遍了,還不知道的同學(xué),可以去翻看下我之前的文章,或者看下我錄的云開發(fā)視頻:5小時(shí)零基礎(chǔ)入門小程序云開發(fā)
    下面我們就創(chuàng)建一個(gè)云函數(shù),并編寫云函數(shù),如下圖
    如何生成小程序二維碼
    細(xì)心的同學(xué)應(yīng)該可以看到,我這里傳了兩個(gè)參數(shù)進(jìn)來(lái)。event.path就是用來(lái)指定我們二維碼綁定的頁(yè)面和攜帶的參數(shù),event.name就是用來(lái)給我們的二維碼圖片命名的。
    原理:我們這里生成小程序碼的原理就是使用云開發(fā)的云調(diào)用,獲取二維碼,然后把二維碼存到云存儲(chǔ),這樣我們就可以拿到我們需要的二維碼了

  • 再來(lái)看下調(diào)用的方法。
    如何生成小程序二維碼
  • 再來(lái)看下我們生成的小程序碼
    如何生成小程序二維碼
    可以看到我們生成的1號(hào)桌對(duì)應(yīng)的二維碼,這樣顧客用微信掃描一號(hào)餐桌的二維碼時(shí),就可以直接進(jìn)入對(duì)應(yīng)的頁(yè)面,并且把桌號(hào)帶進(jìn)去了。
    如何生成小程序二維碼
    這樣你只需要改造下我index.js里的path和name就可以生成你想要的小程序二維碼了。
    如何生成小程序二維碼
    然后再到云存儲(chǔ)里獲取對(duì)應(yīng)的二維碼,
    如何生成小程序二維碼
    下載后打印出來(lái),貼到對(duì)應(yīng)的桌子上,就可以供用戶掃碼點(diǎn)餐了。還有一點(diǎn)要記住奧,一定是你小程序發(fā)布后,才可以使用這個(gè)功能奧。

上述就是小編為大家分享的生成小程序二維碼的方法了,如果您也有類似的疑惑,不妨參照上述方法進(jìn)行嘗試。如果想了解更多相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI