vue3.0中使用web云开发（1）

这篇我就说说最近我在学习的web云开发

需要使用云开发功能首先得开通云开发环境

• 云开发环境开通可以看官方文档 环境开通

环境开通后得在本地安装Cloudbase CLI

npm install -g @cloudbase/cli

安装成功后在项目中安装tcb-js-sdk（官方说tcb-js-sdk改名了并且不在维护所以使用@cloudbase/js-sdk）

npm install tcb-js-sdk

yarn add @cloudbase/js-sdk 或者使用 npm install @cloudbase/js-sdk

• tcb-js-sdk的详细使用可以看npm文档地址

• cloudbase/js-sdk 文档地址

在vue3.0中的使用

• 在写代码之前得在登录授权中将匿名登录开启
  

• vue3.0的setup函数在beforecreate之后created之前，我是直接在setup函数中使用的

<script>
import cloudbase from "@cloudbase/js-sdk";
export default {
setup() {
    const app = cloudbase.init({
      env: "你的环境id"
    });
    const auth = app.auth({ persistence: "local" });
    auth
      .anonymousAuthProvider()
      .signIn()
      .then(() => {
        console.log("匿名登录成功");
      })
      .catch(err => {
        console.log(err);
      });

}
<script/>

• 连接数据库

<script>
import cloudbase from "@cloudbase/js-sdk";
export default {
setup() {
    const app = cloudbase.init({
      env: "你的环境id"
    });
    const auth = app.auth({ persistence: "local" });
    auth
      .anonymousAuthProvider()
      .signIn()
      .then(() => {
        console.log("登录成功");
        //在登录成功的回调中连接数据库
        const db = app.database();  
        db.collection("test").where({name: 'boyyang'}).get()  
      })
      .catch(err => {
        console.log(err);
      });

}
<script/>

• 数据库功能需要在登录成功后才可以使用