小程式呼叫後端介面服務 配置檔案詳解

2022-02-24 23:42:05 字數 1741 閱讀 4535

前言:為了開發階段的效率更高,方便專案介面管理,在開發web專案時,我們需要把後端提供的介面位址進行配置,這樣我們自己在呼叫時,要方便得多,利己利人。在配置小程式介面位址時,和web的配置大同小異,下面總結幾點配置小程式介面位址的思路:

2、真實介面位址,也就是物件鍵值對的value,要用英文模式下tab鍵的上一顆按鍵"`"包起來。兩個為一對,包乙個介面位址,多乙個少乙個都要報錯。其他符號【""、''】是不行的,寫了就報錯無效的url。而我們以往配置web介面檔案時,只需英文模式【""、『』】引號,單或者雙引號就闊以了。

小注:"`" 英文名叫accent,表示重音符,乙個簡單的符號而已。

3、介面位址都寫好,丟進物件裡了,你想試試能不能調,這時,是不行。因為還缺少乙個介面所在物件【config】對外的返回【module.exports = config】,不好理解的話,可以理解為乙個方法的返回值。

為了理解這個返回【module.exports = config】的方式,這裡解釋下:

a、首先require 在小程式中用來載入外部js檔案,而 exports 和 module.exports 則用來匯出**。

示例:【const home_config= require('../../config').home_config;  】  

b、module.exports的初始值是乙個空物件{},而exports是指向 module.exports 的乙個引用。

示例:【module.exports = config】

c、require()返回的是module.exports。

示例:【const home_config= require('../../config').home_config;  】《==》【const home_config= config.home_config;】

這樣,是不是理解了為什麼在介面位址都丟進物件裡後,還要加乙個對外的返回。這樣在其他js檔案就可以呼叫所配置介面位址。為了更好的理解介面配置,下面寫了乙個小程式介面配置檔案config.js的示例

1

*3* 小程式後端介面配置檔案4*/

567var config =/test/wx/home_config`,

1415

16//

素材17 materials: `$/test/wx/materials`,

1819

20//

token

21 qntoken: `$/test/wx/gainqntoken`,

2223

//詳情

24 updateuser: `$/test/wx/updateuser`,

2526

};27

//對外把物件config返回

28 module.exports = config

1

23 const home_config = require('../../config').home_config; 45

page(,

1314/**

15* 生命週期函式--監聽頁面載入

16*/

17 onload: function

(options) ,

21 gethomeconfigmethod:function

(),28 fail:function

(res)

31})

3233

}34 })

*** : 192713488

小程式 呼叫後端介面的方法

此方法簡單易懂,但是在使用時 量過大,我建議還是封裝一下比較好用。1 wx.request 7header 10success res 13 12 專案url相同部分,減輕 量,同時方便專案遷移3 這裡因為我是本地除錯,所以host不規範,實際上應該是你備案的網域名稱資訊 7 post請求,8 ur...

微信小程式 全域性配置檔案

和 多個描述各自頁面的 page。1.pages 配置頁面路徑列表 1 新增新頁面 自動建立頁面目錄和檔案 2.window 配置全域性預設視窗表現 window配置.png 3.tabbar 如果小程式是乙個多 tab 應用 客戶端視窗的底部或頂部有 tab 欄可以切換頁面 可以通過 tabbar...

微信小程式呼叫後台介面 熱點新聞滾動展示

獲取熱點新聞,這個也是寫在onload function method get options,get,head,post,put,delete,trace,connect header fail function complete function 2 後台php處理 使用curl呼叫即可,記得傳...