前端工程师的简易后台工具

前端工程师的简易后台工具

 

一个简易的后台，可以极大地方便前端的开发调试

 

1. 下载并安装NodeJS  （建议用4.4.5版本， 它的配件比较稳定）（它会附带安装npm)， 地址： https://nodejs.org/zh-cn/

检查版本：

$Node -v

4.4.5

 

更新npm到4.2.0

$） npm update -g npm@4.2.0

 

(约定： 以“$）”开头的命令都表示要在DOS窗口里面执行， 而其以项目所在的目录为当前目录）

 

2 建立Node Sever项目（用WebStorm）

   在WebStorm里面， 用File| New | Project 打开新项目对话框，

   选择：  ”Node.js Express App"

   按 Create

就会建立一个服务器框架， 使用了Node Express，

 

这个服务器框架使用3000端口， 定义了2个url： （以下假设域名是localhost）

  http://localhost:3000/

  http://localhost:3000/users

 

3. 启动服务器：

  $)node  bin\www

 

4. 打开页面，验证显示的内容：

  http://localhost:3000/

  http://localhost:3000/users

 

其中http://localhost:3000/users是一个返回字符串的url， 可以返回json字符串

 

5. 修改users.js文件， 以使得上述url调用能够返回一个jason字符串化的用户资料数组

[{"name":"zhang san","age":18},{"name":"li si","age":19}]

 

修改部分如下：

router.get('/', function(req, res, next) {

    var data = [

            {name: "zhang san", age: 18},

            {name: "li si", age: 19},

        ],

 

        msg = JSON.stringify(data);

 

    res.send(msg);

});

 

附录： 常用命令npm，gulp