oauth-jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

ソーシャルなサービスが増えるのに伴ってOAuthプロバイダーはどんどん増えています。OpenIDと違って、同じ仕様で全てがこなせないのが辛いところです。そこで使ってみたいのがOAuthをまとめてくれるOAuth.ioで、さらにそれを簡単にしてくれるのがoauth-jsです。

[![](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.07_thumb.1375322726.png)](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.07.1375322726.png)
デモの画面です。70を越えるプロバイダが利用できます。

[![](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.15_thumb.1375322731.png)](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.15.1375322731.png)
ポップアップ版による実装です。

[![](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.24_thumb.1375322735.png)](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.24.1375322735.png)
ウィンドウが閉じるとデモの画面でトークンが表示できています。

[![](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.32_thumb.1375322741.png)](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.35.32.1375322741.png)
GitHubなどもポップアップにできます。

[![](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.36.31_thumb.1375322745.png)](http://images.moongift.jp/2013/08/Screenshot 2013-07-24 9.36.31.1375322745.png)
プロバイダによって多少のデータフォーマットの違いはありますが、概ね同じ形のようです。

oauth-jsを使うとリダイレクト方式とポップアップ方式を簡単に切り替えて使えます。いずれの形にしてもサーバサイドの仕組みを必要とせずOAuth認証が使えるのは便利ではないでしょうか。

MOONGIFTはこう見る

OAuthプロバイダが増えすぎると開発する方としては取捨選択しなければならなくなります。そうすると大抵ユーザ数の多いFacebook、TwitterそしてGoogle+の利用くらいになってしまうでしょう。個々の作り込み、設定は意外と面倒です。

OAuth.ioはそれらを一つにまとめてくれる面白い仕組みです。しかし簡易的になったらなったで、さらにちょっとした開発すら面倒に感じてしまうものです。そこでoauth-jsを使うとほぼデザインだけで済んでしまうくらい手軽になります。どんどん仕組みが簡単になっていくのはとても面白いですね。

OAuth.io - Demo

oauth-io/oauth-js