RunningI4PC

Gosuke Miyashita edited this page May 23, 2012 · 2 revisions

I4PC を Sqale 上で動かすための手順

I4PC とは

I4PC とは、Instagram に PC ブラウザからアクセスするためのウェブサービスで、写真の一覧を表示したり、Like したりコメントをつけたりすることができます。

I4PC はオープンソースで公開されており、これを Sqale 上で動くようにカスタマイズしたものも公開しています。(現在、Sqale は memcached を提供していないため、memcached を使わないようにカスタマイズしています。)

ここでは、カスタマイズ版 I4PC を Sqale 上で動かす手順について説明します。

すでに Sqale 上でサインアップが済み、公開鍵が登録されていることを前提とします。

Sqale 上でアプリケーションを作成する

ダッシュボードから「新規アプリケーションを作成」をクリックします。

アプリケーション名を指定します。ここでは i4pc とします。

「作成する」をクリックすると、次のような画面になります。

30 秒ほど待ってリロードし、完了すると次のような画面になります。

ここに表示されている URL がアプリケーションの URL となります。(この画面では、http://i4pc-mizzy.sqale.jp/ です。)

Instagram にアプリケーションを登録する

次に、Instagram にアプリケーションを登録します。まず Instagram Developer Documentation にアクセスします。

ログインしていない状態であれば、右上の Sign In をクリックします。

この画面から、Instagram のユーザ名/パスワードでログインします。

プロフィール編集画面 に飛びますが、再度 Instagram Developer Documentation にアクセスします。

Register Your Application をクリックします。

必要事項を記入して、Sign Up をクリックします。

トップページに戻るので、再度 Register Your Appliation をクリックします。

Register a New Client をクリックします。

Application Name と Description は適当でかまいません。

Website に Sqale で作成したアプリケーションの URL、OAuth redirect_uri: には、アプリケーション の URL に auth を付加したものを設定してください。

Register をクリックすると、次のような画面になり、登録は完了です。(CLIENT ID と CLIENT SECRET は隠しています。)

ここで表示されている CLIENT ID, CLIENT SECRET, REDIRECT URI は後ほど利用します。

I4PC のソースコードを取得 & Instagram アクセス用の設定

GitHub からカスタマイズ版 I4PC のソースコードを取得します。

$ git clone git://github.com/paperboy-sqale/i4pc-sqale.git
$ cd i4pc-sqale

.env を以下のように書き換えます。

INSTAGRAM_CALLBACK_URL=http://i4pc-xxxxx.sqale.jp/auth
INSTAGRAM_CLIENT_ID=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
INSTAGRAM_CLIENT_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

INSTAGRAM_CALLBACK_URL は、Instagram へのアプリケーション登録時に設定した OAuth redirect_uri の値を、INSTAGRAM_CLIENT_ID と INSTAGRAM_CLIENT_SECRET は、Instagram へのアプリケーション登録時に割当てられた CLIENT ID と CLIENT SECRET を設定してください。

I4PC の Sqale へのデプロイ

この画面にある、Git SSH の URL を、git remote add で設定します。

$ git remote add sqale ssh://sqale@gateway.sqale.jp:2222/mizzy/i4pc.git

git push を実行して、Sqale へデプロイします。

$ git push sqale master
Counting objects: 314, done.
Compressing objects: 100% (206/206), done.
Writing objects: 100% (314/314), 416.36 KiB, done.
Total 314 (delta 109), reused 257 (delta 76)
To ssh://sqale@gateway.sqale.jp:2222/mizzy/i4pc.git
 * [new branch]      master -> master

git push が完了すると、アプリケーションのビルドとデプロイが開始します。

デプロイが完了したら、アプリケーション URL にアクセスします。(最初のアクセスはエラーが出る場合がありますので、その場合はリロードしてください)

このような画面になれば完了です。