開發 | 小程序如何生成帶參數二維碼?
許多小程序開發者,都需要獲取進入小程序不同頁面的二維碼:包括常見的四方形「QR 碼」和新推出的「小程序碼」。
這時候,我們直接在小程序後台中獲取到的二維碼,就遠遠無法滿足我們以上需求了。貼心的是,微信提供了「獲取小程序二維碼」的介面。通過這個介面,商家和開發者能夠製作進入不同頁面的小程序二維碼,而不會限定掃碼進入小程序主頁。下面,知曉程序(微信號 zxcx0101)就以「虛榮資料庫」小程序的某個英雄詳情頁為例,展示這個介面的使用方法。
準備工作首先,
我們需要確保在小程序的
app.json
代碼中,已經註冊了相應的頁面
。在本例的設定中,我們就需要在pages
里,將pages/detail/hero/hero
這個頁面註冊進去。"pages":[
"pages/index/index",
"pages/detail/hero/hero"
]
當然,相應目錄下也需要有相應的頁面文件,且你的小程序已經有已發布的線上版本。否則,用戶掃碼後,微信會提示出錯。
接下來,我們需要到微信小程序後台,獲取小程序的 AppSecret(如果已經獲取,這一步可以跳過)。
進入小程序後台,點擊左側「設置」,找到「開發設置」,我們就能找到 AppSecret 一項。點擊「獲取」或「重置」,掃碼之後,網頁就會顯示新的 AppSecret。
需要注意的是,如果你之前生成過新的 AppSecret,那麼舊的 AppSecret 會隨這個操作而失效。
開發者也需要記得妥善保管 AppSecret,儘可能保證 AppSecret 不會丟失、泄漏。
獲取二維碼有了小程序的 AppID 和 AppSecret,我們就能利用伺服器,獲取小程序的二維碼了。
在本例,我們通過模擬請求的方式,讓大家了解這個介面的使用方法和原理。
首先,我們要利用 AppID 和 AppSecret,獲取 Access Token。這一步,我們請求的地址是https://api.weixin.qq.com/cgi-bin/token
,你需要使用GET
方法,傳遞你的 AppID 和 AppSecret。
從結果中,我們可以得知:執行這個操作後,微信會給你返回一個 JSON 數據包。解析這個數據包,我們就可以獲得 Access Token。
有了 Access Token,我們就可以獲取不同的小程序二維碼了。
微信提供了兩個 POST
獲取小程序二維碼的介面。你可以根據你的業務需求,自由選擇任一介面,獲取相應的小程序二維碼(GET
參數中的ACCESS_TOKEN
部分填入上一步我們獲取到的 Access Token)。
- 獲取最新的「菊花式」小程序碼,可以使用這個介面:
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
請求體中,需要包含小程序的頁面地址,以及傳入小程序的參數。記住,這個頁面必須要在小程序里的app.json
進行註冊。
本例中,JSON 請求體如下:
{"path": "pages/detail/hero/hero?hero=kestrel"}
發送請求後,微信會直接返回一張製作好的「小程序碼」。
現在,掃一掃這張小程序碼,看看是不是到了指定頁面了?
注意事項除了我們文中舉例的介面,微信還開放了另一個與二維碼相關的介面,就是「掃普通二維碼進入小程序」
。通過這個介面,開發者自己就可以按照一定規律,自行批量生成 QR 碼
。但它需要開發者有已經備案的域名,且個人主體小程序無法使用這個介面。微信將通過「獲取小程序二維碼」介面獲取的二維碼的數量限定在十萬個
,並且似乎並沒有「註銷以前生成的二維碼」的功能和機制。所以,如果你有非常大量的小程序二維碼生成需求,建議使用普通鏈接二維碼的方式生成 QR 碼。如果需要使用微信提供的二維碼生成介面,也要注意不要超過限額。
本文由知曉程序原創出品,關注微信號 zxcx0101,在微信後台回復「點評」,獲取「大眾點評點餐」小程序的全套開發經驗。
※騰訊又買買買了,1.4 億美元戰略投資西山居占股 9.9%
※警惕投後估值陷阱
※《北京摺疊》要拍成電影了,但跟北京沒什麼關係
※手機能擋子彈?這太扯淡!
TAG:愛范兒 |
※小程序大戰即將開啟?支付寶小程序二維碼偷跑
※開發|如何在小程序頁面之間,傳遞數據和變數?
※開發 | 只需一步!教你如何輕鬆部署小程序後端
※重磅 | 小程序再次開放兩大新能力
※零基礎!小白也可以開發自己的小程序!
※嫌二維碼太丑?微信推出像菊花一樣小程序碼
※如何成為一名成功的程序員!
※微信支持「長按二維碼打開小程序」了,這裡有超多小程序,等你來體驗!
※小程序開發的應用「錢」景
※教你發現:唯一的可視化思維導圖製作小程序
※如何成為一名更優秀的程序員?
※小程序刪除後,會發生什麼?
※微信小程序正式支持長按二維碼打開
※小程序「分享圖」生成難?一招教你輕鬆解決
※開發 | 手把手,教你為小程序添加「上傳圖片」功能
※小程序之戰即將開啟!支付寶小程序下周發布
※手把手教你如何導入小程序源碼!
※求「小程序」開發者合作
※如何刪除小程序緩存 / 小程序列表能同步嗎 / 追劇小程序推薦|小程序問答 11