Ubuntu下用webstorm开发Nodejs(二)

一、nodejs+express开发项目

package.json文件包含了应用程序的基本信息。其中“dependencies”部分描述了你想安装模块的名称和版本。该案例，接受Express 4.16.0版本,你可以在该部分列出你想要的所有依赖。如果你想安装其他的依赖模块，类似安装express一样，可以在dependencies中定义你的模块名称和版本，执行npm install即可安装,一旦找到，即可安装所列出的所有依赖。

2.一旦npm安装依赖包完成，项目根目录下会出现node_modules的子目录。项目配置所需的express包都存放于这里。

说明：还有更简单的操作方式，直接输入命令：npm install express，会出现如下画面直到安装完成
在这里插入图片描述

3.进行GET请求调用
app.js是这个项目的入口文件，通过router转发GET请求进行

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var bodyParser = require('body-parser');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
// var creaeteaccountRouter = require('./routes/create-accout');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// parse application/json
app.use(bodyParser.json());

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/hello', usersRouter);
// app.use('/createaccout', creaeteaccountRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

app.listen(3333);
console.log('Listening on port 3333');
module.exports = app;

进入router/index.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

可以看到通过router.get发起get请求，返回结果如下

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

4.进行POST请求调用

进入router/user.js,修改user.js为如下内容

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.post('/', function(req, res, next) {
  res.send('respond with a resource');
});

module.exports = router;

返回结果为

respond with a resource

二、安装postman调试工具

1.下载postman，链接: https://pan.baidu.com/s/1PbWBxs8_15jiT0DEOsBSMg 提取码: 2f9v

2.解压安装

sudo tar -xzf 2018Postman-ubuntu-x64-6.2.7.tar.gz

此时，在当前目录出现一个Postman文件夹。

启动Postman

./Postman/Postman

3.创建启动图标每次进入Postman目录很不方便，可以创建一个启动项。
建立软链接

  sudo ln -s  /home/c/Downloads/Postman/Postman   /urs/bin/postman    (前面地址为安装目录，后面软链接地址)

创建启动项文件

 sudo vim  /urs/share/applications/postman.desktop

写入：

     [Desktop Entry]     
      Encoding=UTF-8    
      Name=Postman    
      Exec=/urs/bin/postman          
      Icon=/home/c/Downloads/Postman/Postman/app/assets/icon.png   
     Terminal=false     
     Type=Application     
     Categories=Development;

在dash里就可以搜索到Postman。

三、调试GET请求和POST请求
1.启动nodejs

在ubuntu终端输入命令

node app.js

终端看到日志输出

Listening on port 3333

2.打开postman
在这里插入图片描述

Ubuntu下用webstorm开发Nodejs(二)

猜你喜欢