首页 / NODEJS / 进阶之初探nodeJS

进阶之初探nodeJS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了进阶之初探nodeJS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6054字，纯文字阅读大概需要9分钟。

内容图文

一、前言

在"初探nodeJS"随笔中，我们对于node有了一个大致地了解，并在最后也通过一个示例，了解了如何快速地开启一个简单的服务器。

今儿，再次看了该篇随笔，发现该随笔理论知识稍多，适合初级入门node，固萌生一个想法--想在该篇随笔中，通过一步步编写一个稍大一点的node示例，让我们在整体上更加全面地了解node。

so，该篇随笔是建立在"初探nodeJS"之上的，固取名为"进阶之初探nodeJS"。

好了，侃了这多，那么我们即将实现一个什么样的示例呢？

示例说明，如下：

用户通过url之127.0.0.1/login进入登入页面，待用户输入账户名后（密码选项输不输都无所谓，只是为了页面合理），点击提交，进入home页面。

node服务端，怎么处理的呢？通过URL判断，当为/login时，服务端读取login.html的内容，并将其传递到前端显示；当为/home时，服务端读取home.html的内容，并将login.html中提交的账号名与home.html中的模板替换，最后将结果传递到前端显示。

大体流程，如下：

进阶之初探nodeJS - 文章图片

示例最终实现效果，如下：

进阶之初探nodeJS - 文章图片

好了，了解示例需求，下面我们就一起来一步一步实现上述Demo吧。

二、前端文件准备

要实现上述效果，我们首先简单地准备两个页面login.html、home.html以及一张贺岁图片，显而易见，供接下来node读取它们并将它们呈现到浏览器中，使用。

在上述说明中，已讲过node服务器是通过路由来判断，加载哪张页面，固我们将login.html中form的action写作'./home'，以达到我们的目的，请求方式嘛，使用的当然是post咯。

且，因为我们要将在login.html中填写的账户名动态地与home.html结合，固home.html中的“称呼”位置，不能写死，因此我们利用{name}来占位，随后利用node动态替换。

好了，简易编写的login.html、home.html以及贺岁图，如下：

<!DOCTYPE html>
<head>
 <meta charset="utf-8">
 <style>
 form {
 text-align:center;
 }
 </style>
</head>
 <body>
 <form action="./home" method="post">
 账户：<input type="text" name="name"/><br/>
 密码：<input type="password" name="password"/><br/>
 <input type="submit" value="提交"/>
 </form> 
 </body>
</html>

login.html

<!DOCTYPE html>
<head>
 <meta charset="utf-8">
 <style>
 body {
 text-align:center;
 }
 span {
 color: blue;
 }
 </style>
</head>
 <body>
 <div>
 <span>{name}</span>,新de一年，一定要开心哦~
 </div>
 <img src="./getPic"/> 
 </body>
</html>

home.html

进阶之初探nodeJS - 文章图片

三、编写node服务

上述中，我们所需要的前端文件已经准备完毕，接下来就是通过node来编写服务，将它们串联起来咯。

首先，我们搭建一个主文件，取名为main.js吧，作用不言而喻，主入口嘛，如果我们在代码编写完毕后，想要启动服务，就node main.js就OK咯。

如下：

'use strict';
var http = require('http');
var server = http.createServer();
server.on('request',function(req, res){
 //排除favicon.ico请求
 if(req.url != '/favicon.ico'){
 //TODO
 }else{
 res.end();
 }; 
}).listen('80');
console.log('Server running!');

接着，我们就一起来逐步完善这个主文件。

在“前言”中我们提过，当一个请求来到服务中，我们采取获取URL的路径，来判断接下来的操作，已到达降低耦合性的目的。

所以，在主程序中，我们得利用url这个模块，来获得url中的相关路径，并通过正则来得到第一个路径名，通过接下来的路由模块，处理。

如下：

'use strict';
var http = require('http');
var url = require('url');
var server = http.createServer();
server.on('request',function(req, res){
 if(req.url != '/favicon.ico'){
 //获取路径
 let pathname = url.parse(req.url).pathname;
 pathname = pathname.match(/\w+/)[0];
 //router具体，待写...
 router[pathname](req, res);
 }else{
 res.end();
 }; 
}).listen('80');
console.log('Server running!');

好了，接下来，我们就一起来编写router这个模块吧。

在我们示例中，router无外乎就是处理login、home以及图片请求getPic，所以，我们将router模块基本骨架，暂定如下：

'use strict';
var router = {
 login: function(req, res){
 //TODO 
 },
 home: function(req, res){
 //TODO
 },
 getPic: function(req, res){
 //TODO
 }
};
module.exports = router;

且，我们发现login、home以及getPic这三个操作，有很多共通之处，如都会读取服务端本地文件，以及将读取的文件，写入响应体中，固我们将这些操作提取出来，作为operation模块。

在operation模块中，我们需要使用到node内置'fs'这个模块来读取文件，'fs'模块我们将会用到如下方法：

1、fs.readFileSync--同步读取文件

2、fs.readFile--异步读取文件

3、fs.writeFileSync--同步写入文件

4、fs.writeFile--异步写入文件

需要注意的是，读取图片也就使用的fs.readFileSync/fs.readFile，不过就是第二个参数还需加上'binary'，二进制嘛。

'use strict';
var fs = require('fs');
var operationFile = {
 readFileSync: function(path, callback){//同步读取文件
 let data = fs.readFileSync(path, 'utf-8');
 syncOperation(callback, data, '同步读取文件完毕');
 },
 readFileAsync: function(path, callback){//异步读取文件
 fs.readFile(path, function(err, data){
 asyncOperation(err, callback, data, '异步读取文件成功');
 }); 
 },
 writeFileSync: function(path, data, callback){//同步写入文件
 fs.writeFileSync(path, data);
 syncOperation(callback, null, '同步写入文件完毕'); 
 },
 writeFile: function(path, data, callback){//异步写入文件
 fs.writeFile(path, data, function(err){
 asyncOperation(err, callback, null, '异步写入文件完毕');
 });
 },
 readImg: function(path, callback){//异步读取图片
 fs.readFile(path, 'binary', function(err, file){
 asyncOperation(err, callback, file, '异步读取图片完毕');
 });
 } 
};
function syncOperation(callback, data, msg='操作成功'){
 if(typeof callback === 'function'){
 callback(data);
 }else{
 console.log(msg);
 } 
}
function asyncOperation(err, callback, data, msg='操作成功'){
 if(err){
 console.log(err);
 }else if(typeof callback === 'function'){
 callback(data);
 }else{
 console.log(msg);
 } 
}
module.exports = operationFile;

operation模块

另外，我们在login.html中提交表单时，使用到了post请求，那么在node服务中应该怎么接收传来的实体呢？

node是采用的监听'data'来接收post方法实体信息，通过'end'来监听接收信息完毕事件。

而，node接收get请求参数就没这么复杂，直接获取url后的查询字符串即可。

好了，我们将获取post、get请求参数，也写为一个模块，取名为getQuery，如下：

'use strict';
var url = require('url');
var querystring = require('querystring');
module.exports = {
 fromGet: function(req, res, callback){
 var data = url.parse(req.url, true).query;
 callback(data); 
 },
 fromPost: function(req, res, callback){
 var data = '';
 req.on('data', function(chunk){
 data += chunk;
 });
 req.on('end', function(){
 data = querystring.parse(data);
 callback(data);
 });
 }
};

getQuery模块

最后，就是在router模块中，引入operation、getQuery模块，完善login、home以及getPic方法咯。

在这里需要注意的是getPic方法，因为是处理的图片，所以响应头得写成'image/jpeg'，如下：

res.writeHead(200, {'Content-Type':'image/jpeg'});

好了，大致思路已理清，详细代码请见github.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

内容总结

以上是互联网集市为您收集整理的进阶之初探nodeJS全部内容，希望文章能够帮你解决进阶之初探nodeJS所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/346521.html

来源：【匿名】

【上一篇】初探nodeJS 【下一篇】node.js和php的区别有哪些？

更多 ►

【进阶之初探nodeJS】教程文章相关的互联网学习教程文章

Nodejs进阶：基于express+multer的文件上传【代码】

安装组件npm install express multer --save服务端代码server.jsvar Express = require(‘express‘); var multer = require(‘multer‘); var bodyParser = require(‘body-parser‘); var app = Express(); app.use(bodyParser.json()); // multer 提供了 storage 这个参数来对资源保存的路径、文件名进行个性化设置。var Storage = multer.diskStorage({destination: function (req, file, callback) {callback(null, "./Images...

Nodejs基础（5-6）HTTP概念进阶【代码】

1、什么是回调? 是异步编程最基本的方法，对于nodejs来说需要按顺序执行异步逻辑的时候一般采用后续传递的方式，也就是将后续逻辑封装在回调函数中作为起始函数的参数逐层去嵌套。通过这种方式来让程序按照我们期望的方式走完整个流程。2、什么是同步/异步？同步就是执行一个任务，后一个任务等待前一个任务执行完再执行。程序的执行顺序和任务的排列顺序是一致的。浏览器中的js是单线程的，是按顺序执行的，虽然js文件可以并行下载...

nodejs进阶3-路由处理【代码】【图】

1. 路由选择过程处理不同的HTTP请求在我们的代码中是一个不同的部分，叫做“路由选择”。那么，我们接下来就创造一个叫做路由的模块吧。我们需要查看HTTP请求，从中提取出请求的URL以及GET/POST参数。 url.parse(string).query|url.parse(string).pathname || || |------ ------------------- http://localhost:8888/start?foo=bar&hello=world--- ...

Nodejs进阶核心模块net入门学习与实例讲解

模块概览net模块是同样是nodejs的核心模块。在http模块概览里提到，http.Server继承了net.Server，此外，http客户端与http服务端的通信均依赖于socket（net.Socket）。也就是说，做node服务端编程，net基本是绕不开的一个模块。从组成来看，net模块主要包含两部分，了解socket编程的同学应该比较熟悉了：net.Server：TCP server，内部通过socket来实现与客户端的通信。net.Socket：tcp/本地 socket的node版实现，它实现了全双工的s...

Nodejs进阶：基于express+multer的文件上传

环境初始化非常简单，一行命令。npm install express multer multer --save每个示例下面，都有下面两个文件? upload-custom-filename git:(master) ? tree -L 1.├── app.js # 服务端代码，用来处理文件上传请求├── form.html # 前端页面，用来上传文件基础例子：单图上传完整示例代码请参考这里。app.js。var fs = require(fs); var express = require(express); var multer = require(multer)var app = express(); var up...

Nodejs进阶：基于express+multer的文件上传实例

概览图片上传是web开发中经常用到的功能，node社区在这方面也有了相对完善的支持。常用的开源组件有multer、formidable等，借助这两个开源组件，可以轻松搞定图片上传。本文主要讲解以下内容，后续章节会对技术实现细节进行深入挖掘。基础例子：借助express、multer实现单图、多图上传。常用API：获取上传的图片的信息。进阶使用：自定义保存的图片路径、名称。环境初始化非常简单，一行命令。npm install express multer multer -...

Nodejs进阶：核心模块net入门与实例讲解

Nodejs爬虫进阶教程之异步并发控制_node.js【图】

之前写了个现在看来很不完美的小爬虫，很多地方没有处理好，比如说在知乎点开一个问题的时候，它的所有回答并不是全部加载好了的，当你拉到回答的尾部时，点击加载更多，回答才会再加载一部分，所以说如果直接发送一个问题的请求链接，取得的页面是不完整的。还有就是我们通过发送链接下载图片的时候，是一张一张来下的，如果图片数量太多的话，真的是下到你睡完觉它还在下，而且我们用nodejs写的爬虫，却竟然没有用到nodejs最牛逼...

node.js中Socket.IO的进阶使用技巧_node.js

在上一篇博文Socket.IO中，我简要介绍了Socket.IO的基本使用方法并创建了一个简单的聊天室DEMO。本篇在入门篇的基础上，继续探讨Socket.IO的进阶用法。本篇将从配置、房间、事件等方面入手，介绍一些Socket.IO中实用的API和注意事项。 1. 配置 Socket.IO提供了4个配置的API：io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置，io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的...

Node.js进阶之核心模块https入门

模块概览这个模块的重要性，基本不用强调了。在网络安全问题日益严峻的今天，网站采用HTTPS是个必然的趋势。在nodejs中，提供了 https 这个模块来完成 HTTPS 相关功能。从官方文档来看，跟 http 模块用法非常相似。本文主要包含两部分：通过客户端、服务端的例子，对https模块进行入门讲解。如何访问安全证书不受信任的网站。（以 12306 为例子）篇幅所限，本文无法对 HTTPS协议及相关技术体系做过多讲解，有问题欢迎留言交...

Nodejs进阶之服务端字符编解码和乱码处理

写在前面在web服务端开发中，字符的编解码几乎每天都要打交道。编解码一旦处理不当，就会出现令人头疼的乱码问题。不少从事node服务端开发的同学，由于对字符编码码相关知识了解不足，遇到问题时，经常会一筹莫展，花大量的时间在排查、解决问题。文本先对字符编解码的基础知识进行简单介绍，然后举例说明如何在node中进行编解码，最后是服务端的代码案例。本文相关代码示例可在这里找到。关于字符编解码在网络通信的过程中，...

Nodejs进阶：express+session实现简易登录身份认证

文档概览本文基于express、express-session实现了简易的登录/登出功能，完整的代码示例可以在这里找到。环境初始化首先，初始化项目 express -e然后，安装依赖。 npm install接着，安装session相关的包。 npm install --save express-session session-file-storesession相关配置配置如下，并不复杂，可以见代码注释，或者参考官方文档。 var express = require(express); var app = express(); var session = require(express-ses...