MEANスタック ガンマン時計

WebAP の MEANスタックで、ガンマン時計です。

MEANスタック ガンマン時計

ガンマン時計 (@heroku)

M(MongoDB)、E(express)、A(Angular)、N(Node.js) で構成するWebAPを、 MEANスタックと言うそうです。

  • フロントはAngular。
    buildして Node.js のサーバとなり動作します。
    クライアントで実行をするJavaScriptを生成します。
    ブラウザ側にdownloadして動作し、 ユーザの入出力(ブラウザインタフェース)を管理します。
  • バックエンドは Express+MongoDBです。
    こちらも Node.jsのサーバ。
    今回は、RESTのAPIを実装しました。
    MongoDBは、JSONをそのまま読み書きできるデータベースで、 扱いやすい。

【フロント angular】

github

herokuで公開

【バックエンド express+MongoDB】

github

herokuで公開

仕様 : REST-API (CURLアクセス例)
  • GET (get all)
    • $ curl -X GET https://gunclock-api-express.herokuapp.com/gunclock
  • GET (get one)
    • $ curl -X GET https://gunclock-api-express.herokuapp.com/gunclock/5e508050de797e6001faa558
  • POST (create)
    • $ curl -X POST https://gunclock-api-express.herokuapp.com/gunclock -H 'Content-Type:application/json' -d '{ "color":"#ffcccc", "size": "15" }'
  • PUT (update one)
    • $ curl -X PUT https://gunclock-api-express.herokuapp.com/gunclock/5e508050de797e6001faa558 -H 'Content-Type:application/json' -d '{ "color":"#ccffcc", "size": "20" }'
  • DELETE (delete one)
    • $ curl -X DELETE https://gunclock-api-express.herokuapp.com/gunclock/5e50817cde797e6001faa559

[ ガンマンのページへ戻る ]