一、商店技术架构

1.主题

• 购物车设计
• 结帐订单
• 第三方整合
• 代码重构

2.涉及技术点：

• Model 设计原则
• 自定 before_action
• 自定义 Routing
• validation
• session 操作
• find_by 操作
• where / order
• 巢状表单
• State Machine
• ActiveJob
• Mailer
• Partial / Helper

3.核心业务功能

• 购买机制 - 消费者购买商品，放入购物车
• 结帐机制 - 消费者将购物车中的商品，结帐生成订单
• 上架机制 - 商家上架物品，设定开卖
• 配送机制 - 商家针对订单配送

4.角色

• 消费者
• 商家

5.用户故事

身为管理者，我要能够登入后台

• 整个商店网站分为两种权限：admin (商家) / user （消费者）
• 商家可以登入 /admin 后台
• 能够登入后台上架商品
• 后台上架网址必须要是 /admin/products
• 商品的内容分为物品标题、描述、价格、库存
• 商品要能够设定是否能上架贩售
• 商品必须要有商品图片

二、实现步骤

专案基础设施

Bootstrap

gem 'bootstrap-sass'mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss@import "bootstrap-sprockets";@import "bootstrap";

//= require bootstrap/alert//= require bootstrap/dropdown

common/_navbar.html.erb

common/_footer.html.erb

weclome#index

flash提示

app/views/common/_flashes.html.erb<% if flash.any? %>  <% user_facing_flashes.each do |key, value| %>    
    
      
     ×      <%= value %>    
    
  <% end %><% end %>app/helpers/flashes_helper.rbmodule FlashesHelper  FLASH_CLASSES = { alert: "danger", notice: "success", warning: "warning"}.freeze  def flash_class(key)    FLASH_CLASSES.fetch key.to_sym, key  end  def user_facing_flashes    flash.to_hash.slice "alert", "notice","warning"   endend

Devise

rails g devise:installrails g devise userrake db:migrate

SimpleForm rails generate simple_form:install --bootstrap

font-awesome-rails

上传图片模块

gem 'carrierwave'gem 'mini_magick'rails g uploader image

购物车

订单

支付&寄信

三、第三方服务应用

支付

• 微信、支付宝支付(需要企业身份进行申请)
• 有偿代收服务接口：ping++等

存储

• 阿里云、七牛云、AWS S3

配置ASW S3 保存图片

gem 'fog'config.fog_provider = 'fog'                      config.fog_credentials = {      provider:              'AWS',                              aws_access_key_id:     ENV["AWS_ACCESS_KEY_ID"],               aws_secret_access_key: ENV["AWS_SECRET_ACCESS_KEY"],              region:                ENV["AWS_REGION"]        }    config.fog_directory  = ENV["AWS_BUCKET_NAME"]

七牛云

gem 'carrierwave-qiniu'gem 'qiniu-rs'config/initializers/carrierwave.rbCarrierWave.configure do |config|  config.storage             = :qiniu  config.qiniu_access_key    = ENV["qiniu_access_key"]  config.qiniu_secret_key    = ENV["qiniu_secret_key"]  config.qiniu_bucket        = ENV["qiniu_bucket"]  config.qiniu_bucket_domain = ENV["qiniu_bucket_domain"]  config.qiniu_block_size    = 4*1024*1024  config.qiniu_protocol      = "http"  config.qiniu_up_host       = "http://up.qiniug.com"  #选择不同的区域时，"up.qiniug.com" 不同end

figaro 机密信息管理

gem 'figaro'bundle installfigaro install会自动生成 config/application.yml 文件并自动添加到 .gitignore 档案里cp config/application.yml config/application.yml.exampleproduction:    XXXXX_KEY_ID: ""development:    XXXXX_KEY_ID: ""#排版缩进 非常重要，否则报错

一键部署机密信息到heroku

figaro heroku:set -e production

heroku config可以列出目前所有的设定

SendCloud服务发送邮件

config/environments/production.rbRails.application.configure do...(略)  # config.action_mailer.delivery_method = :letter_opener #dev环境本地预览邮件  config.action_mailer.default_url_options = { :host => '你的herokuapp地址'}  config.action_mailer.delivery_method = :smtp  ActionMailer::Base.smtp_settings = {    address: "smtpcloud.sohu.com",    port: 25,    domain: "heroku.com",    authentication: "login",    enable_starttls_auto: true,    user_name: ENV["SEND_CLOUD_USER_NAME"],    password: ENV["SEND_CLOUD_USER_KEY"]    }end

在线Bug报错 airbrake

三十天免费

gem 'airbrake', '~> 5.4'bundle installrails g airbrake PROJECT_ID PROJECT_KEY配置config/initializers/airbrake.rb c.project_id = ENV['PROJECT_ID'] c.project_key = ENV['PROJECT_KEY'] 测试 rake airbrake:test