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

1.使用場景

1.醫院場景:好比每一個醫生一個id,經過帶參數二維碼,掃碼二維碼就直接進入小程序醫生頁面

2.餐廳場景:好比每一個菜一個二維碼,經過掃碼這個菜的二維碼,進入小程序後,能夠直接點這道菜,而不是要找菜鋪。php

3.電商場景:掃碼二維碼帶參數,進入小程序直接購買,好比經過公衆號,經過帶參數二維碼,用戶長按識別,直接進入服裝的購買頁面,提升購買轉換。html

2.二維碼生成

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

微信公衆號支持帶參二維碼的批量生成,可是小程序目前不能夠,若是數量巨大,好比須要10萬個帶不一樣參數的二維碼,那官方提供的二維碼的生成方式就不實用了(能夠本身嘗試寫一個腳本掛在那裏循環生成233)小程序

2.1.類型一

特色:微信小程序

接口A(菊花形二維碼)、 接口C(普通方形二維碼):適用於須要的碼數量較少的業務場景:
  • 0.可接受path參數較長
  • 1.經過該接口生成的小程序碼,永久有效
  • 2.生成數量受限制( 目前接口A、B總數量限制是10萬個),掃碼訪問次數沒有限制
  • 3.用戶掃碼後,直接進入指定頁面

接口A的參數:api

參數 類型 默認值 說明
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.類型二

特色:app

接口B:適用於須要的碼數量極多的業務場景
  • 0.可接受頁面參數較短
  • 1.經過該接口生成的小程序碼,永久有效
  • 2.數量不作限制(截止今天,官方未對生成數量作限制)
  • 3.用戶掃碼後,能夠在對應頁面獲取到二維碼中scene字段下面的值
  • 4.B接口調用分鐘頻率受限(目前5000次/分鐘,會調整)
  • 5.B接口沒有path參數,B接口只能跳轉到主頁面上。
B接口每分鐘調用頻率受限(目前5000次/分鐘),超出該限制會報錯:45009,官方表示對該限制會作調整。
B接口根據傳入參數不一樣能夠用做:渠道統計和大體的場景入口區分(好比:連鎖店中,餐廳A是一個二維碼,餐廳B是另外一個二維碼)

接口B的參數:spa

參數 類型 默認值 說明
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 獲取小程序頁面二維碼code

相關文章
相關標籤/搜索