Serverless 完結(jié)篇：文件上傳、用戶管理、上線部署。
回憶一下之前發(fā)過的 serverless 內(nèi)容：
后端架構(gòu)的演進(jìn)之路：Serverless 的誕生
愚人節(jié)笑話：Serverless 就是無服務(wù)
騰訊云 Serverless 實(shí)戰(zhàn)演練
Serverless 開發(fā)實(shí)戰(zhàn)之 Todo 案例
云函數(shù) Todo 重構(gòu) + Vue 客戶端調(diào)用
在 Vue 客戶端調(diào)用中，需要繼續(xù)完善獲取數(shù)據(jù)的功能：
文件上傳 & 云對象存儲
用戶管理及登錄授權(quán)服務(wù)
基礎(chǔ)架構(gòu)代碼
開始之前，先完成基礎(chǔ)的代碼和功能搭建，引入路由，完成注冊登錄的頁面和對應(yīng)的表單。
npm install vue-router添加路由文件，\src\router\index.js
在入口文件 main.js 中引入并注冊路由：
完成對應(yīng)的單文件組件代碼：
注冊組件 src\components\Register.vue
登錄組件：\src\components\Login.vue
注冊邏輯
在控制臺開啟 “短信驗(yàn)證碼登錄” 的選項(xiàng)
短信驗(yàn)證使用的是 js-sdk，手冊在這里登錄認(rèn)證 | 云開發(fā) CloudBase - 一站式后端云服務(wù)，所以先安裝：npm install@cloudbase/js-sdk
因?yàn)槲覀冃枰诙鄠€地方使用，因此先進(jìn)行封裝，這里選在使用 Vue 插件的方式。
\src\assets\auth.js
不要忘記在入口文件中導(dǎo)入：\src\main.js
首先完成手機(jī)驗(yàn)證碼的發(fā)送。
用戶輸入驗(yàn)證碼及密碼，進(jìn)行驗(yàn)證碼及手機(jī)號的驗(yàn)證。
驗(yàn)證注冊成功后，跳轉(zhuǎn)到登錄界面。
登錄邏輯
登錄驗(yàn)證是非常簡單的，那么，我們是如何保持登錄狀態(tài)的呢？
登錄狀態(tài)的保持有三種不同的方式，登錄認(rèn)證 | 云開發(fā) CloudBase - 一站式后端云服務(wù)
local：在顯式退出登錄之前的 30 天內(nèi)保留身份驗(yàn)證狀態(tài)
session：在窗口關(guān)閉時清除身份驗(yàn)證狀態(tài)
none：在頁面重新加載時清除身份驗(yàn)證狀態(tài)
在初始化調(diào)用auth方法時，傳入：\src\assets\auth.js
不同的登錄狀態(tài)都可以在瀏覽器的控制臺的 “Appliction” 中查看；那么在不同的組件中，如何獲取登錄狀態(tài)和登錄的數(shù)據(jù)呢？
auth 對象中，有 getLoginState 方法，看名字也知道，時獲取登錄狀態(tài)的，我們在首頁中使用掛載的生命周期函數(shù)進(jìn)行驗(yàn)證，\src\components\Index.vue
當(dāng)然，你也可以使用 Vue-router 提供的導(dǎo)航守衛(wèi)進(jìn)行全局的登錄狀態(tài)驗(yàn)證。
上線部署
申請 SSL 證書，添加 CNAME 記錄執(zhí)行服務(wù)器地址即可。
這是我的第 122 篇文章。
恭喜你又在前端道路上進(jìn)步了一點(diǎn)點(diǎn)。
點(diǎn)個“在看”和“贊”吧！