1. 首页 > 快讯

Serverless 实战案例:轻松完成 File Upload、用户管理与部署

各位老铁们好,相信很多人对Serverless 实战案例:轻松完成 File Upload、用户管理与部署都不是特别的了解,因此呢,今天就来为大家分享下关于Serverless 实战案例:轻松完成 File Upload、用户管理与部署以及的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!

[[395683]]

 在 Vue 客户端调用中,需要继续完善获取数据的功能:


文件上传 & 云对象存储

用户管理及登录授权服务

基础架构代码

开始之前,先完成基础的代码和功能搭建,引入路由,完成注册登录的页面和对应的表单。

  1. $ npm install vue-router 

添加路由文件,\src\router\index.js


在入口文件 main.js 中引入并注册路由:

完成对应的单文件组件代码:

注册组件 src\components\Register.vue

登录组件:\src\components\Login.vue

 

注册逻辑

在控制台开启 “短信验证码登录” 的选项

短信验证使用的是 js-sdk,手册在这里登录认证 | 云开发 CloudBase - 一站式后端云服务,所以先安装:npm install@cloudbase/js-sdk

因为我们需要在多个地方使用,因此先进行封装,这里选在使用 Vue 插件的方式。

\src\assets\auth.js

不要忘记在入口文件中导入:\src\main.js

首先完成手机验证码的发送。

用户输入验证码及密码,进行验证码及手机号的验证。

 

验证注册成功后,跳转到登录界面。

登录逻辑

登录验证是非常简单的,那么,我们是如何保持登录状态的呢?

登录状态的保持有三种不同的方式,登录认证 | 云开发 CloudBase - 一站式后端云服务

local:在显式退出登录之前的 30 天内保留身份验证状态

session:在窗口关闭时清除身份验证状态

none:在页面重新加载时清除身份验证状态

在初始化调用auth方法时,传入:\src\assets\auth.js


不同的登录状态都可以在浏览器的控制台的 “Appliction” 中查看;那么在不同的组件中,如何获取登录状态和登录的数据呢?

auth 对象中,有 getLoginState 方法,看名字也知道,时获取登录状态的,我们在首页中使用挂载的生命周期函数进行验证,\src\components\Index.vue

当然,你也可以使用 Vue-router 提供的导航守卫进行全局的登录状态验证。

上线部署

申请 SSL 证书,添加 CNAME 记录执行服务器地址即可。

 

用户评论

强辩

终于看到一篇关于 serverless 全方位攻略的文章了!期待看看如何解决上传文件的错误问题。

    有18位网友表示赞同!

为爱放弃

最近在研究服务器架构,serverless 感觉很新颖,希望能通过这篇文章更深入了解它.

    有9位网友表示赞同!

墨染天下

文件上传和用户管理都是网站开发的基础功能,文章介绍这些内容应该会非常实用。

    有17位网友表示赞同!

罪歌

在线上部署方面,serverless 能提高效率吗?想听更多详细的经验分享。

    有20位网友表示赞同!

念旧是个瘾。

伺服器資源一直是我头疼问题,serverless 是否能解决这个问题呢?

    有20位网友表示赞同!

不浪漫罪名

如果文章提到一些常见的问题或解决方案就好了,这样对新手们更友好.

    有19位网友表示赞同!

莫阑珊

希望文章能够介绍一些实用性的开发工具和技术。

    有14位网友表示赞同!

发型不乱一切好办

servu 是什么框架?听说它很强大,想了解一下它的具体应用场景。

    有15位网友表示赞同!

孤街浪途

上传文件出错是什么原因造成的呢? 文章能否分析一下常见问题?

    有18位网友表示赞同!

▼遗忘那段似水年华

感觉serverless 架构可以简化很多开发流程,但是也有个需要注意的事项吗?

    有7位网友表示赞同!

面瘫脸

通过这篇文章学习到更多的基础知识,再深入学习相关技术框架.

    有8位网友表示赞同!

放血

我已经对user management 有了一定的了解,现在更想了解更多关于 file upload 的技巧和方法。

    有19位网友表示赞同!

在哪跌倒こ就在哪躺下

这个标题听起来很全面,看起来可以帮助我快速上手 serverless 开发环境!

    有6位网友表示赞同!

我要变勇敢℅℅

期待作者能介绍一些serverless生态圈中优秀的技术和工具。

    有17位网友表示赞同!

花花世界总是那么虚伪﹌

文章能否提供一些相关的代码示例,这样更容易理解代码实现逻辑?

    有15位网友表示赞同!

君临臣

最近在考虑使用 serverless 架构来提升项目的效率,看看这篇文章是否能够给我一些启发!

    有8位网友表示赞同!

闷骚闷出味道了

希望文章能介绍不同的serverless平台,以及它们的优缺点比较。

    有16位网友表示赞同!

北染陌人

对于新手学习 serverless 架构来说,这份文章会是一个很好的入门指南吗?

    有6位网友表示赞同!

水波映月

"完成篇" 表明作者对 serverless 知识体系有深入了解,期待他的分析和总结!

    有20位网友表示赞同!

本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.iotsj.com//kuaixun/7482.html

联系我们

在线咨询:点击这里给我发消息

微信号:666666