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