官方-獲取二維碼

情景描述

用戶以各種姿勢(shì)，掃碼，長按識(shí)別和手機(jī)相冊(cè)選取小程序碼進(jìn)入程序。
然后做一次統(tǒng)計(jì)。
統(tǒng)計(jì)需要：進(jìn)入情景，url相關(guān)id參數(shù)

背景

生成小程序碼由后端提供

問題

以下是在開發(fā)者工具獲取所寫代碼和入口配置。

set.png
Page({
  onLoad: function(options) {
    // options 中的 scene 需要使用 decodeURIComponent 才能獲取到生成二維碼時(shí)傳入的 scene
    var scene = decodeURIComponent(options.scene)
    //
    var query = options.query.dentistId // 3736
  }
})

相關(guān)邏輯寫好了，但是在發(fā)布之后的測(cè)試中，都指向了一個(gè)問題。

無法獲取url上的參數(shù)
也經(jīng)過體驗(yàn)版的測(cè)試。輸入url為pages/dentist/index?dentistId=3736，無奈只好找后臺(tái)小哥幫助，最后確實(shí)是沒有。參數(shù)以另外的一種形式傳遞過來了。

答

如果你看到這了，還沒鄙視在下。那么我們一起去看文檔吧，逃～
官方-獲取二維碼

接口A: 適用于需要的碼數(shù)量較少的業(yè)務(wù)場(chǎng)景 ：
注意：通過該接口生成的小程序碼，永久有效，數(shù)量限制見文末說明，請(qǐng)謹(jǐn)慎使用。用戶掃描該碼進(jìn)入小程序后，將直接進(jìn)入 path 對(duì)應(yīng)的頁面。

see？
方式A，需要后臺(tái)直接配置好路徑，掃碼之后直接進(jìn)入對(duì)應(yīng)的頁面。
也是就是說：就算app.json 配置的首個(gè)路徑是默認(rèn)的index，只要生成小程序碼的時(shí)候，配置為pages/dentist/index就即可。所以，聰明的你應(yīng)該知道了在這了加上參數(shù)?dentistId=3736，才可以從query取到值。
再注意：path長度有限制。

接口B：適用于需要的碼數(shù)量極多，或僅臨時(shí)使用的業(yè)務(wù)場(chǎng)景
注意：通過該接口生成的小程序碼，永久有效，數(shù)量暫無限制。
用戶掃描該碼進(jìn)入小程序后，開發(fā)者需在對(duì)應(yīng)頁面獲取的碼中 scene 字段的值，再做處理邏輯。
使用如下代碼可以獲取到二維碼中的 scene 字段的值。調(diào)試階段可以使用開發(fā)工具的條件編譯自定義參數(shù) scene=xxxx 進(jìn)行模擬，開發(fā)工具模擬時(shí)的 scene 的參數(shù)值需要進(jìn)行 urlencode

方式B，也就是后臺(tái)同學(xué)使用的方式。測(cè)試階段的取值，是利用query模擬的。

測(cè)試.png

生產(chǎn)環(huán)境是為在options.scene
所以這個(gè)是需要注意的
// options 中的 scene 需要使用 decodeURIComponent 才能獲取到生成二維碼時(shí)傳入的 scene
小程序碼帶的參數(shù)都是在scene上面。

// 這是首頁的 js
Page({
  onLoad: function(options) {
    // options 中的 scene 需要使用 decodeURIComponent 才能獲取到生成二維碼時(shí)傳入的 scene
    var scene = decodeURIComponent(options.scene)
  }
})