首页前端开发JavaScript推荐分享Node.js中18个值得了解的Web框架和工具

推荐分享Node.js中18个值得了解的Web框架和工具

时间2024-01-31 10:23:03发布访客分类JavaScript浏览988
导读:收集整理的这篇文章主要介绍了推荐分享Node.js中18个值得了解的Web框架和工具,觉得挺不错的,现在分享给大家,也给大家做个参考。本篇文章是一个Web框架和工具分享文章,本文中给大家总结分享18个我最推荐的Node Web框架和工具,希...
收集整理的这篇文章主要介绍了推荐分享Node.js中18个值得了解的Web框架和工具,觉得挺不错的,现在分享给大家,也给大家做个参考。本篇文章是一个Web框架和工具分享文章,本文中给大家总结分享18个我最推荐的Node Web框架和工具,希望对大家有所帮助!

Node.js是一个底层平台。为了方便开发者的工作变得简单高效,社区诞生了超过上千个库。

随着时间的推移,有很多优秀的库可以供大家选择,下面是不完全选择列表:

  • ExPress: 提供非常简单的方式来创建Web服务器,且功能足够强大并且足够的轻量,专注于服务器的核心功能。

    // server.jsconst exPRess = require('express')const app = express()const port = 3000app.get('/', (req, res) =>
     {
      res.send('Hello World!')}
        )app.listen(port, () =>
     {
      console.LOG(`Example app listening on port ${
    port}
    `)}
        )
  • koa: 它是由Express背后的同一团队打造,提供更加简单、更小巧的库,并且支持ES NEXT的async await语法。

    // server.jsconst Koa = require('koa');
        const app = new Koa();
        app.use(async ctx =>
     {
          ctx.body = 'Hello World';
    }
        );
        app.listen(3000);
        
  • NestJS: 一个基于TyPEScript的渐进式Node.js框架,用于构建高效、可靠、可扩展的企业级服务端应用程序。

    // app.controller.tsimport {
     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: 使用Node.js和Koa构建更好的企业级服务端框架。

    // app/controller/home.jsconst Controller = require('egg').Controller;
    class HomeController extends Controller {
      async index() {
            this.ctx.body = 'Hello world';
      }
    }
        module.exports = HomeController;
        
  • Next.js: React 框架提供了良好的开发体验,提供生产环境的所有功能:服务端渲染、支持TypeScript、路由预获取等等。

    // First-post.jsexport default function FirstPost() {
          return h1>
        First Post/h1>
    }
        
  • Remix: Remix 是一个全栈Web框架,它开箱即用,包含构建现代Web应用程序前端和后端。

    // index.tsxexport 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: 一个基于React、GraphQL的静态站点生成器,具有非常丰富的插件和生态。

    // src/pages/index.jsimport * as React from 'react'const IndexPage = () =>
     {
          return (    main>
              title>
        Home Page/title>
              h1>
        Welcome to my Gatsby site!/h1>
              p>
        I'm making this by following the Gatsby Tutorial./p>
            /main>
      )}
        export default IndexPage
  • hapi: 用于构建Web应用服务的框架,使开发人员能够专注于编写可重用的应用程序逻辑,而不是花费时间构建基础设施。

    // 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: 一个高度专注于以最少的开销和强大的插件架构,提供最佳的开发体验的Web框架。Fastify是最快的Node.js Web框架之一。

    // server.jsconst fastify = require('fastify')({
     logger: true }
        )// Declare a routefastify.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: 一个基于TypeScript的全功能框架,高度关注开发人员的体验和稳定性。Adonis是最快的Node.js Web框架之一。

    // PostsController.jsimport Post from 'App/Models/Post'export default class PostsController {
      public async index () {
        return Post.all()  }
      public async Store ({
     request }
    ) {
        return request.body()  }
    }
        
  • FeatherJS: Feathers是一个轻量级的Web框架,用于使用JavaScript或者TypeScript创建实时应用程序和REST API。在几分钟内构建原型程序,在几天内构建企业级应用程序。

    // app.tsimport feathers from '@feathersjs/feathers';
    interface Message {
          id?: number;
          text: string;
    }
    class MessageService {
          messages: Message[] = [];
      async find () {
            return this.messages;
      }
          async create (data: PickMessage, 'text'>
    ) {
        const message: Message = {
          id: this.messages.length,      text: data.text    }
            this.messages.push(message);
            return message;
      }
    }
        const app = feathers();
        app.use('messages', new MessageService());
        app.service('messages').on('created', (message: Message) =>
     {
          console.log('A new message has been created', message);
    }
        );
        const main = async () =>
     {
      await app.service('messages').create({
        text: 'Hello Feathers'  }
        );
      await app.service('messages').create({
        text: 'Hello again'  }
        );
          const messages = await app.service('messages').find();
          console.log('All messages', messages);
    }
        ;
        main();
        
  • Loopback.io: 使构建复杂集成的现代应用程序变得更加容易。

    // hello.controller.tsimport {
    get}
         from '@loopback/rest';
    export class HelloController {
      @get('/hello')  hello(): string {
            return 'Hello world!';
      }
    }
        
  • Meteor: 一个非常强大的全栈框架,提供同构的方法来使用JavaScript构建应用程序,在客户端和服务端共享代码。以前提供全套的现成工具,现在与前端库React、Vue和Angular集成。也可用于创建移动应用程序。

  • Micro: 它提供非常轻量级的服务器来创建异步HTTP微服务。

    // index.jsconst 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.jsconst 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 教程!

以上就是推荐分享Node.js中18个值得了解的Web框架和工具的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 吐血整理:你值得了解的JavaScri...下一篇:JavaScript怎么实现尾字母大写猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 推荐分享Node.js中18个值得了解的Web框架和工具
本文地址: https://pptw.com/jishu/593835.html
c语言简单小游戏-扫雷游戏 深入浅析JavaScript中的执行上下文和执行机制

游客 回复需填写必要信息