支付寶小程序 快速示例·小程序二維碼

2020-09-16 15:00 更新

小程序二維碼能力可使得開發(fā)者更便捷地推廣小程序,開發(fā)者可以將生成后的小程序二維碼在線上線下進(jìn)行貼碼推廣。本示例的產(chǎn)品介紹和接入指南,參見 小程序二維碼。

掃碼體驗(yàn)

img

效果示例

幻燈片2.PNG

前提條件

獲取模板代碼

下載 小程序二維碼 Demo.zip 文件,并解壓至本地。

使用步驟

未命名文件 (12).png

添加功能

  1. 登錄 小程序開發(fā)中心,在 我的小程序 中,選擇相應(yīng)的小程序,進(jìn)入該小程序詳情頁。

  1. 在小程序詳情開發(fā)管理頁面的 功能列表 中,點(diǎn)擊右上角 添加功能 按鈕,添加 小程序二維碼 功能。

Image 13.png

后端開發(fā)

打開 server > src > main > resources > application.properties 文件,填入服務(wù)運(yùn)行所需的參數(shù)。

#應(yīng)用的私鑰,需要保管好,應(yīng)用的公鑰存儲(chǔ)在支付寶服務(wù)端
alipay.appconfig.privatekey=


#支付寶提供給這個(gè)應(yīng)用的公鑰,私鑰存儲(chǔ)在支付寶服務(wù)端中
alipay.appconfig.publickey=


#開放平臺(tái)申請(qǐng)應(yīng)用的Id
alipay.appconfig.appid=undefined

img

若小程序后端服務(wù)部署在云應(yīng)用上,參見 ??詳解 Todo 示例。

新建/打開項(xiàng)目

在 IDE 啟動(dòng)界面新建 云與開放能力 > 小程序二維碼 模板項(xiàng)目,或者打開 獲取模板代碼 中 zip 文件內(nèi)容。

前端開發(fā)

將二維碼示例小程序 client > pages > index > index.js 文件中 URL 修改為實(shí)際后端服務(wù)域名之后,即可開發(fā)小程序前端界面。

二維碼.png

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)