一款微信小程序帶參數(shù)二維碼生成工具,可模擬測試分享卡片、公眾號小程序鏈接、小程序碼帶參數(shù)跳轉(zhuǎn)至小程序。

在線 Demo
https://github.com/mocobk/mp-qrcode-test
為什么需要這個工具
- 方便我們快速測試某些帶參數(shù)的頁面;
- 微信在體驗(yàn)版測試小程序碼時,由于未發(fā)布的小程序無法生成小程序碼(官方要求必須是已發(fā)布的小程序才能生成二維碼),
導(dǎo)致我們無法在未發(fā)布前進(jìn)行測試,即使我們已發(fā)布過小程序,生成了小程序碼,當(dāng)我們掃碼時會直接跳轉(zhuǎn)到正式版的小程序,
顯然這不是我們想要的,為了避免翻車,我們必須在發(fā)布前進(jìn)行測試,尋找曲線救國的思路。
實(shí)現(xiàn)原理
不管是小程序碼還是分享卡片、公眾號小程序鏈接,都會有個 page 頁碼和參數(shù)(可選),我們只需要知道他們分別是
對應(yīng)什么 page 路徑和參數(shù)結(jié)構(gòu),就能通過類似以下體驗(yàn)版的鏈接來模擬:
-
appid: 你小程序的 AppId -
path: 你的 page 路徑,記得后面加上.html -
?: 后面接你實(shí)際的參數(shù)
注意小程序碼 B 接口的參數(shù)是都放在在 scene 參數(shù)的值中,且需要 urlencode 如:pages/index/index.html?scene=name%3Dmocobk%26age%3D18
具體參考文檔
安裝項(xiàng)目依賴
npm install
構(gòu)建
npm build