微信小程序開發——獲取小程序帶參二維碼全流程


 前言:

想要獲取微信小程序帶參數二維碼,如這種:

 

官方文檔只說了獲取小程序碼和二維碼的三種接口及調用(參考鏈接:https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html),但是自己模擬接口調用,返回的數據並不是我們現象中base64位的圖片類型,而是一堆亂碼。如下圖:

經過百度得知這就是一個二進制的流文件,需要后端進行相應轉換(感興趣的可以查看:后端轉換二進制流為圖片的地址),感覺自己轉換還挺麻煩的,最后采用了火狐瀏覽器插件的方式進行轉換了,很快速的得到了想要的二維碼。

注:由於需要給線下物料提供方形二維碼,這里以接口C為例進行說明。

准備工作:

下載安裝火狐瀏覽器。

一. 獲取access_token:

1. 獲取appid、secret:

小程序后台——設置——開發設置界面查詢appid、secret(沒技術含量,不懂的可以百度)

2. 打開微信公眾平台接口調試工具,接口列表選擇“獲取access_token接口/token”,然后填寫appid,secret,點擊下邊“檢查問題”按鈕;

3. 點擊下邊“檢查問題”按鈕之后,能看到按鈕下邊的響應數據,響應數據中已經有access_token的值了,復制這個值出來,下邊就是使用火狐瀏覽器的插件獲取小程序二維碼了。

二. 安裝火狐瀏覽器測試接口插件(RESTClient)

 1. 安裝火狐瀏覽器,點擊右上角菜單圖標,在彈出的快捷菜單中選擇“附加組件”:

 

2. 點擊“查看更多附加組件”:

 

3. 搜索“RESTClient”,搜索結果中點擊進入“RESTClient”:

 

4. 點擊——添加到Firefox:

5. 等待插件安裝完成;

6. 插件安裝完成之后,瀏覽器右上角會新增一個暗紅色的圖標,如圖:

這個圖標就是“RESTClient”入口了。

三. 生成小程序二維碼:

1. 點擊火狐瀏覽器右上角的RESTClientD的圖標:

2. 設置請求方式為“post”:

 

3. 設置網址格式:

點擊如圖圈中的圖標, 下拉框點選“文件型(Blog)”——很重要,一定要設置:

PS:經驗證,如果未設置網址類型,第一次從右上角插件按鈕入口點進來的時候會出現一個重新選擇網址類型的彈窗,引導用戶設置網址類型。但是如果頁面刷新過,即使沒有設置網址類型,則請求也可以成功,就是返回信息會為空的。所以最好一開始就設置好。

4. 把自己前邊獲取到的access_token拼接到小程序二維碼api,然后填寫到網址這里:

5. 正文這里填寫POST 參數,具體參數根據對應接口和自己需求進行相應設置:

 

6. 設置完成,點擊網址右側的發送按鈕:

7. 查看下方http相應部分,可以看到請求成功,出現http相應內容(小程序二維碼的文件流),以及Http響應預覽(圖形二維碼);

8. 點擊“HTTP響應預覽”,就能看到生成的小程序二維碼了。

至此,成功生成小程序二維碼。

注:

1. 微信官方提供的三種接口都可以用這個工具進行圖形碼生成的,可以根據自己的需要生成對應的圖形碼;

2. 使用restclient插件,如果發送請求之后響應內容為空,如下圖(即使有“文件型”),那么需要關閉當前頁面,重新點擊瀏覽器右上角的插件入口進入頁面才可以。

個人原創,轉載請注明來源地址:https://www.cnblogs.com/xyyt/p/9646727.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM