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
在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/>
- 数据库功能需要在登录成功后才可以使用