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

2021-10-07 10:26:21 字數 1378 閱讀 8973

主要思路:

實現介面的拼接:分為 『 固定介面 』拼接和『 隨意介面 』拼接

如何實現介面的拼接:分為三次拼接:

1.建立乙個env.js,裡面寫自己前面預設的介面位址,可以定義一些配置其他環境的介面

eg:baseurl:「

2.建立乙個request.js,可以在裡面設定一些自己預設配置的一截

eg:const subname = 『隨意設定的,看需求是啥樣的』

let _url =$/$$

3.建立乙個api介面,在裡面拼接前面的介面,並且新增公司所給的介面地 址,並且在這個檔案裡面可以接受傳遞過來的引數

eg:// 商品列表

getlist:()=>,true)

},主要**如下:

env.js

module.exports=,

//測試環境得url

test:,

// 線上環境url

prod:

}

request.js

const  = require("./env").prod

const subname = '隨意配置的'

module.exports=,isdomain)=>/$$`

return new promise((resolve,reject)=>,

success:res=> = res.data

if(code===0||code===700)else) }},

fail:res=>

})})

}}

api.js 配置介面的主要檔案

const  = require("./request")

module.exports=,true)

},// 詳情頁

getdetail:(id)=>,true) // 需要傳遞引數的},}

怎麼呼叫?

const  = require("../../http/api")
如何使用?

getlist().then((res)=>)   // 把獲取到的資料進行更新

})

傳參?

eg: let token=wx.getstoragesync(『token』)

getlist(token).then((res)=>{})

在呼叫方法的時候傳遞引數,在api.js檔案裡面進行接受

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

1 第一步在pages同層級建立乙個config檔案然後裡面建立乙個config.js檔案 裡面寫入 const config export 匯出2 第二步在utils檔案裡建立乙個request.js檔案然後 引入config檔案 專案的公共介面 import from config config...

uni app微信小程式vue二次封裝日曆元件

注意 重點在28 30 31天 1.初始化一些資料並且對特殊的日期進行處理 2.根據年月日設定當前月有多少天 並更新年月日陣列 這個方法在生命週期onload,created生命週期呼叫一次 其中傳入的值為上面截圖初始化的資料即可,th為this例項 還需要在日曆元件滑動onchange時呼叫一次,...

微信小程式封裝API介面

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