前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php调用第三方api接口_uniapp ios原生插件开发

php调用第三方api接口_uniapp ios原生插件开发

作者头像
全栈程序员站长
发布2022-10-04 20:53:38
5990
发布2022-10-04 20:53:38
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

Flyio封装API接口

1)flyio 是什么?

一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。 flyio帮助文档

2)flyio能干什么?

Fly.js 是一个基于 promise 的,轻量且强大的Javascript http 网络库,它有如下特点:

  1. 提供统一的 Promise API。
  2. 浏览器环境下,轻量且非常轻量
  3. 支持多种JavaScript 运行环境
  4. 支持请求/响应拦截器。
  5. 自动转换 JSON 数据。
  6. 支持切换底层 Http Engine,可轻松适配各种运行环境
  7. 浏览器端支持全局Ajax拦截 。
  8. H5页面内嵌到原生 APP 中时,支持将 http 请求转发到 Native。支持直接请求图片

3)flyio使用

  1. 安装

使用NPM安装

代码语言:javascript
复制
npm install flyio
  1. 微信小程序中引入flyio,新建utils文件夹,在文件夹中新建request.js
代码语言:javascript
复制
let Fly = require("flyio/dist/npm/wx")
let fly = new Fly
  1. 全局请求配置
代码语言:javascript
复制
//设置超时
fly.config.timeout = 30000;
//设置请求基地址
fly.config.baseURL = 'https://uniapp.dcloud.io/api';
  1. 拦截器
代码语言:javascript
复制
// 添加请求拦截器
fly.interceptors.request.use((request) => { 

// 给所有请求添加自定义header,带上token信息让服务器验证用户登陆
let token = uni.getStorageSync('aliToken');
request.headers['Authorization'] = token;
// 在当前页面显示导航条加载动画
uni.showNavigationBarLoading();
return request;
})
// 添加响应拦截器,响应拦截器会在then/catch处理之前执行
fly.interceptors.response.use(
(response) => { 

if (response.data.errorNo != 0) { 

uni.showToast({ 

title: response.data.errorInfo,
icon: 'none',
});
}
uni.hideNavigationBarLoading()
return response.data; //请求成功之后将返回值返回
},
(err) => { 

// 在当前页面隐藏导航条加载动画
uni.hideNavigationBarLoading()
if (err.status === 0) { 

uni.showToast({ 

title: '网络请求延时',
icon: "none",
});
return Promise.reject(err);
}
let code = err.response.status;
if (code === 401) { 

uni.navigateTo({ 

url: "/pages/mine/login?interceptors=1"
});
} else if (code === 403) { 

uni.showToast({ 

title: '没有权限',
icon: "none",
});
return Promise.reject(err);
} else { 

uni.showToast({ 

title: err.response.data.message,
icon: "none",
});
return Promise.reject(err);
}
}
)
export default fly;
  1. 添加api 接口配置,在utils文件夹中新建api.js,引入Fly
代码语言:javascript
复制
import fly from './request'
export default { 

// 新增一条打卡记录
addCheck: (params) => { 

return fly.post('/check/add', params);
},
// 获取用户信息
getUser: () => { 

return fly.get('/user/get');
},
// 查询点赞的用户
getLikeUsers: (params) => { 

return fly.get('/user-like-check/getUsers?id=' + params);
},
...
}
  1. 挂载api到全局,在main.js中引入挂载
代码语言:javascript
复制
import API from "./utils/api.js"
Vue.prototype.$api = API
  1. 调用接口
代码语言:javascript
复制
let params = { 

// 评论文本
content: this.content,
groupId: this.curGroup,
};
this.$api.addCheck(params).then(res => { 

console.log(res)
})
.catch(err => { 

console.log(err)
});
// 调用获取用户信息接口
this.$api.getUser().then(res => { 

console.log(res)
}).catch(err => { 

console.log(err)
})

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/196024.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年9月8日 上,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Flyio封装API接口
  • 1)flyio 是什么?
  • 2)flyio能干什么?
  • 3)flyio使用
相关产品与服务
云服务器
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档