Category : Ruby

Rails3.2で、スター機能(Likeやお気に入り)を実装しようとしたら、思いの外サンプルが見つからなかったので書いてみる。とりあえず動く。おk。

20130706021155

ルーティング

#config/routes
match 'toggle_star', :to => 'toggle_star#toggle_star', :via => [:get, :post]

View

#app/view/posts/show.html.erb
<%= form_tag({:controller => 'star', :action => 'toggle_star'}, {:name => 'toggle_star', :remote => true}) do %>
<input type="hidden" value="<%= @post.id %>" name="post_toggle_star">
<span class="js-toggle_star" data-num="<%= @post.id %>">スターボタン</span>
<% end %>

Model

#app/models/post.rb
belongs_to :user
has_many :stars, :dependent => :destroy
has_many :stared_users, :through => :stars, :source => :user
# user -> post の関係を複数作る場合、別の名前(:stared_users)を付け、sourceオプションで本当の名前を指定するらしい。
#app/models/user.rb
has_many :posts, :dependent => :destroy
has_many :stars, :dependent => :destroy
has_many :stared_posts, :through => :stars, :source => :post
def starable_for?(post)
post && post.user != self && !stars.exists?(:post_id => post.id)
end
# starable_forでは下記をチェック
# ・投稿者がユーザー自身の場合はお気に入りさせない
# ・お気に入りを重複させない
#app/models/star.rb
belongs_to :user
belongs_to :post
attr_accessible :user_id, :post_id
validate do
 unless user && user.starable_for?(post)
 return errors.add(:post_id)
 end
end

Controller

</pre>
#app/controllers/star_controller.rb
def toggle_star
 # ログインチェック
 raise unless login_user

# 既にお気に入りしているかどうかチェック
 @post = Post.find(params[:post_toggle_star])
 if current_user.stared_posts.exists?(@post)
 render remove_star(@post)
 else
 render add_star(@post)
 end

rescue
 render :json => {:result => "error" }, :status => 400
end

# スターを追加
def add_star(postobj)
 current_user.stared_posts << postobj
 return { :json => { :type => "add", :result => "success" } }
end

#スターを削除
def remove_star(postobj)
 current_user.stared_posts.delete(postobj)
 return { :json => { :type => "remove", :result => "success" } }
end
<pre>

JavaScript

// コールバックなどを設定。それぞれの処理に合わせたメソッドを作っていく
jQuery(formObj)
 .bind("ajax:loading", function(xhr){})
 .bind("ajax:success", function(data, status, xhr){})
 .bind("ajax:complete", function(xhr){})
 .bind("ajax:failure", function(xhr){});

スター追加/解除 それぞれの動作でURLを共通にしたかったので、振り分ける分岐をController側に書いてあります。うーん、良いのか悪いのか。
下記の本が大変参考になりました。これをベースに、Controller、URL一本化、Ajax化などの変更を行なっています。