Start developing Facebook apps in 13 steps

Preview:

DESCRIPTION

Hamamatsu.rb#8で発表したHerokuでFacebookアプリを開発する環境構築の資料です

Citation preview

Start developing Facebook apps in 13 steps

Hamamatsu.rb#8 2011.10.12 @mackato

@see http://devcenter.heroku.com/articles/facebook

11年10月12日水曜日

1. Create a Heroku account

http://www.heroku.com/

11年10月12日水曜日

2. Create a Facebook app

https://developers.facebook.com/apps

11年10月12日水曜日

3. Select Cloud Services

https://developers.facebook.com/apps/APP_ID/summary

11年10月12日水曜日

4. Create a Heroku app

11年10月12日水曜日

5. Go to your Facebook app on Heroku

11年10月12日水曜日

6. Download and Install Heroku Toolbelt

http://toolbelt.herokuapp.com/

11年10月12日水曜日

7. Log in from the CLI

% heroku loginEnter your Heroku credentials.Email: mackato@gmail.comPassword: Uploading ssh public key /Users/kato/.ssh/id_rsa.pub

11年10月12日水曜日

8. Fetch App’s source code

https://floating-leaf-1045.herokuapp.com/

% git clone git@heroku.com:floating-leaf-1045.git hamamatsurb-demo \-o herokuCloning into hamamatsurb-demo...remote: Counting objects: 86, done.remote: Compressing objects: 100% (78/78), done.remote: Total 86 (delta 33), reused 0 (delta 0)Receiving objects: 100% (86/86), 58.72 KiB | 35 KiB/s, done.Resolving deltas: 100% (33/33), done.

11年10月12日水曜日

9. Create another Facebook app for development

11年10月12日水曜日

10. Enter your local URL as Site URL

11年10月12日水曜日

11. Set Facebook Env Vars

Add Foreman to Gemfile

gem "foreman"

Create .env file in the root of your app

FACEBOOK_APP_ID=YOUR_DEVELOPMENT_APP_IDFACEBOOK_SECRET=YOUR_DEVELOPMENT_APP_SECRET

11年10月12日水曜日

12. Start local server% foreman start

http://localhost:5000/

11年10月12日水曜日

13. Commit and push your changes

% git ci -am "add foreman gem"% g push herokuCounting objects: 7, done.Delta compression using up to 8 threads.Compressing objects: 100% (4/4), done.Writing objects: 100% (4/4), 466 bytes, done.Total 4 (delta 3), reused 0 (delta 0)...

To git@heroku.com:floating-leaf-1045.git 2ab1863..a9b4422 master -> master

11年10月12日水曜日