小程序入口傳參：關于帶參數的小程序掃碼進入的方法

1.使用場景

1.醫院場景：比如每個醫生一個id，通過帶參數二維碼，掃碼二維碼就直接進入小程序醫生頁面?

2.餐廳場景：比如每個菜一個二維碼，通過掃碼這個菜的二維碼，進入小程序后，可以直接點這道菜，而不是要找菜鋪。?

3.電商場景：掃碼二維碼帶參數，進入小程序直接購買，比如通過公眾號，通過帶參數二維碼，用戶長按識別，直接進入服裝的購買頁面，提高購買轉換。

2.二維碼生成

通過后臺接口可以獲取小程序任意頁面的二維碼，掃描該二維碼可以直接進入小程序對應的頁面。?
小程序官方提供了3個二維碼生成接口。可生成2種類型的二維碼。?

微信公眾號支持帶參二維碼的批量生成，但是小程序目前不可以，如果數量巨大，比如需要10萬個帶不同參數的二維碼，那官方提供的二維碼的生成方式就不實用了（可以自己嘗試寫一個腳本掛在那里循環生成233）

2.1.類型一

特點：

接口A(菊花形二維碼)、接口C(普通方形二維碼)：適用于需要的碼數量較少的業務場景:

• 0.可接受path參數較長
• 1.通過該接口生成的小程序碼，永久有效
• 2.生成數量受限制（?目前接口A、B總數量限制是10萬個），掃碼訪問次數沒有限制
• 3.用戶掃碼后，直接進入指定頁面

接口A的參數：

參數	類型	默認值	說明
path	String	-	不能為空，最大長度 128 字節
width	Int	430	二維碼的寬度
auto_color	Bool	false	自動配置線條顏色，如果顏色依然是黑色，則說明不建議配置主色調
line_color	Object	{“r”:”0”,”g”:”0”,”b”:”0”}	二維碼的線條顏色

接口C的參數：

參數	類型	默認值	說明
path	String	-	不能為空，最大長度 128 字節
width	int	430	二維碼的寬度

2.2.類型二

特點：

接口B：適用于需要的碼數量極多的業務場景

• 0.可接受頁面參數較短
• 1.通過該接口生成的小程序碼，永久有效
• 2.數量不做限制（截止今天，官方未對生成數量做限制）
• 3.用戶掃碼后，可以在對應頁面獲取到二維碼中scene字段下面的值
• 4.B接口調用分鐘頻率受限(目前5000次/分鐘，會調整)
• 5.B接口沒有path參數，B接口只能跳轉到主頁面上。

B接口每分鐘調用頻率受限(目前5000次/分鐘)，超出該限制會報錯：45009，官方表示對該限制會做調整。?
B接口根據傳入參數不同可以用作：渠道統計和大致的場景入口區分（比如：連鎖店中，餐廳A是一個二維碼，餐廳B是另一個二維碼）

接口B的參數：

參數	類型	默認值	說明
scene	String	-	最大32個可見字符，只支持數字，大小寫英文以及部分特殊字
page	String	-	必須是已經發布的小程序存在的頁面（否則報錯）
width、auto_color、line_color	?	?	和接口1一樣

// 這是首頁的 js
Page({onLoad: function(options) { // options 中的scene需要使用decodeURIComponent才能獲取到生成二維碼時傳入的scene var scene = decodeURIComponent(options.scene)//參數二維碼傳遞過來的參數 var query = options.query.dentistId // 參數二維碼傳遞過來的場景參數 } })

3.第三方二維碼生成

好推二維碼（芝麻小程序）

草料二維碼

阿拉丁二維碼

功能分析

功能	好推	草料	阿拉丁
費用：	免費	基礎功能免費	基礎功能免費
批量生成	X	支持	支持
路徑帶參數	支持	支持	支持
定制參數	支持	X	支持
帶場景值	支持	X	支持
二維碼統計（人數/次數等）	支持	X	支持
二維碼樣式定制	支持	支持	支持

《參考文檔》

1.微信官方文檔?
2.小程序二維碼和小程序帶參數二維碼生成?
3.小程序社區： 跳坑《八十五》帶參數二維碼，返回數據保存為圖片?
4.W3C-微信小程序API 獲取小程序頁面二維碼