サーバーサイド

Tweet

angularって何でも揃っているイメージだったので、てっきりバックエンドもangularで作れるのかなと期待したけど甘かった。
サーバーサイドは、別で作る必要がある。

サーバーサイドはぶっちゃけ、restfulAPIが作れるなら何でもよい。
djangoはdjango rest frameworkというのがあるらしく、pythonで作ることもできる。

しかし。
angularはjavascriptなのに、バックエンドはpythonというのはちょっと気持ち悪い。
できればオールjavascirpt、さらに言えばオール typescriptでやりたい。

そんなときはnodeのデファクトスタンダードとも言える、expressを使って作りたいところ。
さぁ、今からexpress始めるか…。

インストール

以下のコマンドを実行して、動作させるのに必要なモジュールをインストールする。

npm init
npm install -save express
npm install -save ejs
npm install -g express-generator
express -e ex-gen-app
cd ex-gen-app
npm install
npm install --save express-session
npm install --save mysql
npm install --save knex
npm install --save bookshelf

DBのオブジェクトマッパーがkenxとbookshelf。

実行

npm start

http://localhost:3000
にアクセスして以下の画面が表示されたらOK。

SSR

サーバーサイドレンダリング。
ReactではNext、VueではNuxtを使うみたい。
多分だけど、djangoみたいにサーバーでHTMLを作って表示するような形式のこと。
angularの場合はunivasalで出来る模様。