小程式資料介面封裝

2021-10-09 03:32:49 字數 1019 閱讀 9318

環境位址的統一

module.exports=

,//生產環境

prod:

,//測試環境

test:

}

業務資料請求方法的統一

比如:商品列表介面,詳情介面,加入收藏介面,搜尋介面

const

=require

('./request.js');

//專案中用到的各種業務介面的封裝

module.exports=

,//banner圖介面

getbanner:()

=>

,//商品詳情介面

getdetail:

(id)

=>

,true)}

,//其他介面....

}

ajax的封裝(ajax:axios,wx.request,xmlhttprequest,fetch)

針對wx.requeste的二次封裝

const

=require

('./env.js'

).prod

//封裝ajax

const vipurl =

'hjl'

module.exports =

, issubdomain =

true)/

$/$`

; wx.

showloading()

return

newpromise

((resolve, reject)

=>

,success

(res)

else

)reject

('介面有問題,請檢查')}

},fail

(error)

)reject

('資料介面有問題')}

})})

}}

小程式封裝介面請求

config.js裡引入封裝介面 小程式配置檔案 var host test1 https icpmotes mobile 測試環境 var host test1 本地環境 var host test2 測試環境 var host test3 生產環境 var host host test1 let...

微信小程式封裝API介面

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

2 小程式 資料繫結

初始化資料 1.頁面.js的 data 選項中 index.js 檔案中 展示 pages index index.js page 生命週期函式 監聽頁面載入 onload function options 看修改是否在其他函式中是否也是同步的settimeout console.log this....