過去の遺産

1. ｘAuthTwitterEngine
ASIHTTPRequest
を使ってTwitPicに投稿する
沖田＠tmokita
12年11月17日土曜日

2. 自己紹介
• 沖田ともひこ
• フリープログラマ
• 以前は組み込みとか
ゲームとか
• Twitter：@tmokita
• お仕事ください
12年11月17日土曜日

3. 今回の発表の背景
• いまどきTwitter連携くらいしないと
(*´･ω･)(･ω･｀*)ﾈｰ
• 画像系アプリなら画像も投稿したいよ
(*´･ω･)(･ω･｀*)ﾈｰ
12年11月17日土曜日

4. 参考サイト
• MetaArt
TwitPicへ投稿する
iPhoneアプリが出来るまで
http://iphone.moo.jp/app/?p=571
• 非常に参考になりました
ありがとうございます
12年11月17日土曜日

5. 申請とかしておいてね！
• TwitterにxAuthの申請をして
APIキーなどを取得しておく
https://dev.twitter.com/
• TwitPicに申請して
APIキーを取得しておく
http://dev.twitpic.com/
12年11月17日土曜日

6. 使う主なライブラリ
• libXml
• XAuthTwitterEngine
https://github.com/aral/XAuthTwitterEngine
• ASIHTTPRequest
https://github.com/pokeb/asi-http-request
MetaArtさんがまとめて下さってます
http://apphokuson.googlecode.com/files/
12年11月17日土曜日

7. TwitPic→Twitter
ポストするまでの流れ
• AccessToken取得
• TwitPicにポスト
• レスポンスからTwitPicのURLを取得
• TwitPicのURLをTwitterにポスト
12年11月17日土曜日

8. XAuthTwitterEngineDemoをベースに
TwitPic投稿を実装してみる
12年11月17日土曜日

9. Twitterへのポスト
（1/1）
• XAuthTwitterEngineDemoViewController.h
ConsumerKey
ConsumerSecret
を定義する
12年11月17日土曜日

10. • ここまでTwitterへのポスト
12年11月17日土曜日

11. TwitPicへのポスト
（1/7）
• twitpicpac をプロジェクトに追加
12年11月17日土曜日

12. TwitPicへのポスト
（2/7）
• 必要なフレームワークを追加
CFNetwork.framework
MobileCoreServices.framework
SystemConfiguration.framework
libxml2.dylib
libz.1.2.3.dylib
• libXmlのパスを追加（ヘッダ検索パス）
${SDKROOT}/usr/include/libxml2
12年11月17日土曜日

13. TwitPicへのポスト
（3/7）
• 投稿する画像を追加
PostImage.jpg
12年11月17日土曜日

14. TwitPicへのポスト
（4/7）
• createOAuthEchoRequest
uploadToTwitterByTwitPic
2つのメソッドをコピペさせて頂く
• #import "ASIFormDataRequest.h"
#import "OAMutableURLRequest.h"
12年11月17日土曜日

15. TwitPicへのポスト
（5/7）
• uploadToTwitterByTwitPic の編集
APIキーは
http://dev.twitpic.com/apps/
で確認できる
jsonをxmlにする
TwitPicのキーを設定する
削除
12年11月17日土曜日

16. TwitPicへのポスト
（6/7）
• ASIHTTPRequestDelegate
• #import "ASIHTTPRequestDelegate.h"
12年11月17日土曜日

17. TwitPicへのポスト
（7/7）
• ボタンを押したときの処理を変更
12年11月17日土曜日

18. • ここまでTwitPicへのポスト
12年11月17日土曜日

19. TwitPicのURLを
Twitterにポストする
（1/3）
• TwitPicからのレスポンス
<?xml version="1.0" encoding="UTF-8"?>
<image>
<id>XXXXXX</id>
<text>Testing xAuth from the XAuthTwitterEngineDemo!</text>
<url>http://twitpic.com/XXXXXX</url>
<width>256</width>
<height>256</height>
<size>56123</size>
<type>jpg</type>
<timestamp>Fri, 29 Apr 2011 12:05:43 +0000</timestamp>
<user>
<id>123456789</id>
<screen_name>tmokita</screen_name>
</user>
</image>
12年11月17日土曜日

20. TwitPicのURLを
Twitterにポストする
（2/3）
• URLを取得してTwitterにポストする
• #import "XPathQuery.h"
xPath
12年11月17日土曜日

21. TwitPicのURLを
Twitterにポストする
（3/3）
• ポスト結果（Echofonで見た画面）
12年11月17日土曜日

22. • めでたしめでたし
12年11月17日土曜日

23. おまけメモ
（1/3）
AccessTokenは一度取得すればOK
認証からポストまで一気にやろうとする場合にちょっとはまっ
た点。
TwitterEngine::exchangeAccessTokenForUsername
でアクセストークン取得出来るが、その値が返ってくるdelegate
メソッド、storeCachedTwitterXAuthAccessTokenString
これが呼ばれたときは、まだTwitterEngineのaccessTokenプロパ
ティに値が入っていない。なので、ここからポストする場合は
一旦performSelectorとかで抜けてからやる必要がある。
12年11月17日土曜日

24. おまけメモ
（2/3）
XAuthTwitterEngineDelegate
ASIHTTPRequestDelegate
を書いといておけばそれぞれのdelegateがくる
TwitterEngine::sendUpdateの方は
- (void)requestSucceeded:(NSString *)connectionIdentifier
- (void)requestFailed:(NSString *)connectionIdentifier withError:
(NSError *)error
が、
ASIの方は
-(void)requestFinished:(ASIHTTPRequest*)request
-(void)requestFailed:(ASIHTTPRequest*)request
が、呼ばれる。
12年11月17日土曜日

25. おまけメモ
（3/3）
なので、認証から一気にやる場合、
1:TwitterEngine::exchangeAccessTokenForUsername
2:TwitterEngine::storeCachedTwitterXAuthAccessTokenString (Delegate)
3:2からperformSelectorとかで適当なメソッド呼ぶ
4:uploadToTwitterByTwitPic (ブログのメソッド)
5:ASI::requestFinished (Delegate)
6:TwitterEngine::sendUpdate
7:TwitterEngine::requestSucceeded (Delegate)
っていう感じになる。
12年11月17日土曜日

26. • ご清聴ありがとうございました
12年11月17日土曜日