微信帶參小程序碼測試方法

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

在線 Demo

https://github.com/mocobk/mp-qrcode-test

為什么需要這個工具

  1. 方便我們快速測試某些帶參數(shù)的頁面;
  2. 微信在體驗(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)版的鏈接來模擬:

https://open.weixin.qq.com/sns/getexpappinfo?appid=xxx&path=pages/index/index.html?name=mocobk&age=18

  • 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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容