用戶掃描普通二維碼進入小程序指定頁面詳細步驟

一、進入微信公眾平臺小程序開發(fā)管理—開發(fā)設置—掃普通鏈接二維碼打開小程序—啟用

二、添加規(guī)則：我這里二維碼規(guī)則為前臺項目地址，可自行修改。下載的校驗文件放在了項目里面，根據(jù)要求需要放在該服務器域名根目錄下面，我這里放在的是public文件（vue項目）下面，運維構(gòu)建時將文件拷貝到域名根目錄下面的，通過我們的地址確?？梢栽L問這個文件就可以了

三、具體配置如下，其中測試環(huán)境（不管是開發(fā)版還是體驗版）要注意的是你WX掃描的那個鏈接必須是測試鏈接，測試鏈接的參數(shù)和掃描參數(shù)必須一致否則無法跳轉(zhuǎn)小程序，特別建議URL參數(shù)不要過長不然生成的二維碼比較密集不容易掃出來，一般二維碼鏈接都是后端生成，參數(shù)是動態(tài)的(以我這個項目為例因為是從前臺跳轉(zhuǎn)到小程序需要攜帶大量參數(shù)，出現(xiàn)過類似無法掃描的情況，因此和后端商議URL參數(shù)只要一個id，跳轉(zhuǎn)到小程序再通過這個id去調(diào)接口拿到參數(shù))

四、當在測試環(huán)境是是不需要發(fā)布規(guī)則的，上正式環(huán)境時再發(fā)布就可以通過我們配置這個二維碼跳轉(zhuǎn)到小程序指定頁面了

文章來源地址http://www.zghlxwxcb.cn/news/detail-665493.html

五、小程序獲取二維碼鏈接參數(shù)

// 獲取url參數(shù)
export function getUrlParam(optionsq) {
  const url = decodeURIComponent(optionsq)
  let res = {}
  //下面這個方法是方便收集成對象做的工具類
  const query = (url.split('?')[1] || '').trim().replace(/^(\?|#|&)/, '')
  if (!query) return res 
  query.split('&').forEach(param => {
    const parts = param.replace(/\+/g, ' ').split('=')
    const key = decodeURIComponent(parts.shift())
    const val = parts.length > 0 ? decodeURIComponent(parts.join('=')) : null
    if (res[key] === undefined) {
      res[key] = val
    } else if (Array.isArray(res[key])) {
      res[key].push(val)
    } else {
      res[key] = [res[key], val]
    }
  })
  return res
} 

 onShow() {
     // pdf二維碼掃描進入，記錄一個來自pdf進入的標識
    setItem('fromPdf', true)
     // 獲取當前小程序的頁面棧
     let pages = getCurrentPages();
     // 數(shù)組中索引最大的頁面--當前頁面
     let currentPage = pages[pages.length-1];
     //currentPage.options.q 就是二維碼的url
     if(currentPage.options?.q){
        const res = this.$tool.getUrlParam(currentPage.options.q)
        //url參數(shù) p是pdfid
        const params = Number(res.p)
        // 獲取pdf參數(shù)
        this.$http.getPdfParams(params).then(res=>{
            if(res.data.code=== 0){
              const paramsData = res.data.data
              this.form = paramsData
              setTimeout(() => {
                currentPage.options.q = ''
              }, 500);
			
              if(!uni.getStorageSync('token')) return
              // 初始化pfd的數(shù)據(jù)
              this.init (paramsData)
            }
          })
        return
     }
  },

到了這里，關于用戶掃描普通二維碼進入小程序指定頁面詳細步驟的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！