Start developing Facebook apps in 13 steps

14
Start developing Facebook apps in 13 steps Hamamatsu.rb#8 2011.10.12 @mackato @see http://devcenter.heroku.com/articles/facebook 111012日水曜日

description

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

Transcript of Start developing Facebook apps in 13 steps

Page 1: Start developing Facebook apps in 13 steps

Start developing Facebook apps in 13 steps

Hamamatsu.rb#8 2011.10.12 @mackato

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

11年10月12日水曜日

Page 2: Start developing Facebook apps in 13 steps

1. Create a Heroku account

http://www.heroku.com/

11年10月12日水曜日

Page 3: Start developing Facebook apps in 13 steps

2. Create a Facebook app

https://developers.facebook.com/apps

11年10月12日水曜日

Page 4: Start developing Facebook apps in 13 steps

3. Select Cloud Services

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

11年10月12日水曜日

Page 5: Start developing Facebook apps in 13 steps

4. Create a Heroku app

11年10月12日水曜日

Page 6: Start developing Facebook apps in 13 steps

5. Go to your Facebook app on Heroku

11年10月12日水曜日

Page 7: Start developing Facebook apps in 13 steps

6. Download and Install Heroku Toolbelt

http://toolbelt.herokuapp.com/

11年10月12日水曜日

Page 8: Start developing Facebook apps in 13 steps

7. Log in from the CLI

% heroku loginEnter your Heroku credentials.Email: [email protected]: Uploading ssh public key /Users/kato/.ssh/id_rsa.pub

11年10月12日水曜日

Page 9: Start developing Facebook apps in 13 steps

8. Fetch App’s source code

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

% git clone [email protected]: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日水曜日

Page 10: Start developing Facebook apps in 13 steps

9. Create another Facebook app for development

11年10月12日水曜日

Page 11: Start developing Facebook apps in 13 steps

10. Enter your local URL as Site URL

11年10月12日水曜日

Page 12: Start developing Facebook apps in 13 steps

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日水曜日

Page 13: Start developing Facebook apps in 13 steps

12. Start local server% foreman start

http://localhost:5000/

11年10月12日水曜日

Page 14: Start developing Facebook apps in 13 steps

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 [email protected]:floating-leaf-1045.git 2ab1863..a9b4422 master -> master

11年10月12日水曜日