【Bun1.0】使用 Bun.js 構建快速、可靠和安全的 JavaScript 應用程序

bun.js

Bun 是一個現代的JavaScript運行環境,如Node, Deno。主要特性如下:
啟動速度快。更高的性能。完整的工具(打包器、轉碼器、包管理)。

官網

https://bun.sh

圖片.png

優點

與傳統的 Node.js 不同,Bun.js 提供了一些新的特性和功能,例如:

  1. 更快的啟動速度、更小的內存占用、更好的異常處理機制等等。此外,Bun.js 還提供了一些工具和庫。

安裝

npm install -g bun

更新

bun upgrade

為什么 Bun 存在?

Bun 的目標很簡單:消除緩慢和復雜性,同時保留 JavaScript 的所有優點。您喜歡的庫和框架應該仍然可以工作,您也不需要放棄您已經熟悉的慣例。

但是,您需要放棄許多不必要的工具,因為 Bun 已經替代了它們:

Node.js - Bun 是 Node.js 的即插即用替代品,因此您不需要:

node
npx - bunx 比 npx 快 5 倍
nodemon - Bun 有內置的 watch 模式!
dotenv,cross-env - Bun 默認讀取 .env 文件

轉譯器 - Bun 可以運行 .js.ts.cjs.mjs.jsx.tsx 文件,這些文件可以替代:

tsc - (但您可以保留它進行類型檢查!)
babel,.babelrc,@babel/preset-*
ts-node,ts-node-esm
tsx

打包工具 - Bun 是一個 JavaScript 打包工具,具有最佳性能和與 esbuild 兼容的插件 API,因此您不需要:

esbuild
webpack
parcel,.parcelrc
rollup,rollup.config.js

包管理器

包管理器 - Bun 是一個與 npm 兼容的包管理器,具有熟悉的命令。它讀取您的 package.json,并像其他包管理器一樣寫入 node_modules,因此您可以替換:

npm,.npmrc,package-lock.json
yarn,yarn.lock
pnpm,pnpm.lock,pnpm-workspace.yaml
lerna

測試庫 - Bun 是一個與 Jest 兼容的測試運行器,支持快照測試、模擬和代碼覆蓋率,因此您不再需要:

jest,jest.config.js
ts-jest,@swc/jest,babel-jest
jest-extended
vitest,vitest.config.ts

雖然這些工具各自都很不錯(大多數情況下),但將它們全部一起使用不可避免地會導致脆弱性和開發體驗緩慢。它們執行了許多冗余工作;當您運行 jest 時,您的代碼將被各種工具解析 3 次以上!而為了將所有東西粘合在一起所需的膠帶、插件和適配器總是會在最終磨損。

Bun 是一個單一的集成工具包,避免了這些集成問題。工具包中的每個工具都提供最佳的開發體驗,從性能到 API 設計。

js運行時

Bun 是一個 JavaScript 運行時環境。
Bun 是一個快速的 JavaScript 運行時環境。它的目標是讓構建軟件的體驗更快、更少令人沮喪,更有趣。

兼容性

Bun 是 Node.js 的即插即用替代品。這意味著現有的 Node.js 應用程序和 npm 包可以在 Bun 中正常工作。Bun 內置支持 Node API,包括:

內置模塊,如 fs、path 和 net
全局變量,如 __dirname 和 process
以及 Node.js 模塊解析算法(例如 node_modules)

雖然與 Node.js 的完全兼容性是不可能的,但是 Bun 可以運行幾乎所有野外的 Node.js 應用程序。

Bun 經過了對 npm 上最受歡迎的 Node.js 包的測試套件的測試。像 Express、Koa 和 Hono 這樣的服務器框架可以正常工作。使用最受歡迎的全棧框架構建的應用程序也可以正常工作。這些庫和框架共同觸及 Node.js 的所有重要 API 面。

速度

Bun 很快,啟動速度比 Node.js 快 4 倍。當運行 TypeScript 文件時,這種差異只會被放大,因為需要將其轉譯為 Node.js 可以運行的代碼。

Bun 運行一個 "hello world" TypeScript 文件比 esbuild 和 Node.js 快 5 倍。

與 Node.js 和其他使用 Google 的 V8 引擎構建的運行時不同,Bun 使用 Apple 的 WebKit 引擎構建。WebKit 是 Safari 的引擎,每天被數十億臺設備使用。它快速、高效,并經過了幾十年的實戰測試。

TypeScript 和 JSX 支持

Bun 內置了 JavaScript 轉譯器。這意味著您可以運行 JavaScript、TypeScript,甚至是 JSX/TSX 文件,無需任何依賴。

TypeScript
JSX/TSX

bun index.ts

ESM 和 CommonJS 兼容性

從 CommonJS 到 ES 模塊的過渡緩慢而充滿了恐懼。在 ESM 推出之后,Node.js 花費了 5 年時間才支持它,而不需要 --experimental-modules 標志。盡管如此,生態系統仍然充滿了 CommonJS。

Bun 始終支持這兩種模塊系統。無需擔心文件擴展名、.js vs .cjs vs .mjs,或在 package.json 中包含 "type": "module"。

您甚至可以在同一文件中使用 import 和 require()。它只是工作。

import lodash from "lodash";
const _ = require("underscore");

Web API

Bun 內置支持瀏覽器中可用的 Web 標準 API,例如 fetch、Request、Response、WebSocket 和 ReadableStream。

const response = await fetch("https://example.com/");
const text = await response.text();

您不再需要安裝像 node-fetch 和 ws 這樣的包。Bun 的內置 Web API 是使用本機代碼實現的,比第三方替代品更快、更可靠。

熱重載

Bun 使您作為開發人員更加高效。您可以使用 --hot 來運行 Bun,以啟用熱重載,當文件更改時重新加載應用程序。

bun --hot server.ts

與像 nodemon 這樣硬重啟整個進程的工具不同,Bun 在不終止舊進程的情況下重新加載您的代碼。這意味著 HTTP 和 WebSocket 連接不會斷開,并且狀態不會丟失。

插件

Bun 設計為高度可定制。

您可以定義插件來攔截導入并執行自定義加載邏輯。插件可以添加對其他文件類型的支持,例如 .yaml 或 .png。插件 API 受 esbuild 啟發,這意味著大多數 esbuild 插件在 Bun 中都可以正常工作。

import { plugin } from "bun";

plugin({
  name: "YAML",
  async setup(build) {
    const { load } = await import("js-yaml");
    const { readFileSync } = await import("fs");
    build.onLoad({ filter: /.(yaml|yml)$/ }, (args) => {
      const text = readFileSync(args.path, "utf8");
      const exports = load(text) as Record<string, any>;
      return { exports, loader: "object" };
    });
  },
});

Bun API

Bun 附帶高度優化的標準庫 API,用于開發人員最需要的東西。
與 Node.js API 相反,這些 Bun 原生 API 被設計為快速且易于使用,而不是為了向后兼容。

Bun.file()

使用 un.file()在特定路徑上惰性加載文件。

const file = Bun.file("package.json");
const contents = await file.text();

它返回一個 BunFile,它擴展了 Web 標準文件。可以以各種格式惰性加載文件內容。

const file = Bun.file("package.json");

await file.text(); // string
await file.arrayBuffer(); // ArrayBuffer
await file.blob(); // Blob
await file.json(); // {...}

Bun 讀取文件的速度比 Node.js 快 10 倍。

Bun.write()

使用 Bun.write() 是一個靈活的 API,可以將幾乎任何東西寫入磁盤 —— 字符串、二進制數據、Blob,甚至是 Response 對象。

await Bun.write("index.html", "<html/>");
await Bun.write("index.html", Buffer.from("<html/>"));
await Bun.write("index.html", Bun.file("home.html"));
await Bun.write("index.html", await fetch("https://example.com/"));

Bun 寫入文件的速度比 Node.js 快 3 倍。

Bun.serve()

使用Bun.serve()啟動 HTTP 服務器、WebSocket 服務器或兩者兼備。它基于熟悉的 Web 標準 API,如 Request 和 Response。

Bun.serve({
  port: 3000,
  fetch(request) {
    return new Response("Hello from Bun!");
  },
});

Bun 每秒可處理的請求比 Node.js 多 4 倍。

您還可以使用 tls 選項配置 TLS。

Bun.serve({
  port: 3000,
  fetch(request) {
    return new Response("Hello from Bun!");
  },
  tls: {
    key: Bun.file("/path/to/key.pem"),
    cert: Bun.file("/path/to/cert.pem"),
  }
});

為了支持 WebSockets 和 HTTP 并存,只需在 websocket 內定義事件處理程序。與 Node.js 不同,它沒有提供內置的 WebSocket API,并需要第三方依賴項,如 ws。

Bun.serve({
  fetch() { ... },
  websocket: {
    open(ws) { ... },
    message(ws, data) { ... },
    close(ws, code, reason) { ... },
  },
});

Bun 每秒可處理的消息比 ws 上的 Node.js 多 5 倍。

bun:sqlite

Bun 內置了對 SQLite 的支持。它具有受 better-sqlite3 啟發的 API,但是使用本機代碼編寫以提高速度。

import { Database } from "bun:sqlite";

const db = new Database(":memory:");
const query = db.query("select 'Bun' as runtime;");
query.get(); // => { runtime: "Bun" }

Bun 可以比 Node.js 上的 better-sqlite3 查詢 SQLite 快 4 倍。

Bun.password

Bun 還支持常見但復雜的 API,您不想自己實現。

您可以使用 un.password使用`bcrypt 或 argon2 哈希和驗證密碼,無需外部依賴項。

const password = "super-secure-pa$word";
const hash = await Bun.password.hash(password);
// => $argon2id$v=19$m=65536,t=2,p=1$tFq+9AVr1bfPxQdh...

const isMatch = await Bun.password.verify(password, hash);
// => true

Bun 是一個包管理器

即使您不將 Bun 用作運行時,Bun 的內置包管理器也可以加速您的開發工作流程。不再需要盯著 npm 的旋轉器看著依賴項安裝。

Bun 可能看起來像您習慣的包管理器 —

bun install

bun add <package> [--dev|--production|--peer]

bun remove <package>

bun update <package>

linux環境示例

圖片.png

Bun.js 支持 Windows 操作系統。Bun.js 基于 Node.js,因此可以在支持 Node.js 的所有操作系統上運行,包括 Windows、macOS 和 Linux。您可以在 Windows 上使用 Bun.js 來開發和運行 JavaScript 應用程序,而且其性能和功能與在其他操作系統上使用 Bun.js 相同。

console.log("Hello, world!");
function add(num1,num2){
  return num1+num2;
}
console.log(add(1,2))
圖片.png

讀取文件的服務

好的,以下是一個使用 Bun.js 創建讀取文件的本地 HTTP 服務器的示例:

  1. 首先,您需要安裝 Bun.js。您可以在命令行中運行以下命令來安裝最新版本的 Bun.js:
npm install -g bun
  1. 接下來,您可以創建一個新的 JavaScript 文件,例如 server.js,并在其中編寫一些代碼。例如,以下代碼將創建一個本地 HTTP 服務器,并在訪問 http://localhost:3000/ 時返回一個文本文件的內容:
const { serve } = require("bun");
const { readFileSync } = require("fs");

serve({
  port: 3000,
  fetch(request) {
    const fileContent = readFileSync("./file.txt", "utf8");
    return new Response(fileContent);
  },
});
  1. 然后,您需要在與 server.js 文件相同的目錄下創建一個名為 file.txt 的文本文件,并在其中添加一些文本內容。

  2. 最后,您可以使用 Bun.js 運行這個 JavaScript 文件。在命令行中,導航到包含 server.js 文件的目錄,并運行以下命令:

bun server.js

Bun.js 將會運行 server.js 文件,并在控制臺中輸出 "Listening on http://localhost:3000/"。現在,可以在瀏覽器中訪問 http://localhost:3000/,并將會看到 file.txt 文件的內容。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,363評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,497評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,305評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,962評論 1 311
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,727評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,193評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,257評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,411評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,945評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,777評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,978評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,519評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,216評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,657評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,960評論 2 373

推薦閱讀更多精彩內容