雲開發（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) => {
        // 登入成功
      });
}

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

雲開發CloudBase | 基本配置&使用者郵箱登入開發