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

来源：本站原创|时间：2020-01-10|栏目：JavaScript|点击：次

本文实例讲述了Node.js创建一个Express服务的方法。分享给大家供大家参考，具体如下：

1、创建一个HttpServer服务端

在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文件夹。

其中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('/', index);
//index.js文件内渲染index页面
router.get('/', 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下进行配置引擎：

之后在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程序设计有所帮助。

上一篇：vue项目中在可编辑div光标位置插入内容的实现代码

栏目：JavaScript

下一篇：vue实现数据控制视图的原理解析

本文标题：Node.js创建一个Express服务的方法详解

本文地址：https://www.xiuzhanwang.com/a1/JavaScript/9285.html

更多JavaScript

JavaScript

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

1、创建一个HttpServer服务端

2、Node请求数据

3、搭建Express框架

①、安装Express

②、初始化项目

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读