刘贵学博客

夯实Vue系列 Demo 7 RESTful Server

从Demo1 到 Demo6 主要讲了使用Vue构建Web程序的前端实现方法,后端没有任何涉及。

从本例开始,我们将介绍 现代web应用程序的 后端编程方法。

API 接口方式

目前比较常用的API 接口方式有三种:

  • SOAP
  • JSON-RPC
  • RESTful

    三种协议各有优势,但 RESTful 更简单通用,本例将采用 Express 来实现一个 RESTful 服务程序。

    关于RESTful详情介绍本文将不再展开,请参考: RESTful 架构详解

环境安装

Express 中有个模块 express-rest :

npm install --save-dev express-rest

express-rest 使用方法 详见: npm express-rest

实现

1. 增加rest功能到 Express

/build/dev-server.js 中已经新建了一个 Express的实例app,我们只需要把 rest服务增加给app即可。

2. restful-server.js 代码架构

3. get 实例

  rest.get('/api/todo', function(req, rest) {
    rest.ok(records);
  });

使用 Postman工具 测试 服务

代码参考

本文中的所有代码,请参考:

https://coding.net/u/guixue/p/vue-starter/git/commit/b12c0ed4936427073fd9a