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

网络编程 2024/9/22 佚名

3 1 2

本文实例讲述了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程序设计有所帮助。

Node.js,创建Express服务

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“Node.js创建一个Express服务的方法详解”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年09月22日