目录

Nginx-npm-Node.js-简单实践

Nginx npm + Node.js 简单实践

一、基本概念介绍

Nginx 是一款高性能的 Web 服务器和反向代理服务器,而 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以让JavaScript 在服务器端运行。npm 则是 Node.js 的默认包管理工具,类似手机的应用市场。主要功能事故案例Node.js项目中的各种依赖包。在实际应用中,通常会使用 Nginx 作为前端代理服务器,将动态请求转发给 Node.js 应用处理。

Nginx安装参考:

二、安装 Node.js + npm

1、安装软件

# Ubuntu/Debian 系统
sudo apt update
sudo apt install nodejs npm

https://i-blog.csdnimg.cn/direct/1f7a1f9de8b4434cabcbc8ef8df6fcf8.png

node -v
npm -v

https://i-blog.csdnimg.cn/direct/d4d111631313451f887fbee74feff6c3.png

三、Node.js 简单实践

1、创建项目目录

mkdir -p /data/node-project
cd /data/node-project/

https://i-blog.csdnimg.cn/direct/98927eba5855449cb67d488b7e8604be.png

2、创建文件 server.js

vi server.js
const http = require('http');
// 创建一个 HTTP 服务器
const server = http.createServer((req, res) => {
    // 设置响应头
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    // 发送响应内容
    res.end('Hello, World!\n');
});

// 监听 3000 端口
server.listen(3000, '0.0.0.0', () => {
    console.log('Server running at http://0.0.0.0:3000/');
});

https://i-blog.csdnimg.cn/direct/39f73783345f4c9c843db614e952d761.png

3、运行代码

node server.js

https://i-blog.csdnimg.cn/direct/e3d70bfd622a4feeaf9bab5e8105049f.png

4、浏览器访问

https://i-blog.csdnimg.cn/direct/3847408be940470d9374592ed6e63b8e.png

四、npm 简单实践

1、创建项目目录

mkdir -p /data/npm-project
cd /data/npm-project

https://i-blog.csdnimg.cn/direct/e913a01b13594a1dba6c764012474f4e.png

2、初始化项目

#交互方式初始化
npm init

#非交互方式初始化 -- 使用默认配置快速创建
npm init -y

#部分交互选项操作
package name: (npm-project)    #直接Enter
version: (1.0.0)               #直接Enter
description: npm project       #输入描述
entry point: (index.js)        #直接Enter
test command:                  #直接Enter
git repository:                #直接Enter
keywords:                      #直接Enter
author: lkl                    #输入用户名
license: (ISC)                 #直接Enter

https://i-blog.csdnimg.cn/direct/7f26393301584ef28b90e89cc94c2c3b.png

npm init会引导你创建一个package.json文件,该文件记录了项目的元数据信息和依赖项信息。

https://i-blog.csdnimg.cn/direct/ad5737b39e2f478db13c4e55a2f97b7e.png

3、项目依赖安装

指定镜像源,加快软件包的安装速度。在当前目录下生产一个隐藏的配置文件。

npm config set registry https://registry.npmmirror.com

https://i-blog.csdnimg.cn/direct/c88770ea96164f5e965d19776cbd10ee.png

安装 express 框架作为项目依赖。

npm install express

https://i-blog.csdnimg.cn/direct/aec36de964634d0c8cf9109d6c6d8541.png

express将会安装到项目的node_modules目录下,并在package.json文件中添加相应的依赖项。

https://i-blog.csdnimg.cn/direct/0924184df15f47a7b3c7558e670b8749.png

查看包依赖

head package-lock.json

https://i-blog.csdnimg.cn/direct/d5afb5ce26d440968def3ea0b145408b.png

4、项目创建

创建入口文件 index.js

vi index.js
const express = require('express');
const app = express();
const port = 3000;

// 定义简单的路由
app.get('/', (req, res) => {
  res.send('站点首页!!!\n');
});
app.get('/login', (req, res) => {
  res.send('站点登录页面!!!\n');
});
app.get('/register', (req, res) => {
  res.send('站点注册页面!!!\n');
});

// 启动服务器
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

https://i-blog.csdnimg.cn/direct/b0a0ec5fedde49f89a47fa31c5f2c85f.png

5、项目启动

可以在package.json文件中添加一个启动脚本

"start": "node index.js"

https://i-blog.csdnimg.cn/direct/831b7f64f6324edaa0812833cda3d84f.png

运行项目

npm start

https://i-blog.csdnimg.cn/direct/9006829fd608429b89ee922f6cd52c8d.png

6、浏览器访问

https://i-blog.csdnimg.cn/direct/99d4ad736da240bab8be740daef868dc.png