时间:2023-05-30 18:48:01 | 来源:网站运营
时间:2023-05-30 18:48:01 来源:网站运营
云开发与CMS开发个人博客:前言安装
npm i -g @cloudbase/cli
或yarn global add @cloudbase/cli
tcb login
来进行登录授权。 一切准备就绪后,我们可以进行云开发项目的搭建,使用 tcb init
来初始化项目,并选择 vue模板tcb init√ 选择关联环境 · xxxxxx - [xxxxxx-xxxx:按量计费]√ 选择云开发模板 · Vue 应用√ 请输入项目名称 · vue-cloudbase√ 创建项目 vue-cloudbase 成功!
进入到 vue-cloudbase
中执行 npm i
安装项目所需依赖。const cloud = require("@cloudbase/node-sdk");exports.main = async (event, context) => { const app = cloud.init({ env: cloud.SYMBOL_CURRENT_ENV, }); // todo // your code here return { event, };};
云函数的传入参数有两个对象, event 对象和 context 对象。event
对象指的是触发云函数的事件,可以接受调用云函数时传入的参数。context
对象包含了此处调用的调用信息和运行状态,可以使用 context
了解服务运行的情况。Tencent CloudBase Toolkit
Tencent CloudBase Toolkit 是腾讯云 - 云开发发布的 VS Code(Visual Studio Code)插件。该插件可以让您更好地在本地进行云开发项目开发和代码调试,并且轻松将项目部署到云端。在云函数中我们看到引入了
@cloudbase/node-sdk
,所以我们需要到其目录下执行npm i
来安装依赖。npm run dev
后即可到对应的链接进行预览。npm run build
对项目进行打包云开发静态托管默认域名/部署路径
访问。例如:关于 CMS 详细教程 CMShttps://xxxx.tcloudbaseapp.com/tcb-cms/
(这里的默认域名,也可以是自己绑定的域名哦~)
注:填写数据库集合名时,如果当前云开发环境不存在该集合会自动进行创建。 字段内容可根据自己需要进行修改。创建完成后会在左侧出现内容管理的运营项。我们可以在其中进行添加文章。
const cloud = require("@cloudbase/node-sdk");exports.main = async (event, context) => { const app = cloud.init({ env: cloud.SYMBOL_CURRENT_ENV, }); const db = app.cloudbase(); return db.collection('article').get();};
别忘了因为引入了 @cloudbase/node-sdk
所以需要在当前云函数中执行 npm i
进行安装依赖。this.$cloudbase.callFunction({ name: "getArticle", data: { xx: "xxx", },}).then((data)=>{ this.callFunctionResult = data;}).catch((err) => { this.callFunctionResult = err;})
参数说明name云函数名称data需要传入云函数的参数npm run build
并将新的 dist 上传到静态网站托管。关键词: