介紹
這篇文章給大家分享的是有關(guān)微信小程序中如何生成分享小程序碼以及獲取參數(shù)的內(nèi)容。小編覺得挺實用的如何生成小程序分享碼,因此分享給大家做個參考,一起跟隨小編過來看看吧。
1。小程序碼介紹
從微信小程序開發(fā)文檔上我們可以了解到,目前微信支持兩種二維碼(左),小程序碼和小程序二維碼(右)。官方推薦使用小程序碼,因為小程序碼具有更好的辨識度。
,
官方提供生成小程序碼的兩種方式
一種適用于需要的碼的數(shù)量相對較少的業(yè)務(wù)場景:接口地址
是公眾號的全局唯一接口調(diào)用憑據(jù)。
獲取方法詳見: id=
具體參數(shù)見圖(0 - 2)
另一中適用于使用數(shù)量極多的場景。接口地址:
具體參數(shù)見圖(0 - 3)
通過現(xiàn)場參數(shù)來給頁面添加參數(shù)
2。前端請求獲取小程序碼具體實現(xiàn)
因為第二中方法可生成的小程序碼極多,所以我們一般會使用這種方法來獲取小程序碼。
今天主要像大家介紹一下第二種方法。
一般我們主要常用的參數(shù)是:場景(如果需要頁面參數(shù)),頁面和寬度。
頁面是頁面地址,例如:& # 39;頁面/指數(shù)# 39;.pages前面不能有斜杠
場景是參數(shù)如何生成小程序分享碼,為字符串。比如要傳入一個用戶id=1234,要根據(jù)這個用戶id來給當前頁面返回不同的內(nèi)容,那么現(xiàn)場參數(shù)就可以寫成“1234”,多個參數(shù)按一定規(guī)則分開,如,符號,第二個參數(shù)是=123則可以這樣寫“1234年和123年“。我們來開一下代碼:
頁面({ 數(shù)據(jù):{},才能 getQrcode才能(){ ,,wx.request ({ ,,,,,url:,“https://www....com/weixin/get-qrcode"http://域名省略 ,,,,,數(shù)據(jù):,{,,,,,,頁面:“頁面/index" ,,,,,,場景:“1234,123,, ,,,,,,寬度:300 ,,,,,}, ,,,,,頭:,{ ,,,,,,& # 39;內(nèi)容類型# 39;:,& # 39;應(yīng)用程序/x-www-form-urlencoded& # 39; ,,,,,}, ,,,,,方法:,& # 39;文章# 39; ,,,,,數(shù)據(jù)類型:,& # 39;json # 39;
,,,,,:成功,函數(shù)(res) { ,,,,,,let? qrcodeUrl=res.data;//服務(wù)器小程序碼地址 ,,,,,}, ,,,,,失敗:,函數(shù)(){}, ,,,,,完成:,options.complete? | |,函數(shù)(){} ,,,}) ,,} })
解析:get-接口是自己小程序后端的接口,前端調(diào)用此接口,傳入相應(yīng)參數(shù),后臺通過參數(shù)請求小程序接口獲取到小程序碼存到自己服務(wù)上,返回小程序碼服務(wù)器地址。
3。用戶掃碼進入后的邏輯
我們可以在生命周期中處理參數(shù)
onload:功能(選項){ ,如果(options.scene) { let 才能;現(xiàn)?decodeURIComponent (options.scene);//和才能是我們定義的參數(shù)鏈接方式 let 才能;用戶id=scene.split(”和“)[0]; let 才能;recommendId=scene.split (& # 39;, & # 39;) [1];//其才能他邏輯處理..... ,} }
感謝各位的閱讀!關(guān)于“微信小程序中如何生成分享小程序碼以及獲取參數(shù)”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
微信小程序中如何生成分享小程序碼以及獲取參數(shù)