GoogleのOAuth認証をしてみよう with MEAN.I

stfuawsc_itg_day17.md

GoogleのOAuth認証をしてみよう with MEAN.IO

これは stfuawsc_itg Advent Calendar 2014 17日目の記事です。

前回までのstfuawsc_itg Advent Calendar 2014

• MEAN.IOを導入
• これで簡単にWebアプリ作れるかもね

今回ﾔﾘﾀｶｯﾀｰこと

• GoogleのAPIたたけないかな
• 良さそうなもの見つけた
  • https://www.npmjs.com/package/google-calendar
• なにやらnode.jsのpassportを使ってGoogleカレンダーのAPIたたけるっぽい
• そのまえに、OAuthの認証をしないといけないっぽい

ぽいぽいー

そんなこんなで、前回導入したMEAN.IOのアプリケーションから
googleのOAuth認証を通すまでの経緯をまとめてみました。

色々と調べてみたんですが、MEAN.IO導入すれば これまた簡単にできました、はい。

OAuth認証をしてみる

前回導入したMEAN.IOのひな形をよくよく見たら

• Google
• Twitter
• Github
• Facebook
• Linkedin

などの主要なWebサービスのOAuth認証に必要なものもすべて入っていた模様。

ソース追っかけてみたところ、プロジェクトディレクトリ内の config\env\development.js へ認証情報を書き込めばすぐにでも、OAuth認証できるようになります。 OAuth認証、あります。

GoogleのOAuth認証を通すまでの4ステップ

• GoogleのAPIが叩けるようにしよう

  • 参考：http://codezine.jp/article/detail/7977

• configディレクトリ内の該当のjsファイルに設定情報を書こう

  • 上の情報を書き込むだけ
  • 

• Webアプリケーションを更新しよう

• 認証を通してみよう

• 終了

結果

いままでのログイン時の画面はこうでしたが、、

認証情報入れた途端こうなった

押したら認証されました。めでたしめでたし。

まとめ

• SNS認証も簡単にできましたね。
• 来週はGoogleのAPI叩いてみたいですね。