1. 程式人生 > 其它 >掃二維碼進入小程式不同頁面 微信小程式碼生成詳細方法步驟

掃二維碼進入小程式不同頁面 微信小程式碼生成詳細方法步驟

微信小程式碼怎麼生成?微信小程式碼生成詳細方法步驟。

許多小程式開發者,都需要獲取進入小程式不同頁面的二維碼:包括常見的四方形QR碼和新推出的小程式碼。

那麼微信小程式碼怎麼生成呢?下面一起來看看微信小程式碼生成詳細方法步驟。

微信提供了「獲取小程式二維碼」的介面,通過這個介面,商家和開發者能夠製作進入不同頁面的小程式二維碼,而不會限定掃碼進入小程式主頁

小程式碼怎麼生成?

下面,展示這個介面的使用方法。

【準備工作】

首先,需要確保在小程式的app.json程式碼中,已經註冊了相應的頁面。

在本例的設定中,我們就需要在pages裡,將pages/toding/index這個頁面註冊進去。

"pages":["pages/todoing/index"]

當然,相應目錄下也需要有相應的頁面檔案,且你的小程式已經有已釋出的線上版本。否則,使用者掃碼後,微信會提示出錯。

接下來,我們需要到微信小程式後臺,獲取小程式的AppSecret(如果已經獲取,這一步可以跳過)。

進入小程式後臺,點選左側「設定」,找到「開發設定」,我們就能找到AppSecret一項。點選「獲取」或「重置」,掃碼之後,網頁就會顯示新的AppSecret。

需要注意的是,如果你之前生成過新的AppSecret,那麼舊的AppSecret會隨這個操作而失效。

開發者也需要記得妥善保管AppSecret,儘可能保證AppSecret不會丟失、洩漏。

【獲取二維碼】

有了小程式的AppID和AppSecret,我們就能利用伺服器,獲取小程式的二維碼了。

在本例,我們通過模擬請求的方式,讓大家瞭解這個介面的使用方法和原理。

我們要利用AppID和AppSecret,獲取AccessToken

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

https://api.weixin.qq.com/cgi-bin/token?appid=xxxxx&secret=xxxx&grant_type=client_credential

呼叫結果如圖:

 

 

從結果中,我們可以得知:執行這個操作後,微信會給你返回一個JSON資料包。解析這個資料包,我們就可以獲得AccessToken。

有了AccessToken,我們就可以獲取不同的小程式二維碼了。

微信提供了兩個POST獲取小程式二維碼的介面。你可以根據你的業務需求,自由選擇任一介面,獲取相應的小程式二維碼(引數中的ACCESS_TOKEN部分填入上一步我們獲取到的AccessToken)。

獲取最新的「花瓣式」小程式碼,可以使用這個介面:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

想要經典的QR碼,可以使用這個介面:https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN

POST請求體中,需要包含小程式的頁面地址,以及傳入小程式的引數。記住,這個頁面必須要在小程式裡的進行註冊。

本例中,JSON請求體如下:

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

 

 

 

傳送請求後,微信會直接返回一張製作好的「小程式碼」。

 

 

現在,掃一掃這張小程式碼,看看是不是到了指定頁面了?

【注意事項】

除了我們文中舉例的介面,微信還開放了另一個與二維碼相關的介面,就是「掃普通二維碼進入小程式」

開發者自己就可以按照一定規律,自行批量生成QR碼。但它需要開發者有已經備案的域名,且個人主體小程式無法使用這個介面。

微信將通過「獲取小程式二維碼」介面獲取的二維碼的數量限定在十萬個,並且似乎並沒有「登出以前生成的二維碼」的功能和機制。

所以,如果你有非常大量的小程式二維碼生成需求,建議使用普通連結二維碼的方式生成QR碼。如果需要使用微信提供的二維碼生成介面,也要注意不要超過限額。