在 Vue 客戶端調用中，需要繼續完善獲取數據的功能：
文件上傳 & 云對象存儲
用戶管理及登錄授權服務
基礎架構代碼
開始之前，先完成基礎的代碼和功能搭建，引入路由，完成注冊登錄的頁面和對應的表單。
- $ 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 記錄執行服務器地址即可。
原文地址：https://mp.weixin.qq.com/s/XS_i8OQX8l2x1I8CcHnAzQ
