雲開發中的戰鬥機 Laf，讓你像寫部落格一樣寫程式碼

米開朗基楊發表於2022-06-02

各位雲原生搬磚師 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]；(http://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 過於強悍，你們不再需要折騰基礎架構和後端服務，很可能會因為工作量不飽和而面臨被裁的風險！注意控制風險！

相關文章