Express安装与调试

Express 是基于Node.Js平台,快速、开放、极简的 web 开发框架。

1.安装

Express的安装通过cmd来进行,过程如下:

首先,先在本地建立一个项目文件夹,取名Nodejs

然后通过cmd输入安装命令:npm init

在name的地方输入express_test(这个名称随意)

然后输入“Yes

这个时候你的项目文件中就会多一个package.json文件。

打开这个文件,你会看到一些应用的名字。

现在可以安装Express了。

在cmd中输入npm install express --save 回车,就可以在线下载了。项目文件中就会多一个“node_modules”的文件夹,这就说明安装成功了。

到此为止,Express安装成功。

2.调试

接下来就是建立一个比较系统的目录结构了。

我是这样建立的,可以作为一个参考:

新建index.js作为程序的入口,在index.js中引用Express。

首先需要搭建一些环境,参考代码如下:

var express = require('express');//引用下载的express
var app = express();//创建server
var port = 3000;//server需要增添的端口

app.use("/",express.static("static"));//static文件夹映射到根目录(express唯一自带的中间键)

//请求的方法post & get
//处理链接,并返回相应的数据  
//(客户端看不到,在服务器端处理)调试的话用npm install -g node-inspector命令
//运行node-inspector
app.post("/api/json",function(req,res,next){
    res.send(JSON.stringify({
        id:1,
        content:"this is a json content"
    }))
});

app.get("/api/script", function(req,res,next){
    res.send("alert('get a script')");
});

app.get("/api/html",function(req,res,next){
    var html= function(){
        /*<a href="#">this is a html text content</a>*/
    }
    res.send(html.toString().replace("function(){/*","").replace("*/}",""));
});

// app.all("/api/*",function(req,res,next){
//     res.send("abc")
//     next();
// })

app.listen(port);
console.log('web start at port:' + port);

环境搭建成功后,需要通过命令行来启动。

在cmd中输入:node index.js

这个时候输出内容如下:

这个时候在浏览器输入localhost:3000就可以看到你项目中的index.html文件了。

需要注意的是,在index.js中所有的调试在客户端是看不到的,因为它是服务器脚本,整个过程都在服务器端运行。那么如何才能看到这个调试过程呢?

我们需要的是安装node-inspector。

在cmd中输入:npm install -g node-inspector

安装成功后出现下面的界面:

运行:在cmd输入 node-inspector

正常情况下应该返回这样的代码:

因为node inspector默认的是8080端口,而我本地的8080端口已经被占用,就会报错:

解决的办法很简单,只要修改node-inspect的默认借端口就可以了。

在cmd中输入:node-inspector --web-port=8099

这里的8099就是你要修改的端口号,请改成你自己预设的端口号即可。

接着用node inspector返回的网址(http://127.0.0.1:8099/?port=5858)就可以轻松调试node server中的代码了。

具体做法是在cmd中输入需要调试的文件名:node --debug index.js (这里调试的是index.js)

然后在刚才的网址的浏览器控制台就能看到服务器中的页面了。

原文地址:https://www.cnblogs.com/hanmoo/p/6040295.html