从 Node 到 Deno

时间 2020-05-26

标签 node deno 繁體版

原文原文链接

做者：Aral Roca
翻译：疯狂的技术宅html

原文：https://aralroca.com/blog/fro...前端

未经容许严禁转载node

我收集了一些 Node 中最经常使用的主题，并寻找 Deno 的替代方案。首先我想说明，许多当前的 Node.js 模块均可以均可以用在 Deno 中。因为许多模块都是可重用的，因此没有必要为全部方法去寻找替代方案。你能够访问pika.dev 查找能够在 Deno 中使用的模块。mysql

本文将涵盖如下内容：webpack

Electron

经过 Node.js，咱们可使用 Electron 建立桌面程序。 Electron 使用 Chromium 做为接口来运行 Web 环境。可是 Electron 能够在 Deno 中使用吗？有其余选择吗？git

好吧，如今 Electron 还不能在 Deno 下执行，必须寻找替代方案。因为 Deno 是用 Rust 写的，因此能够用web-view rust 绑定在 Deno 中运行桌面程序。程序员

这样，咱们可使用本机操做系统的 webview 视图来运行任意 webview。github

Repo: https://github.com/eliassjogr...web

import { WebView } from "https://deno.land/x/webview/mod.ts";

const sharedOptions = {
  width: 400,
  height: 200,
  resizable: true,
  debug: true,
  frameless: false,
};

const webview1 = new WebView({
  title: "Multiple deno_webview example",
  url: `data:text/html,
    <html>
    <body>
      <h1>1</h1>
    </body>
    </html>
    `,
  ...sharedOptions,
});

const webview2 = new WebView({
  title: "Multiple deno_webview example",
  url: `data:text/html,
    <html>
    <body>
      <h1>2</h1>
    </body>
    </html>
    `,
  ...sharedOptions,
});

await Promise.all([webview1.run(), webview2.run()]);

Forever / PM2

Forever 和 PM2是 CLI 工具，可使给定脚本做为守护程序连续运行。与 Forever 不一样，PM2 更完整，还能够用做负载均衡器。二者在 Node.js 中都很是有用，可是咱们能够在 Deno 中使用吗？面试

Forever 仅能用于 Node，不过咱们能够借助 PM2 运行非 Node.js 脚本，因此能够将其用于 Deno。

建立一个 app.sh 文件

#!/bin/bash
deno run -A myCode.ts

而后

➜ pm2 start ./app.sh

Express / Koa

Express 和 Koa 是最知名的 Node 框架。他们以其强大的路由系统和 HTTP 辅助器（重定向、缓存等）而闻名。能够在 Deno中使用它们吗？答案是否...可是有一些替代方法。

Http（标准库）

Deno 本身的标准库已经可以知足 Express 或 Koa 提供的许多功能。 https://deno.land/std/http/。

import { ServerRequest } from "https://deno.land/std/http/server.ts";
import { getCookies } from "https://deno.land/std/http/cookie.ts";

let request = new ServerRequest();
request.headers = new Headers();
request.headers.set("Cookie", "full=of; tasty=chocolate");

const cookies = getCookies(request);
console.log("cookies:", cookies);

可是声明路由的方法并无什么吸引力，因此让咱们看看更多的替代方案。

Oak (第三方库)

受 Koa 启发，这是目前最优雅的解决方案之一。 https://github.com/oakserver/oak

import { Application,  } from "https://deno.land/x/oak/mod.ts";

const app = new Application();

app.use((ctx) => {
  ctx.response.body = "Hello World!";
});

await app.listen({ port: 8000 });

Abc（第三方库）

相似于 Oak https://deno.land/x/abc。

import { Application } from "https://deno.land/x/abc/mod.ts";

const app = new Application();

app.static("/static", "assets");

app.get("/hello", (c) => "Hello!")
  .start({ port: 8080 });

Deno-express（第三方库）

也许是和 Express Framework 最类似的替代方案。 https://github.com/NMathar/de...。

import * as exp from "https://raw.githubusercontent.com/NMathar/deno-express/master/mod.ts";

const port = 3000;
const app = new exp.App();

app.use(exp.static_("./public"));
app.use(exp.bodyParser.json());

app.get("/api/todos", async (req, res) => {
  await res.json([{ name: "Buy some milk" }]);
});

const server = await app.listen(port);
console.log(`app listening on port ${server.port}`);

MongoDB

MongoDB 是有着巨大的可扩展性和灵活性的文档型数据库。在 JavaScript 生态中已被普遍使用，使用它的许多技术栈（如 MEAN 或 MERN）都很是受欢迎。

因此能够将 MongoDB 与 Deno 结合使用。可使用这个驱动程序：https://github.com/manyuanron...。

import { init, MongoClient } from "https://deno.land/x/mongo@v0.6.0/mod.ts";

// Initialize the plugin
await init();

const client = new MongoClient();
client.connectWithUri("mongodb://localhost:27017");

const db = client.database("test");
const users = db.collection("users");

// insert
const insertId = await users.insertOne({
  username: "user1",
  password: "pass1"
});

// findOne
const user1 = await users.findOne({ _id: insertId });

// find
const users = await users.find({ username: { $ne: null } });

// aggregation
const docs = await users.aggregation([
  { $match: { username: "many" } },
  { $group: { _id: "$username", total: { $sum: 1 } } }
]);

// updateOne
const { matchedCount, modifiedCount, upsertedId } = await users.updateOne(
  username: { $ne: null },
  { $set: { username: "USERNAME" } }
);

// deleteOne
const deleteCount = await users.deleteOne({ _id: insertId });

PostgresSQL

像 MongoDB 同样，也有 PostgresSQL 的驱动：https://github.com/buildondat...。

import { Client } from "https://deno.land/x/postgres/mod.ts";

const client = new Client({
  user: "user",
  database: "test",
  hostname: "localhost",
  port: 5432
});
await client.connect();
const result = await client.query("SELECT * FROM people;");
console.log(result.rows);
await client.end();

MySQL / MariaDB

与 MongoDB 和 PostgresSQL 同样，还有 MySQL/MariaDB 的驱动程序。

https://github.com/manyuanron...

import { Client } from "https://deno.land/x/mysql/mod.ts";

const client = await new Client().connect({
  hostname: "127.0.0.1",
  username: "root",
  db: "dbname",
  poolSize: 3, // connection limit
  password: "password",
});

let result = await client.execute(`INSERT INTO users(name) values(?)`, [
  "aralroca",
]);
console.log(result);
// { affectedRows: 1, lastInsertId: 1 }

Redis

Redis 是最著名的缓存数据库，也有 Deno 驱动程序。

https://github.com/keroxp/den...

import { connect } from "https://denopkg.com/keroxp/deno-redis/mod.ts";

const redis = await connect({
  hostname: "127.0.0.1",
  port: 6379
});
const ok = await redis.set("example", "this is an example");
const example = await redis.get("example");

Nodemon

Nodemon 用于在开发环境中用于监视文件中的更改，并自动从新启动服务器。这使 Node 开发更加有趣，而无需手动重启服务器来查看应用的更改。它能够用在 Deno 中吗？

抱歉，不能够...可是有另一种选择：Denon。

https://github.com/eliassjogr...

能够像使用 deno run 同样用 Denon 来执行脚本。

➜ denon server.ts

Jest, Jasmine, Ava...

在 Node.js 生态中，有许多测试用的工具。可是官方并无提供测试 Node.js 代码的方法。

在 Deno中，有一种官方的方法，能够用测试标准库。

https://deno.land/std/testing

import { assertStrictEq } from 'https://deno.land/std/testing/asserts.ts'

Deno.test('My first test', async () => {
  assertStrictEq(true, false)
})

这样运行测试：

➜  deno test

Webpack, Parcel, Rollup...

Deno 的一个优点是无需打包器（例如 Webpack、 Parcel 或 Rollup）就可使 ESmodules 与 TypeScript 在一块儿工做。

可是若是给定一个文件树，咱们是否能够打成一个包，把全部内容放到一个文件中并在网络上运行它呢？

固然能够。能够用 Deno 的 CLI 作到这一点，不须要第三方打包程序。

➜ deno bundle myLib.ts myLib.bundle.js

而后就能够加载到浏览器中了：

<script type="module">
  import * as myLib from "myLib.bundle.js";
</script>

Prettier

在过去的几年中，Prettier 在 JavaScript 生态系统中已广为人知，正是由于有它，你没必要再去担忧格式化文件的麻烦。

实际上它仍然能够在 Deno 上使用，可是这失去了意义，由于 Deno 有本身的格式化程序。

能够用如下命令格式化文件：

➜  deno fmt

NPM Scripts

在 Deno 中，package.json 再也不存在。我很怀念在 package.json 中声明的脚本。

一个简单的解决方案是用 makefile ，并使用 make 命令执行。可是，若是你想念 npm 语法，那么 Deno 有一个 npm 风格的脚本运行器：

https://github.com/umbopepato...

你能够用脚本去定义文件：

# scripts.yaml
scripts:
  start: deno run --allow-net server.ts
  test: deno test --allow-net server_test.ts

执行：

➜  vr run <SCRIPT>

另外一种选择是 denox，与 Velociraptor 很是类似。

Nvm

Nvm 是一个用于管理多个活动 Node 版本的 CLI，能够根据你的项目轻松升级或降级版本。

在 Deno 中 nvm 的替代物是 dvm。

https://github.com/axetroy/dvm

➜  dvm use 1.0.0

Npx

Npx 近年来很是流行，能够直接调用 npm 包内的模块。因为 Deno 是一个独立的生态，因此不存在 npm 中的那些重多项目。那么咱们不用 deno install https://url-of-module.ts 而用 Deno 执行来执行它们呢？

以与运行项目相同的方式，而不是文件，放置模块的 URL：

➜  deno run https://deno.land/std/examples/welcome.ts

如你所见，咱们不只须要记住模块的名称，还要记住整个 URL，这样用起来很困难。可是另外一方面，它提供了更多的灵活性，由于咱们能够运行任何文件，而不只仅是像 npx 这样在 package.json 中指定的文件。

在Docker 中运行

要在 Docker 中运行Deno，能够这样建立 Dockerfile：

FROM hayd/alpine-deno:1.0.0

EXPOSE 1993  # Port.

WORKDIR /app

USER deno

COPY deps.ts .
RUN deno cache deps.ts # Cache the deps

ADD . .
RUN deno cache main.ts # main entrypoint.

CMD ["--allow-net", "main.ts"]

这样构建并运行：

➜  docker build -t app . && docker run -it --init -p 1993:1993 app

Repo: https://github.com/hayd/deno-...

用于亚马逊 lambda 运算

要将 Deno 用于 AWS lambda，能够用 Deno STD 库中的模块。 https://deno.land/x/lambda。

import {
  APIGatewayProxyEvent,
  APIGatewayProxyResult,
  Context
} from "https://deno.land/x/lambda/mod.ts";

export async function handler(
  event: APIGatewayProxyEvent,
  context: Context
): Promise<APIGatewayProxyResult> {
  return {
    body: `Welcome to deno ${Deno.version.deno} 🦕`,
    headers: { "content-type": "text/html;charset=utf8" },
    statusCode: 200
  };
}

有趣的参考：

把 Deno 用在 Vercel 中：https://github.com/lucacasona...
AWS 中的 Deno：https://blog.begin.com/deno-r...

结束语

我肯定确定会遗漏了一些 Node 主题以及它们对应的 Deno 替代方案，若是你有补充请在下面留言。

探索全部能够用在 Deno 中的库：

本文首发微信公众号：前端先锋

欢迎扫描二维码关注公众号，天天都给你推送新鲜的前端技术文章

欢迎继续阅读本专栏其它高赞文章：

更多文章...