云开发中的战斗机 Laf,让你像写博客一样写代码

1,265 阅读11分钟

各位云原生搬砖师 and PPT 架构师,你们有没有想过像写文章一样方便地写代码呢?

怎样才能像写文章一样写代码? 理想的需求应该是可以在线编写、调试函数,不用重启服务,随时随地在 Web 上查看函数的运行日志,无需连接服务器,无需折腾数据库、对象存储、Nginx 等,可以随时随地上线应用,招之即来,挥之即去,随手发布!

这时候懂王上线了,好家伙,这不就是 Serverless 嘛,Serverless 的愿景是用户只需专注开发意图,编写函数代码,并上传到代码仓库,其他的东西不需要关心,Serverless 平台会自动分配计算资源,并按需运行函数。

你懂的真多,可惜啊,仅有 Serverless 还满足不了上述需求。

要想像写文章一样写代码,除了需要 Serverless 来提供函数计算服务之外,还需要以下几个必备条件:

  • 云数据库:为应用开发提供开箱即用的数据库服务;
  • 云存储:为应用开发提供专业的文件对象存储服务,兼容 S3 和其他存储服务接口;
  • WebIDE:在线写代码,完善的类型提示、代码自动完成,随手发布上线!

懂王又上线了,这个我也懂,腾讯云开发、Google Firebase 以及 UniCloud 就提供这样的功能。

如果我告诉你现在有一个平台已经俱备了上述的所有条件,而且完全开源,每个开发团队都可以随时拥有一个自己的云开发平台,你会不会内心狂喜?

是的,这个平台就是 Laf。

应用列表

人生苦短,前端用 Laf,后端用 Laf,云开发用户用 Laf,独立开发者用 Laf,初创团队用 Laf,我也用 Laf。上链接🔗:


值得一提的是,Laf 在上周五一天内 Star 数量增长了近 300 个,并且后续连续几天的 Star 数量呈垂直上升,简直就是简直了。

👀 Laf 是什么?

Laf 本质上是一个集「函数计算」、「数据库」、「对象存储」等于一身的一站式开发平台,可以快速的开发并发布应用。它包含了以下几个功能:

云函数

云函数是运行在云端的 JavaScript 代码,熟悉 Node.js 的开发者可以直接上手。

云函数也可以使用 Typescript 编写,无需管理服务器,在开发控制台在线编写、在线调试、一键保存即可运行后端代码。

在你的应用中,大多数数据的获取都可在客户端直接操作数据库,但是通常业务中会使用到「非数据库操作」,如注册、登录、文件操作、事务、第三方接口等,可直接使用云函数实现。

详情请查看云函数的文档

云函数

云数据库

前端可使用 laf-client-sdk “直连”云数据库,无需与服务端对接口。

通过在开发控制台,配置相应的访问策略,也可以实现客户端安全操作数据库。

详情请查看云数据库的文档

云数据库

云存储

laf 云存储是基础 MinIO 提供的对象存储服务,laf 提供了完全兼容 MinIO (aws s3-api) 的对象存储服务, 在 laf oss 文档上线之前,开发者完全可参考 MinIO 的文档来使用 laf oss。

云存储

静态托管

laf 支持静态网站的托管,可以快速的上线静态网站,无需折腾 Nginx。

👨‍💻 谁适合使用 Laf ?

  1. 前端开发者 + laf = 全栈开发者,前端秒变全栈,成为真正的大前端。

    • laf 为前端提供了 laf-client-sdk,适用于任何 js 运行环境;
    • laf 云函数使用 js/ts 开发,前后端代码无隔裂,无门槛快速上手;
    • laf 提供了静态网站托管,可将前端构建的网页直接同步部署上来,无需再配置服务器、Nginx、域名等;
    • laf 后续会提供多种客户端的 SDK(Flutter/Android/iOS 等),为所有客户端开发者提供后端开发服务和一致的开发体验。
  2. 后端开发者,可以从琐事中解放出来,专注于业务本身,提升开发效率。

    • laf 可以节约服务器运维、多环境部署和管理精力;
    • laf 可以让你告别配置、调试 Nginx;
    • laf 可以让你告别「为每个项目手动部署数据库、安全顾虑等重复性工作」;
    • laf 可以让你告别「修改一次、发布半天」的重复繁琐的迭代体验;
    • laf 可以让你随时随地在 Web 上查看函数的运行日志,不必再连接服务器,费神费眼翻找;
    • laf 可以让你「像写博客一样写一个函数」,招之即来,挥之即去,随手发布!
  3. 云开发用户,若你是微信云开发用户,你不仅可以获得更强大、快速的开发体验,还不被微信云开发平台锁定。

    • 你可以为客户提供源码交付,为客户私有部署一套 laf + 你的云开发应用,而使用闭源的云开发服务,无法交付可独立运行的源码;
    • 你可以根据未来的需要,随时将自己的产品部署到自己的服务器上,laf 是开源免费的;
    • 你甚至可以修改、订制自己的云开发平台,laf 是开源的、高度可扩展的。
  4. Node.js 开发者,laf 是使用 Node.js 开发的,你可以把 laf 当成一个更方便的 Node.js 开发平台 or 框架。

    • 你可以在线编写、调试函数,不用重启服务,一键发布即可用;
    • 你可以在线查看、检索函数调用日志;
    • 你可以不必折腾数据库、对象存储、Nginx,随时随地让你的应用上线;
    • 你可以随手将一段 Node.js 代码上云,比如一段爬虫,一段监控代码,像写博客一样写 Node!
  5. 独立开发者、初创创业团队, 节约成本,快速开始,专注业务。

    • 减少启动项目开发的流程,快速启动,缩短产品验证周期;
    • 极大程度提高迭代速度,随时应对变化,随时发布;
    • 专注于产品业务本身,快速推出最小可用产品 (MVP),快速进行产品、市场验证;
    • 一个人 + laf = 团队。

💥 Laf 能用来做什么?

laf 是应用的后端开发平台,理论上可以做任何应用!

  1. 使用 laf 快速开发微信小程序 / 公众号: 电商、社交、工具、教育、金融、游戏、短视频、社区、企业等应用!

    • 微信小程序强要求 https 访问,可直接使用 [lafyun.com];(www.lafyun.com "lafyun.com") 创建应用,为小程序提供 https 的接口服务;
    • 可将应用的 h5 页面和管理端 (admin) 直接部署到可由 laf 静态托管;
    • 将 h5 直接托管到 laf 上,将分配的专用域名配置到公众号即可在线访问;
    • 使用云函数实现微信授权、支付等业务;
    • 使用云存储存储视频、头像等用户数据。
  2. 开发 Android or iOS 应用。

    • 使用云函数、云数据库、云存储进行业务处理;
    • 应用的后端管理 (admin) 直接部署到可由 laf 静态托管;
    • 可使用云函数实现微信授权、支付、热更新等业务。
  3. 部署个人博客、企业官网。

    • 将 vuepress / hexo / hugo 等静态生成的博客,一键部署到 laf 静态托管上, 见 laf-cli
    • 可使用云函数来处理用户留言、评论、访问统计等业务
    • 可使用云函数扩展博客的其它能力,如课程、投票、提问等
    • 可使用云存储存储视频、图片
    • 可使用云函数做爬虫、推送等功能
  4. 企业信息化建设:企业私有部署一套 laf 云开发平台

    • 快速开发企业内部信息化系统,可快速上线、修改、迭代,降成本
    • 支持多应用、多账户,不同部门、不同系统,即可隔离,亦可连通
    • 可借助 laf 社区生态,直接使用现存的 laf 应用,开箱即用,降成本
    • laf 开源免费,没有技术锁定的顾虑,可自由订制和使用
  5. 个人开发者的「手边云」

    • laf 让开发者随手写的一段代码,瞬间具备随手上云的能力
    • 就像在你手机的备忘录随手敲下一段文字,自动同步到云端,且可被全网访问和执行
    • laf 是每个开发者的“烂笔头”,像记事一样写个函数
    • laf 是每个开发者的“私人助理”,比如随时可以写一个定时发送短信、邮件通知的函数
  6. 其它

    • 有用户把 laf 云存储当网盘使用
    • 有用户把 laf 应用当成一个日志服务器,收集客户端日志数据,使用云函数做分析统计
    • 有用户用 laf 来跑爬虫,抓取三方新闻和咨讯等内容
    • 有用户使用 laf 云函数做 webhook,监听 Git 仓库提交消息,推送到钉钉、企业微信群
    • 有用户使用 laf 云函数做拨测,定时检查线上服务的健康状态
    • ...

未来,lafyun.com 会上线一个应用市场,汇总收集这些应用,让 laf 用户一键即可使用海量应用 !

🚀 如何快速开始?

下面我们将在 lafyun.com 上,通过开发一个简单的「用户登录/注册」的功能,快速体验 laf 云开发。

准备工作

  1. 你需要在 lafyun.com 上注册一个账户;
  2. 登录到 lafyun.com 控制台 ,点击左上角的 新建 按钮,创建一个空应用;
  3. 待应用成功启动后,点击右侧 「开发」 按钮,进入应用的「开发控制台」,接下来,我们将在「开发控制台」 进行第一个 laf 应用的功能开发。

编写云函数

本示例会编写两个云函数:register 处理注册请求,login 处理登录请求。

用户注册云函数

在「云函数」管理页面,点击 「新建函数」,创建注册云函数 register。然后点击 register 函数右侧的 「开发」按钮,进入 WebIDE,编写以下代码:

import cloud from '@/cloud-sdk'
import { createHash } from 'crypto'

exports.main = async function (ctx: FunctionContext) {
  const username = ctx.body?.username || ''
  const password = ctx.body?.password || ''

  // check param
  if (!/[a-zA-Z0-9]{3,16}/.test(username)) return { error: 'invalid username' }
  if (!/[a-zA-Z0-9]{3,16}/.test(password))  return { error: 'invalid password' }

  // check username existed
  const db = cloud.database()
  const exists = await db.collection('users')
    .where({ username: username })
    .count()

  if(exists.total > 0) return { error: 'username already existed'}

  // add user
  const { id } = await db.collection('users')
    .add({
      username: username,
      password: createHash('sha256').update(password).digest('hex'),
      created_at: new Date()
    })

  console.log('user registered: ', id)
  return { data: id }
}

点击右上角的 「显示调试面板」(Ctrl/Cmd + B) 即可调试运行。

点击 「保存」 & 「发布」 函数即发布上线!

用户登录云函数

同上,创建 login 云函数,编写以下代码:

import cloud from '@/cloud-sdk'
import { createHash } from 'crypto'

exports.main = async function (ctx: FunctionContext) {
  const username = ctx.body?.username || ''
  const password = ctx.body?.password || ''

  // check user login
  const db = cloud.database()
  const res = await db.collection('users')
    .where({
      username: username,
      password: createHash('sha256').update(password).digest('hex')
    })
    .getOne()

  if (!res.data)
    return { error: 'invalid username or password' }
  
  // generate jwt token
  const user_id = res.data._id
  const payload = {
    uid: user_id,
    exp: Math.floor(Date.now() / 1000) + 60 * 60 * 24 * 7
  }

  const access_token = cloud.getToken(payload)

  return {
    uid: res.data._id,
    access_token: access_token
  }
}

点击右上角的 「显示调试面板」(Ctrl/Cmd + B) 即可调试运行。

点击 「保存」 & 「发布」 函数即发布上线!

使用 curl 调用云函数

最后可以通过云函数列表页面,查看 & 复制云函数的调用地址, 或将以下 curl 命令中的 APPID 替换成你的 APPID 后执行:

# 注册用户
$ curl -X POST -H "Content-Type: application/json" -d '{"username": "admin", "password": "admin"}' https://APPID.lafyun.com/register

# 用户登陆
$ curl -X POST -H "Content-Type: application/json" -d '{"username": "admin", "password": "admin"}' https://APPID.lafyun.com/login

APPID 可以在 lafyun.com 的欢迎页面找到。

在前端项目中使用云函数

在你的前端项目中安装 laf client sdk:

$ npm install laf-client-sdk

最后,可以在你的 Vue/React/Angular/小程序 页面中调用这两个云函数完成具体的登录注册功能!例如:

// user.ts

import { Cloud } from 'laf-client-sdk'

const cloud = new Cloud({ 
  baseUrl: "https://APPID.lafyun.com",
  getAccessToken: () => localStorage.getItem('access_token')
})

// regiser function
export async function register(username: string, password: string) {
  const res = await cloud.invoke('register', {
    username: username,
    password: password
  })

  return res
}

// login function
export async function login(username: string, password: string) {
  const res = await cloud.invoke('login', {
    username: username,
    password: password
  })

  if(res.access_token) {
    // save token
    localStorage.setItem('access_token', res.access_token)
  }

  return res
}

注意事项

  • 我们可以在开发控制台,查看云函数的调用日志,在线调试等;
  • 如果调用返回 404,请检查函数名是否拼写错误,或者云函数是否已经发布。

📝 总结

运维同学与后端同学请注意,由于 Laf 过于强悍,你们不再需要折腾基础架构和后端服务,很可能会因为工作量不饱和而面临被裁的风险!注意控制风险!