微信小程式獲取介面的封裝

2021-10-25 18:04:39 字數 1149 閱讀 5156

1：第一步在pages同層級建立乙個config檔案然後裡面建立乙個config.js檔案 裡面寫入：

const config = ;


export 匯出
2：第二步在utils檔案裡建立乙個request.js檔案然後：

//引入config檔案 --- 專案的公共介面


import from "../config/config"


//介面的錯誤提示碼 一般根據給的文件放入報錯的狀態碼


}}export //最後匯出http
3：一般我是再建立乙個model檔案然後裡面(比如要獲取首頁的資料)就建立乙個index.js檔案。如果頁面資料多的話，可以每個頁面都建立乙個對應的js檔案。裡面寫入:

import  from "../utils/request"    //引入封裝好的http


class indexmodel extends http ); //公共介面已經封裝過了，這裡只寫後面的介面


};}export //最後匯出
4：最後一步在需要獲取資料的頁面中寫入：

//1：首先在最上面引入


import from "../../model/indexmodel"


const indexmodel = new indexmodel();


//2：然後我一般在這個生命週期中：


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


*/onload: function (options) );


}

微信小程式介面的二次封裝

主要思路 實現介面的拼接 分為 固定介面 拼接和 隨意介面 拼接 如何實現介面的拼接 分為三次拼接 1.建立乙個env.js,裡面寫自己前面預設的介面位址,可以定義一些配置其他環境的介面 eg baseurl 2.建立乙個request.js,可以在裡面設定一些自己預設配置的一截 eg const ...

微信小程式封裝API介面

2.新建資料夾http,api是封裝的介面函式，env是設定公共訪問的url，http是二次封裝wx.request 3.env.js 設定公共訪問的url，即環境變數 module.exports 測試環境 test 線上環境 引入env中的url const require env.js pro...

微信小程式 api介面的配置

1.新建乙個資料夾，應包含以下檔案 util.js檔案 module.exports http.js檔案 const api base url 介面位址 module.exports bb params cc params 在其它頁面中呼叫介面 demo function 在其它頁面中呼叫介面如在d...