微信小程序

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

引入fly

Flyio在各個平臺下的標準API是一致的，只是入口文件不同，在微信小程序中引入：

Npm安裝：npm install flyio --save.

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

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

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

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

使用

Fly基于Promise提供了Restful API，你可以方便的使用它們，具體請參考fly 文檔 。下面給出一個簡單的示例

1. //添加攔截器
2. fly.interceptors.request.use((config,promise)=>{
3. //給所有請求添加自定義header
4. config.headers["X-Tag"]="flyio";
5. return config;
6. })
7. //配置請求基地址
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請求
15. fly.get("/test",{xx:6}).then((d)=>{
16. //輸出請求數(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實例掛在vue原型上，這樣就可以在任何組件中通過this方便的調(diào)用：

1. var Fly=require("flyio/dist/npm/wx")
2. var fly=new Fly
3. ... //添加全局配置、攔截器等
4. Vue.prototype.$http=fly //將fly實例掛在vue原型上
5. 在組件中您可以方便的使用：
6.  
7. this.$http.get("/test",{xx:6}).then((d)=>{
8. //輸出請求數(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. })