Disyorkan untuk berkongsi 18 rangka kerja dan alatan web yang patut diketahui dalam Node.js

Artikel ini ialah artikel perkongsian tentang rangka kerja dan alatan Web Dalam artikel ini, saya akan meringkaskan dan berkongsi 18 daripada rangka kerja dan alatan web saya yang paling disyorkan.

Node.js

ialah platform peringkat rendah. Untuk menjadikan kerja pembangun mudah dan cekap, komuniti telah mencipta lebih daripada beribu-ribu perpustakaan. Seiring berjalannya waktu, terdapat banyak perpustakaan yang sangat baik untuk dipilih oleh semua orang:

• Express : Menyediakan cara yang sangat mudah untuk mencipta pelayan web yang cukup berkuasa dan cukup ringan untuk menumpukan pada fungsi teras pelayan.

  // server.js
  const express = require('express')
  const app = express()
  const port = 3000
  
  app.get('/', (req, res) => {
    res.send('Hello World!')
  })
  
  app.listen(port, () => {
    console.log(`Example app listening on port ${port}`)
  })

• koa: Ia dibina oleh pasukan yang sama di belakang Express dan menyediakan perpustakaan yang lebih ringkas dan lebih kecil dengan sokongan untuk ES NEXT's async menunggu sintaks.

  // server.js
  const Koa = require('koa');
  const app = new Koa();
  
  app.use(async ctx => {
    ctx.body = 'Hello World';
  });
  
  app.listen(3000);

• NestJS: Rangka kerja Node.js progresif berdasarkan TypeScript untuk membina pelayan gred Perusahaan yang cekap, boleh dipercayai dan berskala -aplikasi sampingan.

  // app.controller.ts
  import { Get, Controller, Render } from '@nestjs/common';
  import { AppService } from './app.service';
  
  @Controller()
  export class AppController {
      constructor(private readonly appService: AppService) {}
  
      @Get()
      @Render('index')
      render() {
          const message = this.appService.getHello();
          return { message };
      }
  }

• Egg.js: Gunakan Node.js dan Koa untuk membina rangka kerja bahagian pelayan peringkat perusahaan yang lebih baik.

  // app/controller/home.js
  const Controller = require('egg').Controller;
  
  class HomeController extends Controller {
    async index() {
      this.ctx.body = 'Hello world';
    }
  }
  
  module.exports = HomeController;

• Next.js: Rangka kerja React menyediakan pengalaman pembangunan yang baik dan menyediakan persekitaran pengeluaran Semua ciri: pemaparan sebelah pelayan, sokongan TypeScript, prefetching laluan dan banyak lagi.

  // first-post.js
  export default function FirstPost() {
    return <h1 id="First-nbsp-Post">First Post</h1>
  }

• Remix: Remix ialah rangka kerja web tindanan penuh yang merangkumi bahagian hadapan untuk membina aplikasi web moden daripada kotak dan hujung belakang.

  // index.tsx
  export async function loader({ request }) {
    return getProjects();
  }
  
  export async function action({ request }) {
    const form = await request.formData();
    return createProject({ title: form.get("title") });
  }
  
  export default function Projects() {
    const projects = useLoaderData();
    const { state } = useTransition();
    const busy = state === "submitting";
  
    return (
      <div>
        {projects.map((project) => (
          <Link to={project.slug}>{project.title}</Link>
        ))}
  
        <Form method="post">
          <input name="title" />
          <button type="submit" disabled={busy}>
            {busy ? "Creating..." : "Create New Project"}
          </button>
        </Form>
      </div>
    );
  }

• Gatsby: Penjana tapak statik berdasarkan React dan GraphQL, dengan pemalam dan ekosistem yang sangat kaya.

  // src/pages/index.js
  import * as React from 'react'
  
  const IndexPage = () => {
    return (
      <main>
        <title>Home Page</title>
        <h1 id="Welcome-nbsp-to-nbsp-my-nbsp-Gatsby-nbsp-site">Welcome to my Gatsby site!</h1>
        <p>I&#39;m making this by following the Gatsby Tutorial.</p>
      </main>
    )
  }
  
  export default IndexPage

• hapi: Rangka kerja untuk membina perkhidmatan aplikasi web, membenarkan pembangun menumpukan pada menulis logik aplikasi boleh guna semula dan bukannya menghabiskan masa membina infrastruktur.

  // index.js
  
  'use strict';
  
  const Hapi = require('@hapi/hapi');
  
  const init = async () => {
  
      const server = Hapi.server({
          port: 3000,
          host: 'localhost'
      });
  
      server.route({
          method: 'GET',
          path: '/',
          handler: (request, h) => {
              return 'Hello World!';
          }
      });
  
      await server.start();
      console.log('Server running on %s', server.info.uri);
  };
  
  process.on('unhandledRejection', (err) => {
      console.log(err);
      process.exit(1);
  });
  
  init();

• Fastify: Perisian yang sangat tertumpu pada menyediakan pengalaman pembangunan terbaik dengan overhed minimum dan pemalam yang berkuasa seni bina. Fastify ialah salah satu rangka kerja web Node.js terpantas.

  // server.js
  const fastify = require('fastify')({ logger: true })
  
  // Declare a route
  fastify.get('/', async (request, reply) => {
    return { hello: 'world' }
  })
  
  // Run the server!
  const start = async () => {
    try {
      await fastify.listen(3000)
    } catch (err) {
      fastify.log.error(err)
      process.exit(1)
    }
  }
  start()

• AdonisJS: Rangka kerja berciri penuh berdasarkan TypeScript yang memberi perhatian kepada pengalaman dan kestabilan pembangun. Adonis ialah salah satu rangka kerja web Node.js terpantas.

  // PostsController.js
  import Post from 'App/Models/Post'
  
  export default class PostsController {
  
    public async index () {
      return Post.all()
    }
  
    public async store ({ request }) {
      return request.body()
    }
  
  }

• FeatherJS: Feathers ialah rangka kerja web yang ringan untuk mencipta aplikasi masa nyata menggunakan JavaScript atau TypeScript dan REST API. Bina prototaip dalam beberapa minit dan aplikasi gred perusahaan dalam beberapa hari.

  // app.ts
  import feathers from '@feathersjs/feathers';
  
  interface Message {
    id?: number;
    text: string;
  }
  
  
  class MessageService {
    messages: Message[] = [];
  
    async find () {
      return this.messages;
    }
  
    async create (data: Pick<Message, &#39;text&#39;>) {
      const message: Message = {
        id: this.messages.length,
        text: data.text
      }
  
      this.messages.push(message);
  
      return message;
    }
  }
  
  const app = feathers();
  
  app.use(&#39;messages&#39;, new MessageService());
  
  app.service(&#39;messages&#39;).on(&#39;created&#39;, (message: Message) => {
    console.log(&#39;A new message has been created&#39;, message);
  });
  
  const main = async () => {
    await app.service(&#39;messages&#39;).create({
      text: &#39;Hello Feathers&#39;
    });
  
    await app.service(&#39;messages&#39;).create({
      text: &#39;Hello again&#39;
    });
  
    const messages = await app.service(&#39;messages&#39;).find();
  
    console.log(&#39;All messages&#39;, messages);
  };
  
  main();

• Loopback.io: Memudahkan untuk membina aplikasi moden dengan penyepaduan yang kompleks.

  // hello.controller.ts
  import {get} from '@loopback/rest';
  export class HelloController {
    @get('/hello')
    hello(): string {
      return 'Hello world!';
    }
  }

• Meteor: Rangka kerja tindanan penuh yang sangat berkuasa yang menyediakan pendekatan isomorfik untuk membina aplikasi menggunakan JavaScript, dalam Klien dan kod kongsi pelayan. Sebelum ini menawarkan set lengkap alat siap sedia, ia kini disepadukan dengan perpustakaan bahagian hadapan React, Vue dan Angular. Boleh juga digunakan untuk membuat aplikasi mudah alih.

• Mikro: Ia menyediakan pelayan yang sangat ringan untuk mencipta perkhidmatan mikro HTTP tak segerak.

  // index.js
  const https = require('https');
  const {run, send} = require('micro');
  
  const {key, cert, passphrase} = require('openssl-self-signed-certificate');
  
  const PORT = process.env.PORT || 3443;
  
  const options = {key, cert, passphrase};
  
  const microHttps = fn => https.createServer(options, (req, res) => run(req, res, fn));
  
  const server = microHttps(async (req, res) => {
      send(res, 200, {encrypted: req.client.encrypted});
  });
  
  server.listen(PORT);
  console.log(`Listening on https://localhost:${PORT}`);

• Nx: 使用NestJS、Express、React、Angular等进行全栈monorepo开发的工具包，Nx有助于将您的开发从一个团队构建一个应用程序扩展到多个团队协作开发多个应用程序！

• Sapper: Sapper是一个用于构建各种规模的Web应用程序框架，具有出色的开发体验和灵活的基于文件系统的路由，提供SSR等等。

• Socket.io: 用于构建实时网络应用程序的WebSocket框架。

  // index.js
  const express = require('express');
  const app = express();
  const http = require('http');
  const server = http.createServer(app);
  const { Server } = require("socket.io");
  const io = new Server(server);
  
  app.get('/', (req, res) => {
    res.sendFile(__dirname + '/index.html');
  });
  
  io.on('connection', (socket) => {
    console.log('a user connected');
  });
  
  server.listen(3000, () => {
    console.log('listening on *:3000');
  });

• Strapi: Strapi是一种灵活的开源无头CMS，它让开发人员可以自由选择自己喜欢的工具和框架，同时允许编辑者轻松管理他们的内容。

以上就是我推荐的Node.js Web框架和工具，如果有更好的推荐欢迎在评论区评论。

更多node相关知识，请访问：nodejs 教程！

Atas ialah kandungan terperinci Disyorkan untuk berkongsi 18 rangka kerja dan alatan web yang patut diketahui dalam Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!