在Vue客户端调用中,需要继续完善获取数据的功能:文件上传&云对象存储用户管理和登录授权服务基础代码,先完成吧搭建基本代码和功能,引入路由,完成注册登录页面和对应的表单。$npminstallvue-router添加路由文件,\src\router\index.js在入口文件main.js中引入并注册路由:完成对应的单文件组件代码:注册组件src\components\Register.vue登录组件:\src\components\Login.vue注册逻辑在控制台开启“短信验证码登录”选项。短信验证使用的是js-sdk,手册在这里登录验证|云开发CloudBase-一站式后端云服务,所以先安装:npminstall@cloudbase/js-sdk因为我们需要在多个地方使用,所以需要先打包。这里我们选择使用vue插件。\src\assets\auth.js入口文件中不要忘记导入:\src\main.js首先完成手机验证码的发送。用户输入验证码和密码,验证验证码和手机号。验证注册成功后,跳转到登录界面。登录逻辑登录验证很简单,那么我们如何维护登录状态呢?维护登录状态有三种不同的方式,登录认证|Preserveauthenticationstatefor30daysbeforeloginsession:clearauthenticationstateonwindowclosenone:clearauthenticationstateonpagereload初始化时调用auth方法时,传入:\src\assets\auth.jsdifferent即可查看登录状态在浏览器控制台的“应用程序”中;如何获取不同组件中的登录状态和登录数据?在auth对象中,有一个getLoginState方法,通过名字就可以知道,可以用来获取登录状态,我们使用首页的mounted生命周期函数来验证,\src\components\Index.vue当然你也可以使用Vue-router提供的navigationguard进行全局登录状态校验。在线部署申请SSL证书,添加CNAME记录执行服务器地址。
