Start developing Facebook apps in 13 steps
-
Upload
masakuni-kato -
Category
Technology
-
view
2.120 -
download
0
description
Transcript of Start developing Facebook apps in 13 steps
![Page 1: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/2.jpg)
1. Create a Heroku account
http://www.heroku.com/
11年10月12日水曜日
![Page 3: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/3.jpg)
2. Create a Facebook app
https://developers.facebook.com/apps
11年10月12日水曜日
![Page 4: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/4.jpg)
3. Select Cloud Services
https://developers.facebook.com/apps/APP_ID/summary
11年10月12日水曜日
![Page 5: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/5.jpg)
4. Create a Heroku app
11年10月12日水曜日
![Page 6: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/6.jpg)
5. Go to your Facebook app on Heroku
11年10月12日水曜日
![Page 7: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/7.jpg)
6. Download and Install Heroku Toolbelt
http://toolbelt.herokuapp.com/
11年10月12日水曜日
![Page 8: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/10.jpg)
9. Create another Facebook app for development
11年10月12日水曜日
![Page 11: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/11.jpg)
10. Enter your local URL as Site URL
11年10月12日水曜日
![Page 12: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/13.jpg)
12. Start local server% foreman start
http://localhost:5000/
11年10月12日水曜日
![Page 14: Start developing Facebook apps in 13 steps](https://reader034.fdocuments.net/reader034/viewer/2022051323/547ce40eb4af9fa5158b51a7/html5/thumbnails/14.jpg)
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日水曜日