掃二維碼進入小程式不同頁面 微信小程式碼生成詳細方法步驟
微信小程式碼怎麼生成?微信小程式碼生成詳細方法步驟。
許多小程式開發者,都需要獲取進入小程式不同頁面的二維碼:包括常見的四方形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碼。如果需要使用微信提供的二維碼生成介面,也要注意不要超過限額。