前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >用nodejs搭建一个简单的web服务器

用nodejs搭建一个简单的web服务器

作者头像
conanma
发布2022-01-04 17:42:47
发布2022-01-04 17:42:47
1.1K00
代码可运行
举报
文章被收录于专栏:正则正则
运行总次数:0
代码可运行

搭建一个简单的web服务器的步骤

1.生成如下目录

nodeLearn(文件夹) begining(文件夹) sever.js

2.打开 官网,复制官网-创建web服务器的示例代码到 sever.js 保存
代码语言:javascript
代码运行次数:0
复制
const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});
3.运行 server.js

打开[begining]文件夹

$ cd nodeLearn/begining

运行 node.js

$ node server.js

可以看到命令行有日志打印出来了,如下

Server running at http://127.0.0.1:3000/

4.查看搭建好的web服务器

在浏览器输入 127.0.0.1:3000,刷新页面 页面有sever.js打印的hello word 一个简单的有请求有返回的五脏俱全的web服务器搭建成功

关于示例的分析与总结

1. 关于【创建web服务器】示例代码的分析
代码语言:javascript
代码运行次数:0
复制
/*
* 加载【http】模块,该模块由javascript来编写
* 职责是创建 web 服务器 及 处理http相关的任务等
*/
const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

// 通过 createServer 创建 web服务器
const server = http.createServer((req, res) => {
  //req 请求体:获取请求相关的信息(请求来自哪里、是get还是post)
  //res 响应体:告诉服务器给请求响应什么内容

  // 设置响应的请求头状态码是200
  res.statusCode = 200;
  // 设置返回的文本类型:纯文本
  res.setHeader('Content-Type', 'text/plain');
  // 最后给客户端返回 hello world
  res.end('Hello World!\n');
});
// 通过 listen 监听端口 的请求
server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});
2.node中体验js环境
2.1 nodejs本质上javascript的执行环境
  • 在浏览器中体验js环境:

打开控制台,切换到 console 的窗口,可以执行js逻辑,回车可得到结果

代码语言:javascript
代码运行次数:0
复制
var a=1;var b=2; function add(a,b){return a+b;} add(a,b);
  • 在node中体验js环境:

退出sever.js程序运行 Ctrl+C 进入node环境 node 输入js逻辑,回车可得到结果 var a=1;var b=2; function add(a,b){return a+b;} add(a,b);

2.2 两者不同之处
  • 他们所在的环境顶层,宿主所在的全局变量不太一样,如: 浏览器里输入window,会出现window 的挂载属性等等;命令行输入window会报错 node环境里输入process,会出现process的挂载属性等等;浏览器输入process会报错( [process]:nodeJs的一个模块,在此不做详细了解)

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
目录
  • 搭建一个简单的web服务器的步骤
    • 关于示例的分析与总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档