莫方教程网

专业程序员编程教程与实战案例分享

NestJS 入门到实战 前端必学服务端新趋势

NestJS 入门到实战 前端必学服务端新趋势


获课:jzit.top/212/


获取ZY↑↑方打开链接↑↑

介绍一下 第一个nestjs应用: Hello World

NestJS 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的框架,它使用 TypeScript 并结合了面向对象编程、函数式编程和函数式响应式编程的元素。以下是创建第一个 NestJS “Hello World” 应用的详细步骤:

1. 环境准备

确保你已经安装了 Node.js 和 npm(Node.js 包管理器)。同时,为了更好地使用 NestJS 的特性,建议安装 TypeScript 全局环境:

收起

bash

npm install -g typescript

2. 创建新的 NestJS 项目

使用 Nest CLI(命令行界面)来创建一个新的 NestJS 项目。如果没有安装 Nest CLI,可以通过以下命令安装:

收起

bash

npm i -g @nestjs/cli

然后,使用以下命令创建一个新项目:

收起

bash

nest new hello-world

这个命令会创建一个名为

hello-world

的新 NestJS 项目,并安装所有必要的依赖。

3. 理解项目结构

创建完成后,进入项目目录:

收起

bash

cd hello-world

项目的基本结构如下:

  • src/:包含应用的源代码。
    • app.controller.ts:处理 HTTP 请求的控制器。
    • app.module.ts:应用的根模块。
    • app.service.ts:包含应用的业务逻辑。
    • app/:包含应用的核心模块和控制器等。
    • main.ts:应用的入口文件。
  • test/:包含测试相关的文件。
  • package.json:项目的依赖和脚本配置文件。

4. 创建 Hello World 控制器

打开

src/app/app.controller.ts

文件,内容如下:

收起

typescript

import { Controller, Get } from '@nestjs/common';@Controller()export class AppController {  @Get()  getHello(): string {    return 'Hello World!';  }}

这里:

  • @Controller() 装饰器定义了一个控制器类。
  • @Get() 装饰器定义了一个处理 HTTP GET 请求的方法。
  • getHello 方法返回字符串 Hello World!。

5. 运行应用

在项目根目录下,使用以下命令启动应用:

收起

bash

npm run start:dev

这个命令会启动 NestJS 应用,并监听在默认端口

3000

6. 访问应用

打开浏览器,访问

http://localhost:3000

,你会看到页面上显示

Hello World!

7. 代码解释

  • @Controller 装饰器:用于定义一个控制器类,它是处理 HTTP 请求的主要组件。
  • @Get 装饰器:用于定义一个处理 GET 请求的方法。NestJS 还提供了其他装饰器,如 @Post、@Put、@Delete 等,用于处理不同类型的 HTTP 请求。
  • 模块(Module):NestJS 使用模块来组织和管理应用的不同部分。app.module.ts 是应用的根模块,它负责导入和导出不同的组件,如控制器、服务等。

通过以上步骤,你就成功创建了第一个 NestJS “Hello World” 应用。这个简单的例子展示了 NestJS 的基本结构和如何创建一个处理 HTTP 请求的控制器。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言