Laf:前端快车,全栈之梦

665 阅读2分钟

Laf是什么?

Laf 是一个 Serverless 框架,提供开箱即用的云函数,云数据库,对象存储等能力,是一个干净清爽的开发平台,像写博客一样写代码!三分钟上线 ChatGPT 应用!

Laf 有着完整的开发文档,成熟的社区,为开发者提供了非常好用的 Web IDE,在线写代码,完善的类型提示、代码自动完成,像写博客一样写函数,随手发布上线!

image.png

image.png

开始

首先我们先打开Laf (laf.run/),进入眼帘的就是这个页面了,很简洁明了。接着我们开始注册。 image.png

注册

点击右上角的立即开发我们来到注册界面-> image.png

填写完手机号输入完验证码就注册成功了!新用户可以免费领取10元额度,机不可失!!! image.png

首页

注册成功以后,进入Laf 就是这个样子

注:以下这3个项目是本人自己创建的,新用户注册完以后是没有这些项目的 image.png

创建

我们点击右上角的新建,就会出现这个画面。我们可以项目中自己定义名字,然后也可以自定义规格,不同的规格价格也不同,像我这个规格一天只需要0.8元。选择完规格后,点右下角的立即创建image.png

当我们状态变成了Running时,点击开发,就会进入开发界面。 image.png

开发

进入到开发界面就是这个样子,我们点击中间的立即创建 image.png

点击完成,就会让我们添加一个云函数,您可以自定义名称、请求、标签等,输入完以后,点击最下角的创建函数 image.png

创建函数以后,就是这个画面,laf平台帮您自动创建了函数。我们在上面做添加就可以了 image.png

下面我写一个云函数用来进行测试,以下是函数完整代码:

import cloud from '@lafjs/cloud'
const db = cloud.database()
export default async function (ctx: FunctionContext) {
  const data = ctx.body
  const res = await db.collection('todos').add(data)
  return res
}

我们可以在页面中间添加云函数,页面右侧添加云数据,当写完这些后,就可以点击右边的发布 image.png

当右下角运行结果出现ok: true则表示运行成功!

image.png

接着我们来到集合中就可以看到我们添加的数据了! image.png

注意事项

当我们项目写完了,不需要运行的时候,一定要暂停项目,不然会一直扣费,希望官方可以解决一下这个小问题。 image.png