uni-app使用uniCloud时做类似于拦截器和请求结果再处理(类似于请求和响应拦截)

代码哈士奇

发布于 2021-10-25 03:37:02

1.7K00

代码可运行

运行总次数：0

代码可运行

想要在使用uniCloud的使用拦截请求怎么办再次封装uniCloud.callFunction 特别说明这里的token是我自己存储成token 如果你使用了uni-id 官方的推荐是 (‘uni_id_token’) (‘uni_id_token_expired’) 存储了uni_id_token后请求会自动携带这里的res.result.code==0是因为我的云函数请求成功返回的code均为0 如果你的不是就根据自己需求更改

正常情况下我们使用uniCloud.callFunction

uniCloud.callFunction({
	name: 'xxx'
})

结合uni-id后请求时需要携带token 或者需要携带一些认证参数怎么办呢总不能一个一个的写吧那太麻烦了

我们对他进行一次封装

根目录下新建一个目录根据需求命名新建index.js文件

通用请求

当请求为0(根据需求调整)的时候请求成功否则只返回相应的code(也可以返回msg等)

封装

const req = (funName,params)=>{
	const token = uni.getStorageSync('xxxx')
	if(!token){
		//没有token 跳转登陆
	}
	return new Promise((resolve)=>{
		uniCloud.callFunction({
			name:funName,
			data:{
				params
			},
			success:res=>{
				if(res.result.code==0){
					resolve(res.result)
				}else{
					resolve(res.result.code)
				}
			},
			fail:()=>{
				resolve(false)
			}
		})
	})
}

module.exports = {
	req
}

调用

在main.js中

import Vue from 'vue'
import App from './App'
import reqFun from './reqFun/index.js'

Vue.prototype.$reqFun = reqFun

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

在需要调用的地方

test() {
	this.$reqFun.req(funName, params).then(res => {

	})
}

登陆注册

const loginOrRegister = (params)=>{
	return new Promise((resolve)=>{
		uniCloud.callFunction({
			name:'login/register',
			data:{
				params
			},
			success:res=>{
				if(res.result.code==0){
					resolve(res.result)
				}else{
					resolve(res.result.code)
				}
			},
			fail:()=>{
				resolve(false)
			}
		})
	})
}

整个文件

const req = (funName,params)=>{
	const token = uni.getStorageSync('xxxx')
	if(!token){
		//没有token 跳转登陆
	}
	return new Promise((resolve)=>{
		uniCloud.callFunction({
			name:funName,
			data:{
				params
			},
			success:res=>{
				if(res.result.code==0){
					resolve(res.result)
				}else{
					resolve(res.result.code)
				}
			},
			fail:()=>{
				resolve(false)
			}
		})
	})
}

const loginOrRegister = (params)=>{
	return new Promise((resolve)=>{
		uniCloud.callFunction({
			name:'login/register',
			data:{
				params
			},
			success:res=>{
				if(res.result.code==0){
					resolve(res.result)
				}else{
					resolve(res.result.code)
				}
			},
			fail:()=>{
				resolve(false)
			}
		})
	})
}


module.exports = {
	req,
	loginOrRegister
}