uniid入门(六)基础操作（中）

这篇文章将会带大家使用客户端来请求云函数

我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/
由于考研所以可能文章比较短也是为了拆分每一步操作
我们简单的来做个登录注册退出~
为了方便演示&＃xff0c;我们在一个(vue文件)页面文件里面来写

云函数代码

&＃39;use strict&＃39;;
const uniIDs &＃61; require(&＃39;uni-id&＃39;)
exports.main &＃61; async (event, context) &＃61;> {
let res &＃61; {
};
let params &＃61; event.params ? event.params : {
};
const uniID &＃61; uniIDs.createInstance({
context: context
})
const noNeedTokens &＃61; [&＃39;login&＃39;, &＃39;register&＃39;, &＃39;logout&＃39;];
if (noNeedTokens.indexOf(event.action) &＃61;&＃61; -1) {
if (!event.uniIdToken) {
res &＃61; {
code: 403,
message: "未携带token"
}
return res;
} else {
let check_user &＃61; await uniID.checkToken(event.uniIdToken, {
});
if (check_user.code &＃61;&＃61;&＃61; 0) {
params.uid &＃61; check_user.uid;
} else {
res &＃61; check_user;
return res;
}
}
}
switch (event.action) {
case &＃39;register&＃39;: {
const {
username,
password
} &＃61; params;
res &＃61; await uniID.register({
username,
password
})
break;
}
case &＃39;login&＃39;: {
const {
username,
password
} &＃61; params;
res &＃61; await uniID.login({
username,
password,
queryField: [&＃39;username&＃39;, &＃39;email&＃39;, &＃39;mobile&＃39;]
})
break;
}
case &＃39;logout&＃39;: {
res &＃61; await uniID.logout(event.uniIdToken);
break;
}
default: {
res &＃61; {
code: 402,
message: "请求非法"
}
break;
}
}
//返回数据给客户端
return res;
};


客户端调用

完整代码&＃xff08;下面分步讲解&＃xff09;

封装请求

req(action, params) {
return new Promise((resolve, reject) &＃61;> {
uniCloud.callFunction({
name: &＃39;user-center&＃39;,
data: {
action,
params
},
success: res &＃61;> {
resolve(res.result)
},
fail: res &＃61;> {
reject(res.result)
}
})
})
}


由于本次只用了user-center云函数 所以name属性我固定了

登录

传参为用户名密码
登录成功将token保存为uni_id_token
则请求时会默认携带

login() {
this.req("login", {
username: this.username,
password: this.password
}).then(res &＃61;> {
console.log(res);
uni.setStorageSync(&＃39;uni_id_token&＃39;, res.token);
uni.setStorageSync(&＃39;uni_id_token_expired&＃39;, res.tokenExpired);
this.token &＃61; res.token;
})
}


注册

传参为用户名密码
注册成功会默认登录

register() {
this.req("register", {
username: this.username,
password: this.password
}).then(res &＃61;> {
console.log(res);
uni.setStorageSync(&＃39;uni_id_token&＃39;, res.token);
uni.setStorageSync(&＃39;uni_id_token_expired&＃39;, res.tokenExpired);
this.token &＃61; res.token;
})
}


退出

传参为uni_id_token

logout() {
this.req("logout", {
}).then(res &＃61;> {
console.log(res);
this.token &＃61; "";
})
}


结语

这里并没有处理错误情况
code为0为请求成功你学会了吗~