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


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 獲取小程序頁面二維碼


免責聲明!

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



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