opensocial-jqueryを使ってgooホームガジェットを作ろうとしてみた-OAuth認証-

@nakajimanさんに、gooホームならOAuth認証を使えると教えてもらったので、gooホームにコンテナを移す事に。
mixiアプリよアディオス！

認証までなら、ExampleFriendFeedOAuthの通りにやればできます。

認証完了までに、知ったこと。メモ〆

twitterでOAuthを使う方法（その１：認証まで）ここで、OAuth認証の一連の流れを把握。図もあってわかりやすかった。
OAuthを使用するためにはhttp://twitter.com/oauth_clientsで登録を行う。
登録に必要な項目のCallback URLには、ガジェットxmlのURL。
ここで登録後にもらえるConsumer key, Consumer secretは後で使用する。

ガジェットxmlにOAuthのサービスを追加

<OAuth>
      <Service name="twitter">
        <Request url="http://twitter.com/oauth/request_token" param_location="uri-query" />
        <Authorization url="http://twitter.com/oauth/authorize" />
        <Access url="http://twitter.com/oauth/access_token" param_location="uri-query" method="GET" />
      </Service>
</OAuth>

OAuthの追加場所は/ModulePrefs/配下
/ModulePrefs/OAuth/Service@nameは’twitter’以外だと、動かなかった(oauthApprovalUrlを取得出来なかった)ので固定なのかな？

ガジェットxmlをgooホームサンドボックスに登録。
署名方式の設定
OAuth TypeはHMAC-SHA1を選択し、Consumer key, Consumer secretを登録する。

そのあとはガジェットxmlを作り上げるのみ。

	$.ajax({
		type: 'get',
		url: 'http://twitter.com/statuses/friends_timeline.json',
		dataType: 'json',
		oauth: 'twitter',
		success: function(data, status) {
			console.info(data, status);
		},
		error: function(xhr, status, e) {
			if (status == 'oauth')
			$('<a href="#signin"/>')
				.text('Sign in with twitter')
				.click(function() {
					$(this).parents('table').remove(); // remove minimessage
					$.oauth('twitter');//認証ページへ
					return false;
				}).minimessage();
		}
	});

サンプルそのままです。

	<Require feature="minimessage" />
	<Require feature="oauthpopup"/>

このoauthpopupを忘れて、3時間ほど動きませんでしたorz
ちゃんとAjaxOAuthのドキュメントやサンプルにはしっかり書いているんですがねｗ

mixiアプリでoauthpopupのフィーチャーが非対応だったので外したことを忘れてました。

これで実行するとHTTPステータスコードは200が返って来てたので、認証成功。
あとは、friends_timelineなり取得すると一応の目標は達成することに。（まだ出来てないｗ

@noblejasperさん、@nakajimanに沢山のサポートをしてもらいました。
ここにて、感謝の意を表します。
もっと精進しよう！！