Node.js创建一个Express服务的方法详解

在node.js官网下载好node的Windows版本后一路下一步安装好了node,新建一个server.js文件,开始第一个node文件。首先在文件开头需要使用require包含所需要的模块,然后利用http.createServer创建一个server,并执行回调函数。在回调函数内对请求req进行处理,并返回res结果。

利用url的parse方法将req请求中的url转换为json后,得到其中的请求文件名pathname。然后利用fs的readFile方法读取文件,在回掉函数中进行错误判断并设定文件头的状态码以及"Content-Type",之后将文件写入res返回。最后记得在createServer的回掉方法内结束res.end();

在文件最后调用server.listen();一直监听localhost的3000端口。

启动node服务,在文件夹内通过控制台输入:node server.js。打开浏览器的localhost:3000/index.html,通过server.js访问index.html页面内容。  

const http=require('http'); const url=require('url'); const fs=require('fs'); //1、创建server let server=http.createServer((req,res)=>{ //2、获取网页请求的文件路径 let pathname=url.parse(req.url).pathname; //3、利用fs读取文件 fs.readFile(pathname.substring(1),function (err,data) { if (err){ //有错误err,文件未找到,返回状态404 res.writeHead(404,{ "Content-Type":"text/html" }); }else{ //否则正常,设定返回状态为200 res.writeHead(200,{ "Content-Type":"text/html" }); res.write(data.toString()); //将找到的文件写入返回 } res.end(); //在函数readFile()内关闭链接 }); }); //4、让server一直监听localhost的3000端口的请求 server.listen(3000,'localhost');

2、Node请求数据

Node作为服务器有时候还需要请求其他服务器的数据,此时node就成了“客户端”了,通过HTTP的get方法可以对指定的网址接口进行api调用、数据请求,例如:

const http=require('http'); //利用HTTP请求第三方接口服务 http.get('http://www.imooc.com/u/card',(res)=>{ let data=''; res.on('data',(temp)=>{ //检测到数据,追加到data中 data+=temp; }); res.on('end',()=>{ //检测到数据传输结束,控制台输出数据 console.log(data); }); });

在get的回调函数中对res进行处理,如果有数据传输on('data'),则将temp追加到data,如果传输完成on('end'),则进行相关处理。

3、搭建Express框架 ①、安装Express

Node安装之后自带npm软件包管理工具,通过npm命令可以获取npm平台上的插件、软件,由于被墙,国内可以使用淘宝镜像进行安装,通过以下命令设置,就可以使用cnpm代替npm了。

npm install -g cnpm --registry=https://registry.npm.taobao.org

通过cnpm全局安装express框架:

cnpm install -g express-generator

安装完成后可以通过express --version来查看express版本。

②、初始化项目

通过express命令来初始化一个服务框架:express server,之后就可以看到生成了一个server文件夹。

Node.js创建一个Express服务的方法详解

其中bin/www.js用于创建一个HTTP的服务器并且启动、监听某个端口,一般不用修改。public文件夹用于存放img、js、css等静态文件,routes文件夹存放路由js文件。view中存放视图文件,默认提供的是用jade类型文件。app.js文件中设置视图及通过app.use()调用相关模块。例如:

//app.js文件内指定根目录 var index = require('./routes/index'); app.use('https://www.jb51.net/', index); //index.js文件内渲染index页面 router.get('https://www.jb51.net/', function(req, res, next) { res.render('index', { title: 'Express' }); });

首先在app.js内将网站的根目录指定为routes下的index.js文件,在index.js中调用router.get方法请求view下的视图文件,在回调函数render中渲染index.jade界面,从而当你在浏览器输入localhost:3000时会默认显示view/index.jade页面。

express官方提供.jade文件作为网页默认视图,因此如果需要使用html则需要进行配置:

首先通过cnpm install ejs --save安装ejs插件,然后在app.js文件中view engine setup下进行配置引擎:

Node.js创建一个Express服务的方法详解

之后在views文件夹下删除原有.jade文件,新建你想要展示的index.html文件即可。例如:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>express index</title> </head> <body> <h1>Express</h1> <p>Welcome use express in HTML</p> </body> </html>

3、启动Express,在server所在文件夹下执行命令:node bin/www,在浏览器localhost:3000显示为:

Node.js创建一个Express服务的方法详解

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/efcccd87f984db1a042b373bfb520a72.html