使用uni app开发跨多终端小程序II
APP开发
浏览：1281 次
在上一节中，我学习了如何使用uni-app在多个applet开发工具中创建新项目和运行项目。本节将执行以下操作。
封装全局http请求两次。
封装全局登录检查功能。
完成登录功能，包括存储用户信息。三个终端的登录可能不同。所需参数也可能不同。
构建主页界面
API接口安全策略，哪些接口使用令牌
全局http请求的第二次封装
1.创建http.js
//封装http请求
常量BASE_ URL=“”
常量http=（选项）=>{
//启用加载
uni.show加载({
标题：“加载”
})
return new Promise（（resolve，reject）=>{
单一请求({
url:BASE_url+options.url，
方法：选项。方法||“GET”，
数据：选项。数据||{}，
成功：（res）=>{
解析（res）
},
失败：（错误）=>{
uni.show吐司({
标题：'网络请求错误！'
})
拒绝（错误）
},
完成：（）=>{
//关闭加载
uni.hideLoading（）；
}
})
})
}
2.主要介绍。js并安装到全局
从“./http/http.js”导入http
Vue.原型.$http=http
使用时
这个。$http({
url:“”，
})
.然后（res=>{
})
封装全局登录检查功能
在项目中，一些界面需要登录才能继续操作，一些界面可以作为游客浏览。因此，在加载某些界面时，需要判断用户是否已登录。如果他们已经登录，界面将正常显示。如果他们没有登录，他们将跳转到登录界面。
1.在util.js中封装函数。
//工具类别
//登录检查功能确定用户是否已登录
//backpage和backtype参数表示：
//Backpage：登录后返回的页面
//Backtype：打开页面的类型[1:重定向到2:switchTab]
const checkLogin=（backpage，backtype）=>{
var SUID=uni.getStorageSync（“SUID”）；
var SRAND=uni.getStorageSync（“SRAND”）；
var SNAME=uni.getStorageSync（“SNAME”）；
var SFACE=uni.getStorageSync（“SFACE”）；
如果（SUID==''||SRAND==''| | SNAME==''）｛//如果您没有登录
单向重定向到({
url:'../pages/login/login？backpage='+backpage+'&backtype='+backtype，
})
返回false；
}否则｛//如果您登录
返回[SUID、SRAND、SNAME、SFACE]；
}
}
出口{
检查登录
}
使用时
导入实用程序。接口中的js
onLoad:函数（）{
var isLogin=this.checkLogin（'./personal/personal'，2）；
如果（！isLogin）{
返回false；
}
}
图像.png
