小程序如何制作小程序碼

都需要獲取進(jìn)入小程序不同頁面的二維碼：包括常見的四方形「QR 碼」和新推出的「小程序碼」。

這時(shí)候，我們直接在小程序后臺(tái)中獲取到的二維碼，就遠(yuǎn)遠(yuǎn)無法滿足我們以上需求了。貼心的是，微信提供了「獲取小程序二維碼」的接口。

通過這個(gè)接口，商家和開發(fā)者能夠制作進(jìn)入不同頁面的小程序二維碼，而不會(huì)限定掃碼進(jìn)入小程序主頁。

準(zhǔn)備工作

首先，我們需要確保在小程序的 app.json 代碼中，已經(jīng)注冊(cè)了相應(yīng)的頁面。

在本例的設(shè)定中，我們就需要在 pages 里，將 pages/detail/hero/hero 這個(gè)頁面注冊(cè)進(jìn)去。

"pages":[

"pages/index/index",

"pages/detail/hero/hero"

]

當(dāng)然，相應(yīng)目錄下也需要有相應(yīng)的頁面文件，且你的小程序已經(jīng)有已發(fā)布的線上版本。否則，用戶掃碼后，微信會(huì)提示出錯(cuò)。

接下來，我們需要到微信小程序后臺(tái)，獲取小程序的 AppSecret(如果已經(jīng)獲取，這一步可以跳過)。

進(jìn)入小程序后臺(tái)，點(diǎn)擊左側(cè)「設(shè)置」，找到「開發(fā)設(shè)置」，我們就能找到 AppSecret 一項(xiàng)。點(diǎn)擊「獲取」或「重置」，掃碼之后，網(wǎng)頁就會(huì)顯示新的 AppSecret。

需要注意的是，如果你之前生成過新的 AppSecret，那么舊的 AppSecret 會(huì)隨這個(gè)操作而失效。

開發(fā)者也需要記得妥善保管 AppSecret，盡可能保證 AppSecret 不會(huì)丟失、泄漏。

獲取二維碼

有了小程序的 AppID 和 AppSecret，我們就能利用服務(wù)器，獲取小程序的二維碼了。

在本例，我們通過模擬請(qǐng)求的方式，讓大家了解這個(gè)接口的使用方法和原理。

首先，我們要利用 AppID 和 AppSecret，獲取 Access Token。

這一步，我們請(qǐng)求的地址是 https://api.weixin.qq.com/cgi-bin/token，你需要使用 GET 方法，傳遞你的 AppID 和 AppSecret。

從結(jié)果中，我們可以得知：執(zhí)行這個(gè)操作后，微信會(huì)給你返回一個(gè) JSON 數(shù)據(jù)包。解析這個(gè)數(shù)據(jù)包，我們就可以獲得 Access Token。

有了 Access Token，我們就可以獲取不同的小程序二維碼了。

微信提供了兩個(gè) POST 獲取小程序二維碼的接口。你可以根據(jù)你的業(yè)務(wù)需求，自由選擇任一接口，獲取相應(yīng)的小程序二維碼(GET 參數(shù)中的 ACCESS_TOKEN 部分填入上一步我們獲取到的 Access Token)。

獲取最新的「菊花式」小程序碼，可以使用這個(gè)接口：https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN。

想要經(jīng)典的「狗皮膏藥式」QR 碼，可以使用這個(gè)接口：https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN

POST 請(qǐng)求體中，需要包含小程序的頁面地址，以及傳入小程序的參數(shù)。記住，這個(gè)頁面必須要在小程序里的 app.json 進(jìn)行注冊(cè)。

本例中，JSON 請(qǐng)求體如下：

{"path": "pages/detail/hero/hero?hero=kestrel"}

發(fā)送請(qǐng)求后，微信會(huì)直接返回一張制作好的「小程序碼」。

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。更多小程序商店請(qǐng)查看：小程序商店