Express3とPassportを触りつつGruntでサーバもブラウザもLivereloadするサンプルプロジェクト

March 19, 2014

express3_passport-google-example Node.js のフレームワークexpress上で認証ライブラリのPassportpassport-googleモジュールのサンプルプロジェクトを試そうとしたら、動かなかったので動くように修正したメモ。PullRequest 送ろうかと思ったけど、僕の趣味でHandlebarsとかを勝手に選んだのでやめた。

サンプルプロジェクトが動かなかった理由

Express のバージョンが Express2 で古かったからだけど今更古いのを使うメリットがないので Express3 で動かしたかった。

元のプロジェクトからの変更点

Express3 用に書きなおしたのと開発環境を Grunt で整えた。

  • Express3 から使えなくなったメソッドの修正
  • Express3 で ejs の共通テンプレート機能が廃止されたそうなので、express3-handlebarsを使ってみた
  • Grunt でファイルの修正を監視し変更があればサーバとブラウザをリロード

    • 普通にやったらサーバの再起動がブラウザのリロードより遅くてページが表示されないのを修正
  • node-inspector でのリモートデバッグ

    Grunt や node-inspector が入って無ければ

    $ npm install -g grunt-cli node-inspector

    リポジトリからクローン

    $ git clone git@github.com:snize/express3_passport-google-example.git

    依存関係を解決

    $ npm install

    デバッグしたければ別窓で node-inspector を起動

    http://127.0.0.1:8080/debug?port=5858 にアクセス

    $ node-inspector

    サーバを起動

    $ grunt

snize/express3_passport-google-example 以上、次はrendrjs/rendrをさわってみたい。


Profile picture

Webのフロントエンドからバックエンド、プロトタイピングからプロダクションまで。定額の開発サービスも。詳しくはAboutページで。