微信小程序

微信小程序采用web開(kāi)發(fā)技術(shù)棧，使用JavaScript語(yǔ)言開(kāi)發(fā)，但是JavaScript運(yùn)行時(shí)和瀏覽器又有所不同，導(dǎo)致axios、jQuery等庫(kù)無(wú)法在微信小程序中使用，而flyio可以。下面給出具體使用方法

引入fly

Flyio在各個(gè)平臺(tái)下的標(biāo)準(zhǔn)API是一致的，只是入口文件不同，在微信小程序中引入：

Npm安裝：npm install flyio --save.

1. var Fly=require("flyio/dist/npm/wx")
2. var fly=new Fly

如果您的微信小程序項(xiàng)目沒(méi)有使用npm來(lái)管理依賴(lài)，您可以直接下載源碼到您的小程序工程，下載鏈接wx.js 或 wx.umd.min.js .下載任意一個(gè)，保存到本地工程目錄，假設(shè)在“lib”目錄，接下來(lái)引入：

1. var Fly=require("../lib/wx") //wx.js為您下載的源碼文件
2. var fly=new Fly; //創(chuàng)建fly實(shí)例

引入之后，您就可以對(duì)fly實(shí)例進(jìn)行全局配置、添加攔截器、發(fā)起網(wǎng)絡(luò)請(qǐng)求了。

使用

Fly基于Promise提供了Restful API，你可以方便的使用它們，具體請(qǐng)參考fly 文檔 。下面給出一個(gè)簡(jiǎn)單的示例

1. //添加攔截器
2. fly.interceptors.request.use((config,promise)=>{
3. //給所有請(qǐng)求添加自定義header
4. config.headers["X-Tag"]="flyio";
5. return config;
6. })
7. //配置請(qǐng)求基地址
8. fly.config.baseURL='http://www.dtworkroom.com/doris/1/2.0.0/'
9. ...
10.  
11. Page({
12. //事件處理函數(shù)
13. bindViewTap: function() {
14. //發(fā)起get請(qǐng)求
15. fly.get("/test",{xx:6}).then((d)=>{
16. //輸出請(qǐng)求數(shù)據(jù)
17. console.log(d.data)
18. //輸出響應(yīng)頭
19. console.log(d.header)
20. }).catch(err=>{
21. console.log(err.status,err.message)
22. })
23. ...
24. })
25. })

在mpvue中使用

在mpvue 中您也可以將fly實(shí)例掛在vue原型上，這樣就可以在任何組件中通過(guò)this方便的調(diào)用：

1. var Fly=require("flyio/dist/npm/wx")
2. var fly=new Fly
3. ... //添加全局配置、攔截器等
4. Vue.prototype.$http=fly //將fly實(shí)例掛在vue原型上
5. 在組件中您可以方便的使用：
6.  
7. this.$http.get("/test",{xx:6}).then((d)=>{
8. //輸出請(qǐng)求數(shù)據(jù)
9. console.log(d.data)
10. //輸出響應(yīng)頭
11. console.log(d.header)
12. }).catch(err=>{
13. console.log(err.status,err.message)
14. })