Node.js入门教程：搭建HTTP服务器

184 浏览量更新于2024-08-31 收藏 97KB PDF 举报

"这篇教程是关于使用Node.js搭建HTTP服务器的第二部分，适合前端工程师学习后端技术。文章首先简述了Node.js的作用，并通过一个简单的`helloworld`示例介绍如何创建服务器，然后逐步讲解如何处理表单提交。" 在深入探讨Node.js搭建HTTP服务器之前，我们先理解Node.js的基础概念。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript编写应用，大大降低了前后端开发的界限。对于前端工程师来说，Node.js提供了一个平滑的学习曲线，使得他们能够轻松进入后端开发领域。一、Hello World 创建一个HTTP服务器的第一步是引入内置的`http`模块。以下是一个基础的`server.js`文件示例： ```javascript var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.write('Hello World'); response.end(); }).listen(3000); console.log('Server is running at port 3000'); ``` 这个脚本创建了一个监听3000端口的HTTP服务器，当有请求到达时，它会向客户端返回一个包含"Hello World"文本的响应。在命令行中运行`node server.js`启动服务器，然后在浏览器中访问`http://127.0.0.1:3000`，即可看到"Hello World"。二、处理表单数据接下来，我们将展示如何处理HTML表单的提交。假设有一个简单的HTML表单： ```html <!DOCTYPE html> <html> <body> <form action="/submit" method="post"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit"> </form> </body> </html> ``` 要在Node.js服务器端处理这个表单，我们需要对`/submit`路径的POST请求作出响应。这可以通过检查`request`对象的`method`属性来实现： ```javascript http.createServer(function (request, response) { if (request.method === 'POST' && request.url === '/submit') { // 处理表单数据 } else { // 处理其他情况，如显示表单页面 } }).listen(3000); ``` 处理POST请求时，我们需要读取请求体中的数据，通常这涉及到解析`request`的`data`事件。Node.js不直接处理这种解析，因此我们可能需要引入中间件库如`body-parser`来帮助解析。一旦解析完成，就可以从`request.body`获取表单数据，并进行相应操作，如写入数据库或返回反馈给用户。 Node.js的`http`模块提供了一个强大的框架，让开发者可以快速地搭建起HTTP服务器。通过学习如何创建、监听和响应请求，以及处理表单数据，前端工程师可以轻松踏入Node.js的世界，拓展自己的技能栈。

从零学习从零学习node.js之搭建之搭建http服务器（二）服务器（二）

NodeJs是什么我想大家已经很了解了，作为一个前端工程师，想要不断提升自己，一般都会接触到后端服务器的技术，NodeJs给我们提供了

一个学习成本相对较低的捷径可走。下面这篇文章主要介绍了node.js中搭建http服务器的相关资料，需要的朋友可以参考下。

前言前言

在上篇文章中我们了解了一下不同模块规范之间的联系与区别。本文我们正式开始node的学习，首先我们从搭建一个http服务器，能运行简单的程序开始说起。

一、一、hello world

最经典的hello world。首先我们创建一个server.js来保存我们的代码：

console.log( 'hello world' );

在终端输入node server.js运行:

node server.js

终端就会输出 hello world 的字样。可是我们一个node服务器程序，总是要在浏览器上访问的呀，这里就要用到node里自带的http模块了：

var http = require('http'); // 引入http模块

// 创建http服务器

// request : 从浏览器带来的请求信息

// response : 从服务器返回给浏览器的信息

http.createServer(function(request, response){

response.writeHead(200, {'content-type': 'text/plain'}); // 设置头部信息，输出text文本

response.write('hello world'); // 输出到页面中的信息

response.end(); // 返回结束

}).listen(3000);

console.log('server has started...');

我们再次在终端输入node server.js运行，终端里会有输出 server has started… 的字样，表示服务器已创建并正在运行，然后我们在浏览器上访问127.0.0.1:3000，就

可以看到页面中输出了hello world。

二、二、form表单表单

刚才我们只是在页面中输出了一段简单的文本，现在我们要在页面中呈现一个表单，可以让用户输入信息并进行提交：

// server.js

var http = require('http');

http.createServer(function(request, response){

var html = '<html>\

<head>\

</head>\

<body>\

<form action="/" method="post">\

<p>username : <input type="text" name="username" /></p>\

<p>password : <input type="password" name="password" /></p>\

<p>age : <input type="text" name="age" /></p>\

<p><input type="submit" value="submit" name="submit" /></p>\

</form>\

</body>\

</html>';

response.writeHead(200, {'content-type': 'text/html'}); // 输出html头信息

response.write(html); // 将拼接的html字符串输出到页面中

response.end(); // 结束

}).listen(3000);

console.log('server has started...');

修改server.js中的内容，重新运行：

node server.js

刷新页面后，我们发现页面中输出了3个文本框和1个提交按钮。因为我们的程序只是呈现页面，并没有做任何其他的处理，因此在页面中提交数据只是刷新当前

页面。

注意：注意：我们每次修改node中的任何代码后，都要重新进行启动。

2.1 获取表单获取表单GET方式提交的数据方式提交的数据

我们上面的代码中使用的是POST方式，不过这里要先讨论使用GET方式提交过来的数据，我们先不考虑数据的安全性，只是学习如何获取使用get方式提交过来

的form表单数据，将post改为get，重新运行。

我们知道，使用get方式提交数据，会将数据作为URL参数传递过来，因此我们通过解析URL中的参数获取到数据，这里就用到了url模块中的方法：

// server.js

var http = require('http'),

url = require('url');

http.createServer(function(request, response){

var html = '<html>\

<head>\

</head>\

<body>\

<form action="/" method="get">\

<p>username : <input type="text" name="username" /></p>\

<p>password : <input type="password" name="password" /></p>\

<p>age : <input type="text" name="age" /></p>\

<p><input type="submit" value="submit" name="submit" /></p>\

</form>\

</body>\

</html>';

下载后可阅读完整内容，剩余5页未读，立即下载

weixin_38696143

粉丝: 1
资源: 957

Node.js入门教程：搭建HTTP服务器

从零学习node.js之搭建http服务器（二）.docx

基于node.js简单搭建即时聊天服务器

学习node.js，搭建博客 共17章

利用node.js本地搭建HTTP服务器

零基础之Node.js搭建API服务器的详解

vue_shop+node.js+搭建服务器

Node.js 搭建webSocket服务器

Vue.js与Node.js结合搭建前端服务器实战

零基础入门：Node.js搭建HTTP服务器实战教程（二）

Node.js快速搭建静态资源服务器

最新资源

学习node.js，搭建博客共17章