Marina Petrova

From Zero to Deploy. Presentation to Rails Girls Munich (Okt 2012)

Transcript

1. From zero to deploy Rails Girls Munich 12-13th October Samstag, 13. Oktober 12
2. Step 1: App’s creation mkdir projects cd projects rails new railsgirls cd railsgirls Samstag, 13. Oktober 12
3. Step 2: Generating MVC for app Samstag, 13. Oktober 12
4. Step 2: Generating MVC for app rails generate scaffold idea name:string description:text picture:string Samstag, 13. Oktober 12
5. Step 2: Generating MVC for app rails generate scaffold idea name:string description:text picture:string Samstag, 13. Oktober 12
6. Step 2: Generating MVC for app So we can list, add, remove, edit & view ideas Samstag, 13. Oktober 12
7. Step 2: Generating MVC for app HTTP request URL Action Purpose GET /ideas index page to list all ideas GET /ideas/1 show page to show idea with id 1 GET /ideas/new new page to make a new idea POST /ideas create create a new idea GET /ideas/1/edit edit page to edit idea with id 1 PUT /ideas/1 update update idea with id 1 DELETE /ideas1 destroy delete idea with id 1 ideas_controller.rb Samstag, 13. Oktober 12
8. Step 3: Creating DB rake db:migrate Samstag, 13. Oktober 12
9. Step 4: Layout Twitter Bootstrap http://twitter.github.com/bootstrap/ Samstag, 13. Oktober 12
10. Step 4: Layout <link rel="stylesheet" href="http://railsgirls.com/assets/bootstrap.css"> app/views/layouts/application.html.erb Samstag, 13. Oktober 12
11. Step 5: Picture upload gem 'sqlite3' gem 'carrierwave' bundle install Gemfile Samstag, 13. Oktober 12
12. Step 5: Uploading pictures rails generate uploader Picture Samstag, 13. Oktober 12
13. Step 5: Uploading pictures mount_uploader :picture, PictureUploader app/models/idea.rb app/views/ideas/_form.html.erb <%= f.text_field :picture %> <%= f.file_field :picture %> Samstag, 13. Oktober 12
14. Step 5: Uploading pictures mount_uploader :picture, PictureUploader app/models/idea.rb app/views/ideas/_form.html.erb <%= form_for(@idea) do |f| %> <%= form_for(@idea, :html => { :multipart => true }) do |f| %> Samstag, 13. Oktober 12
15. Step 5: Uploading pictures app/views/ideas/show.html.erb <%= image_tag(@idea.picture_url, :width => 600) if @idea.picture.present? %> text representation -> image representation Samstag, 13. Oktober 12
16. Step 6: Redirecting app/views/ideas/show.html.erb rm public/index.html Samstag, 13. Oktober 12
17. Step 6: Redirecting app/views/ideas/show.html.erb rm public/index.html Because we want em’ dynamic Samstag, 13. Oktober 12
18. Step 6: Redirecting config/routes.rb root :to => redirect('/ideas') Samstag, 13. Oktober 12
19. Step 7: Deployment http://www.heroku.com/ Samstag, 13. Oktober 12
20. Step 7: Deployment gem install heroku Samstag, 13. Oktober 12
21. Step 7: Deployment group :development do gem 'sqlite3' end group :production do gem 'pg' end gem 'sqlite3' bundle install --without production Samstag, 13. Oktober 12
22. Step 7: Deployment git init git add . git commit -m "initial commit" Samstag, 13. Oktober 12
23. Step 7: Deployment heroku create git push heroku master heroku run rake db:migrate heroku open Samstag, 13. Oktober 12
24. Step 8: Choose & get to know the tools Samstag, 13. Oktober 12