大体2時間でTwitter見れるなにかを作る@Java

勉強会概要

• ビズリーチさんの 初心者大歓迎! webアプリを作ってみよう! に参加
• spring-bootで表題のそれを作る
• できた結果がこちら(CSS周りはあとで！）

前提

• Windows8.1
• Eclipse
• githubの場所はこちら
• 理解不足な点多々あり．勉強して今後追記して参ります！

まずはじめに

1. gitのビューを開いてクローン
2. URIの複製から上記URIにアクセス
3. プロジェクトを握って一旦ソース系確認

TestAppを動かす

1. SampleApplication.javaを開いてコンテキストメニュー→実行 　（Javaアプリケーションで実行）　わりと下の方にあります
2. 一旦ローカルホストで確認（localhost:8080）
3. 画面は"hello,world"だけ表示されてるはずです

画面っぽい何かを見てみる

1. localhost:8080の後ろに "/sample"でhtmlファイルを閲覧
2. フォームにinputすると画面に反映されます

なんでか？

• timeleafを入れてタグにthをほうり込むと文字列が置き換わる
• ${name}はcontroller側でmodel.attribute()としてnameの値をほうり込んでいく
• modelはtimeleafに渡す値をマッピングしてる
• ハンドラはspringboot側でよしなに

twitterAPIへ

1. twiiterAPIへアクセス
2. キーコピペしてtwitter4jpropatiesにいれる

認証系

1. 新しくクラスを定義．こんな感じ．

TwitterAuthController.java

package jp.co.bizreach.spring_boot_sample;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import twitter4j.TwitterException;
import twitter4j.auth.AccessToken;
import twitter4j.auth.OAuthAuthorization;
import twitter4j.auth.RequestToken;
import twitter4j.conf.Configuration;
import twitter4j.conf.ConfigurationContext;
@Controller
@RequestMapping("")
public class TwitterAuthController {
    @Autowired
    private HttpSession session;
    @Autowired
    private HttpServletRequest request;

    @RequestMapping("requestToken")
    public String requestToken(Model model) throws TwitterException{
        Configuration conf = ConfigurationContext.getInstance();
        OAuthAuthorization oauth = new OAuthAuthorization(conf);
        String callbackURL = "http://localhost:8080/accessToken";
        RequestToken requestToken = oauth.getOAuthRequestToken(callbackURL);

        session.setAttribute("requestToken", requestToken);

        return "redirect:" + requestToken.getAuthenticationURL();
    }

    @RequestMapping("accessToken")
    public String accessToken(Model model) throws TwitterException{
        Configuration conf = ConfigurationContext.getInstance();
        RequestToken requestToken = (RequestToken)session.getAttribute("requestToken");
        AccessToken accessToken = new AccessToken(requestToken.getToken(),requestToken.getTokenSecret());
        OAuthAuthorization oauth = new OAuthAuthorization(conf);

        oauth.setOAuthAccessToken(accessToken);
        String verifier = request.getParameter("oauth_verifier");
        accessToken = oauth.getOAuthAccessToken(verifier);

        session.setAttribute("accessToken", accessToken);

        return "redirect:mypage";
    }
}

\ 2. TwitterCntroller.javaの最終行に以下も追加定義

TwitterCntroller.java

    private Twitter createTwitter(){
        AccessToken accessToken = (AccessToken)session.getAttribute("accessToken");
        TwitterFactory factory = new TwitterFactory();
        return factory.getInstance(accessToken);
    }
}

\3. これで実行してブラウザで http://localhost:8080/requestToken にアクセスすると認証画面を追加して上記のスクリーンショットみたいな画面に遷移する（はず）