Node.js实战：从零开始搭建Web服务
站长
· 阅读数 26
前言
随着技术的不断演进，开发者们一直在寻找更高效、更灵活的方式来构建和部署Web应用。在这股浪潮中，Node.js成为了构建高性能Web服务的理想选择。无论你是初出茅庐的新手还是经验丰富的开发者，掌握Node.js都将开启一扇通往高效开发的大门。
本文将引导你从零开始，逐步探索如何使用Node.js搭建自己的Web服务。
正文
文件位置：
const http = require('http');
const url = require('url');
const server = http.createServer((req, res) => { // 创建服务
const reqUrl = url.parse(req.url);
if (reqUrl.pathname === '/') {
res.end('hello world');
} else {
res.end('not found');
}
});
server.listen(3000, () => { // 监听端口
console.log('listening on port 3000');
});
访问localhost:3000可以看到：
访问localhost:3000/user可以看到：
那么如果我想res.end('<h2>hello world</h2>')该怎么实现这个效果呢？
- 通过向HTTP响应头部添加状态码和头字段(在发送响应体之前被调用，用于设置HTTP响应的初始状态)
const http = require('http');
const url = require('url');
const server = http.createServer((req, res) => { // 创建服务
const reqUrl = url.parse(req.url);
if (reqUrl.pathname === '/') {
res.writeHead(200, {
'Content-Type': 'text/html'
});
res.end('<h2>hello world</h2>');
}
else {
res.end('not found');
}
});
server.listen(3000, () => { // 监听端口
console.log('listening on port 3000');
});
我要是想实现访问localhost:3000/user时，展示一个对象呢？
const http = require('http');
const url = require('url');
const data = {
id: 1,
name: '椰汁',
age: 18
}
const server = http.createServer((req, res) => { // 创建服务
const reqUrl = url.parse(req.url);
if (reqUrl.pathname === '/') {
res.writeHead(200, {
'Content-Type': 'text/html'
});
res.end('<h2>hello world</h2>');
}
else if (reqUrl.pathname === '/user') {
res.writeHead(200, {
'Content-Type': 'application/json;charset=utf-8'
});
res.end(JSON.stringify(data));
}
else {
res.end('not found');
}
});
server.listen(3000, () => { // 监听端口
console.log('listening on port 3000');
});
我的web界面展示为下面这样是因为我在浏览器安装了JSON的插件，在扩展程序商店搜JSON安装即可；
通过POST来访问localhost:3000/login时，展示'login success'，这里我通过Postman来测试：
const http = require('http');
const url = require('url');
const data = {
id: 1,
name: '椰汁',
age: 18
}
const server = http.createServer((req, res) => { // 创建服务
const reqUrl = url.parse(req.url);
if (reqUrl.pathname === '/') {
res.writeHead(200, {
'Content-Type': 'text/html'
});
res.end('<h2>hello world</h2>');
}
else if (reqUrl.pathname === '/user') {
res.writeHead(200, {
'Content-Type': 'application/json;charset=utf-8'
});
res.end(JSON.stringify(data));
}
else if (req.method === "POST" && reqUrl.pathname === '/login') {
// 拿到前端传递的参数
// 去数据库里面校验该参数合法性
res.end('login success');
}
else {
res.end('not found');
}
});
server.listen(3000, () => { // 监听端口
console.log('listening on port 3000');
});
那么我想在最后一个else，也就是没找到想要访问的页面时，出现一个404的页面：
- 新建一个文件夹assets
- 新建文件404.html
404.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>404</h1>
<h3>你访问的页面不存在哦~~~</h3>
<img src="assets/image.png" alt="">
</body>
</html>
index.js
const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const data = {
id: 1,
name: '椰汁',
age: 18
}
const server = http.createServer((req, res) => { // 创建服务
const reqUrl = url.parse(req.url);
if (reqUrl.pathname === '/') {
res.writeHead(200, {
'Content-Type': 'text/html'
});
res.end('<h2>hello world</h2>');
}
else if (reqUrl.pathname === '/user') {
res.writeHead(200, {
'Content-Type': 'application/json;charset=utf-8'
});
res.end(JSON.stringify(data));
}
else if (req.method === "POST" && reqUrl.pathname === '/login') {
// 拿到前端传递的参数
// 去数据库里面校验该参数合法性
res.end('login success');
}
else {
const _url = path.resolve(__dirname, 'assets/404.html');
const content = fs.readFileSync(_url, {encoding: 'utf-8'});
res.end(content);
}
});
server.listen(3000, () => { // 监听端口
console.log('listening on port 3000');
});
访问localhost:3000/abc
通过koa来实现node搭建web
在终端输入npm i koa
const koa = require('koa');
const app = new koa();
const main = (ctx) => {
ctx.body = 'hello world';
};
app.use(main);
app.listen(3001, () => {
console.log('项目已经启动');
});
访问localhost:3001：
还可以通过koa-router来实现
在终端输入npm i koa-router
- 新建router文件夹
- 新建user.js文件
user.js
const router = require('koa-router')();
router.get('/user', (ctx) => {
ctx.body = {
name: '椰汁',
sex: 'girl'
}
});
router.get('/home', (ctx) => {
ctx.body = 'this is my home'
});
module.exports = router;
app.js
const koa = require('koa');
const app = new koa();
const router = require('./router/user.js');
app.use(router.routes()); // 让路由生效
app.listen(3001, () => {
console.log('项目已经启动');
});
访问localhost:3001/user：
访问localhost:3001/home：
结语
转载自:https://juejin.cn/post/7387608841280929844