Laf入门,从前端进化为全栈
👀 laf
是什么
laf 是开源的云开发平台,提供云函数、云数据库、云存储等开箱即用的应用资源。云函数使用 js/ts开发,前后端代码无隔裂,无门槛快速上手。同时提供了静态网站托管,可将前端构建的网页直接同步部署上来,无需再配置服务器、nginx、域名等。
前端开发者 + laf
= 全栈开发者,前端秒变全栈,成为真正的大前端。
laf 简单使用
注册
开发
当我们创建的应用状态变成了Running时,点击开发,就会进入开发界面。这是我已经开发过的一个项目。
如果是一个新项目,点击界面中间的
立即创建
来创建我们的第一个云函数。可以根据需求来自定义函数的名称、类型。
创建成功后,我们就可以来使用node.js来编写后端代码了,这里写一个简单函数来测试一下。
import cloud from '@lafjs/cloud'
const db = cloud.database()
export default async function (ctx: FunctionContext) {
const data = ctx.body
const res = await db.collection('test').add(data)
return res
}
在右边的Body中添加好测试数据,点击运行,当下面出现"ok": true就表示函数运行成功了。
这时点击左侧目录中的集合就可以看到刚刚添加的数据了
当我们的函数确定编写完成后,就可以点击函数页面右上角的发布的按钮来使用了,同时需要注意发布按钮右边的url,这是用来确定后端应用的重要参数。来到我们的前端项目,我们需要配置http请求。
其中的baseURL就是laf函数里面的url。
注意
当项目不需要使用时,记得到laf关闭应用哦,不然会一直扣钱的。同时laf还提供快捷的前端本地部署,只需要将打包后的dist文件上传至左侧目录中的存储即可实现快捷部署,快去试试吧🐮🐮🐮。
转载自:https://juejin.cn/post/7386473608242003995