前端可以搭任何喜歡的前端框架,例如vue.js/angular/react.js,
因此後端就只要負責與前端透過REST API溝通,
REST API的理論就不多說明了,直接記錄在node.js express如何實作
Messages REST APIs
要實作對應的CRUD動作在express是非常容易的,一樣對應post/get/put/delete的http method即可。在routers一樣新增先前說過的router js檔: api.js
/*簡單的api範例*/ var express = require('express'); var router = express.Router(); //所有訊息 router.get('/messages', function(req, res) { res.json({ message: "Hello Message!!" }); }); //單一訊息 //使用網址path的方式,帶入指定物件的id router.route('/messages/:id') .get(function(req, res) { res.json({ id: req.params.id, // 以req.params.id 取得參數 message: 'The get api for messages: ' + req.params.id }) }) .post(function(req, res) { res.json({ id: req.params.id, message: 'The post api for messages: ' + req.params.id }) }) .put(function(req, res) { res.json({ id: req.params.id, message: 'The put api for messages: ' + req.params.id }) }) .delete(function(req, res) { res.json({ id: req.params.id, message: 'The delete api for messages: ' + req.params.id }) }); module.exports = router;
載入 api.js
記得在app.js載入剛新增的api.js routerapp.use('/api',api);
測試api
如果是get的api你可以使用瀏覽器測試,完整測試可以下載postman這個api chrome外掛
{"id":"1","message":"The get api for messages: 1"}
參考
http://blog.techbridge.cc/2016/04/23/fast-restful-nodejs-api-backend/http://hzchirs-blog.logdown.com/posts/212065-build-restful-web-api-by-using-nodejs-and-express4
https://www.codementor.io/olatundegaruba/nodejs-restful-apis-in-10-minutes-q0sgsfhbd
沒有留言:
張貼留言
留個話吧:)