雲開發CloudBase | 基本配置&用戶郵箱登錄開發

雲開發（Tencent CloudBase，TCB）是騰訊雲提供的雲原生一體化開發環境和工具平臺，爲開發者提供高可用、自動彈性擴縮的後端雲服務，包含計算、存儲、託管等 Serverless 化能力，可用於雲端一體化開發多種端應用（小程序、公衆號、Web 應用、Flutter 客戶端等），幫助開發者統一構建和管理後端服務和雲資源，避免了應用開發過程中繁瑣的服務器搭建及運維，開發者可以專注於業務邏輯的實現，開發門檻更低，效率更高。

爲什麼要使用雲開發？

個人角度總結，雲開發給開發者帶來如下幾個好處：

• 登錄邏輯簡單 自動實現用戶登錄的校驗,無需再次鑑權
• 含免費套餐，對個人開發者綽綽有餘
• 簡單：調用非常的簡單,你只需要瞭解JavaScript和一些簡單的異步的知識(promise) 即可。
• 免運維：你無需關注服務器吞吐量等運維知識，雲開發輕鬆幫你搞定！
• 優勢：雲原生一體化服務、高效、極速、彈性、易用、節約、安全

實踐

親身體驗，使用雲開發搭建應用，大概半年的成本不到20元，訪問速度、性能確是極佳的！

安裝步驟

(以@cloudbase/js-sdk爲例)

方式一：通過包管理器引入

#npm
npm install @cloudbase/js-sdk -S
# yarn
yarn add @cloudbase/js-sdk

方式二：通過 CDN 引入

通過 CDN 引入有兩種方式：

<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.full.js"></script>
<script>
  const app = cloudbase.init({
    env: "your-env-id"
  });
</script>

開發步驟

從開發角度，使用雲開發的形式去做真的很迅速，首先，你只要初始化項目(以@cloudbase/js-sdk爲例)

初始化

首先做初始化: 這塊需要登陸騰訊雲去配置得到

const app = cloudbase.init({
	  env: "your-env-id" // 這是你雲開發對應的環境id
    appSign: 'xxxx',   // app標識
    appSecret: {
        // 版本
        appAccessKeyId: 'xxxx',
        // 密鑰
        appAccessKey: 'xxxxx',
    },
});

雲開發實例>環境>安全配置(左側菜單)>移動應用安全來源>添加應用，操作完成後三份重要信息就順利拿到啦！

用戶鑑權

第二步就是登錄了，這時候需要配置 登錄授權 才能正常訪問到用戶頁面。騰訊云云開發提供了多種多樣的登錄方式，你無需關注登錄邏輯的具體實現，天然擁有最安全可靠的登錄解決方案！

我們以郵箱登錄爲例，打開前面開關後，需要配置一下發件人

在配置完成後，可以做一下郵箱應用配置，這一塊配置內容將會出現在郵件內容裏面，提供給用戶做郵箱驗證！

此時，你需要添加安全域名，將你應用所在域名添加到雲開發實例的安全域名列表內（Web應用需要將域名添加到【環境】-【安全配置】-【WEB安全域名】列表中，否則將被識別爲非法來源。）

然後在對應的代碼位置添加邏輯

const register = (email, password) => {
	const app = cloudbase.init({
	  env: 'q-tool-1griu70tb01f641a' // 您的環境id
	})
	app
	  .auth()
	  .signUpWithEmailAndPassword(email, password)
	  .then(() => {
	    // 發送驗證郵件成功
	  });
}

const login = (email, password) => {
	const app = cloudbase.init({
	  env: 'q-tool-1griu70tb01f641a' // 您的環境id
	})
	app
	  .auth()
	  .signInWithEmailAndPassword(email, password)
	  .then((loginState) => {
	    // 登錄成功
	  });
}

到這裏，雲開發登錄就成功接入啦。

相關資料

開通雲開發：https://console.cloud.tencent.com/tcb?tdl_anchor=techsite

產品文檔：https://cloud.tencent.com/product/tcb?from=12763

技術文檔：https://cloudbase.net?from=10004

技術交流羣、最新資訊關注微信公衆號【騰訊雲開發CloudBase】