概要

ブロック機能を実装しようとしたところ、記事としてまとめられているものがなかったのでアドベントカレンダーの企画に便乗して記事の執筆に挑戦しました！！

初めて記事を書くので拙いコード、文章になってしまっていたらごめんなさい
この記事を参考にしてブロック機能を実装して頂けたらうれしいです
改善点などあればぜひコメントお願いします

具体的にできること

ユーザーをブロックした場合そのユーザーから

マイページを見られない
フォローされない
DMが送られてこない
投稿一覧、いいねした投稿一覧を見られない

マイページのみにフォローボタン、DMのリンク、投稿一覧、いいねした投稿一覧を置く
➡ブロックされている場合は通常のマイページを見られなくする
➡不審なユーザーからアクセスされないっていう感じです

完成図

そのユーザーにブロックされていた場合の表示

前提

deviseでユーザーモデル作成、マイページ実装済み
フォロー、DMも実装すればブロック機能に対応できます
筆者が参考にさせていただいた記事を以下に置いときます
railsでフォロー機能をつける。 #Ruby - Qiit
railsでDM機能を作成する

実装スタート！！

①モデル

基本的にフォロー機能と同じように進めていきます

Blockモデル作成

コマンドプロンプト

$ rails generate model Block

マイグレーションファイルを編集

db/migrate/xxxxxxxxxxxxxx_create_blocks

classCreateBlocks < ActiveRecord::Migration[6.1]
  def change
    create_table :blocks do |t|
      t.integer :blocker_id　# 追加
      t.integer :blocking_id　#　追加
      t.timestamps
    end

    add_index :blocks, :blocker_id　# 追加
    add_index :blocks, :blocking_id　# 追加
    add_index :blocks, [:blocker_id, :blocking_id], unique: true　# 追加
  end
end

コマンドプロンプト

$ rails db:migrate

Blockモデルに追記

app/models/block.rb

class Block < ApplicationRecord
    validates :blocker_id, presence: true
    validates :blocking_id, presence: true
    belongs_to :blocker, class_name: 'User'
    belongs_to :blocking, class_name: 'User'
    validate :self_block
    
    private
    # 自分自身をブロックしていないか検証する
    def self_block
        return unless blocker_id && blocking_id
        errors.add(:blocking_id, '自分自身をブロックすることはできません') if blocker_id == blocking_id
    end
end

Userモデルはブロック機能で新しく追加するやつだけ書いてます

app/models/user.rb

  has_many :active_blocks, class_name:  "Block",
                                  foreign_key: "blocker_id",
                                  dependent:   :destroy
  has_many :blockings, through: :active_blocks, source: :blocking
  has_many :passive_blocks, class_name:  "Block",
                                   foreign_key: "blocking_id",
                                   dependent:   :destroy
  has_many :blockers, through: :passive_blocks, source: :blocker


  def block!(other_user)
    active_blocks.create!(blocking_id: other_user.id)
  end


  def unblock!(other_user)
    active_blocks.find_by(blocking_id: other_user.id).destroy
  end


  def blocking?(other_user)
    active_blocks.find_by(blocking_id: other_user.id)
  end


  def blocked?(other_user)
    passive_blocks.find_by(blocker_id: other_user.id)
  end

②コントローラー

blocksコントローラー作成

コマンドプロンプト

$ rails g controller blocks

app/controllers/blocks_controller.rb

class BlocksController < ApplicationController
  before_action :authenticate_user!
    def create
        @user = User.find(params[:block][:blocking_id])
        current_user.block!(@user)
   
        @user.unfollow!(current_user) if @user.following?(current_user)
        current_user.unfollow!(@user) if current_user.following?(@user)


       
   
        redirect_to @user, notice: "ユーザーをブロックしました。"
      end
   
      def destroy
        user = Block.find(params[:id]).blocking
        current_user.unblock!(user)
        redirect_to user, notice: "ユーザーのブロックを解除しました。"
      end
end

usersコントローラーは追加するやつだけ書いてます

app/controllers/users_controller.rb

def blocking
    @title = 'blocking'
    @user = User.find(params[:id])
    @users = @user.blockings
    render 'show_blocking'
end

③ルーティング

これも追加するやつだけ書いてます

config/routes.rb

  resources :users do
    member do
      get :following, :followers
      get :blocking, :blockers
    end
  end  
  resources :blocks, only: [:create, :destroy], controller: 'blocks'

④helper

app/helpers/users_helper.rb

def current_user?(user)
    user == current_user
end

⑤view

マイページは最初のif文とそれに対応するelseとendさえあればこの記事でやりたいことは実装できるので自由にカスタマイズしてみてください

app/view/users/show.html.erb

<% if current_user.blocked?(@user) %>
    <h3>あなたはこのユーザーにブロックされています</h3>
    <%= link_to "Tweet一覧に戻る", tweets_path %>
    <%= link_to "ユーザー一覧に戻る", users_path %>
<% else %>
    <h1>マイページ</h1>
    <p>名前 : <%= @user.name %></p>
    <p>メールアドレス : <%= @user.email %></p>
    <p>プロフィール : <%= @user.profile %></p>


    <% if user_signed_in? %>
        <%= render 'stats' %>
        <%= render 'follow_form' %> # フォロー機能を実装する場合は必要
        <%= render  'block_form' %>
    <% end %>
    <% if current_user.id == @user.id %>
        <%= link_to "編集する", edit_user_registration_path %>
    <% else %> # 以下DM機能を実装する場合は必要
        <% if @isRoom == true %>
            <p><%= link_to 'DMへ', room_path(@roomId) %></p>
        <% else %>
            <%= form_for @room do |f| %>
                <%= fields_for @entry do |e|%>
                    <% e.hidden_field :user_id, value: @user.id %>
                <% end %>
            <%= f.submit "DMを開始する"%>
            <% end %>
        <% end %> # DM機能ここまで
    <% end %>


    <h2>ユーザーの投稿一覧</h2>
    <% @user.tweets.each do |t| %>
        <%= t.user.name %>
        <%= t.body %>
    <% end %>
    <br>
    <%= link_to "Tweet一覧に戻る", tweets_path %>
    <%= link_to "ユーザー一覧に戻る", users_path %>
<% end %>

このページは何人ブロックしてるかっていう情報を表示するファイルです
フォローとフォロワーの記述はフォロー機能つけてない場合は必要ないです

app/view/users/_stats.html.erb

<% @user ||= current_user %>
<div class="stats">
    <a href="<%= following_user_path(@user) %>">
        フォロー
        <strong id="following" class="stat">
        <%= @user.followings.count %>
        </strong>
    </a>
    <a href="<%= followers_user_path(@user) %>">
        フォロワー
        <strong id="followers" class="stat">
        <%= @user.followers.count %>
        </strong>
    </a>
    <% if @user == current_user %>
        <p>
            <a href="<%= blocking_user_path(@user) %>">
                <strong id="blocking" class="stat">
                <%= @user.blockings.count %>
                </strong>
                人ブロック中
            </a>
        </p>
    <% end %>
</div>

自分が誰をブロックしてるか表示するページです

app/view/users/show_blocking.html.erb

<h1>ブロックしているユーザー</h1>
<% if @user.blockings.any? %>
  <ol>
    <% @user.blockings.each do |user| %>
      <li>
        <%= "#{user.name} - " %>
        <%= link_to '詳細', user_path(user) %>
      </li>
    <% end %>
  </ol>
<% else %>
  <p>ブロックしているユーザーはいません。</p>
<% end %>

今見てるユーザーをブロックしてるかどうかで表示するボタンを変えるためのファイルです

app/view/users/_block_form.html.erb

<% unless current_user?(@user) %>
<div id="block_form">
    <% if current_user.blocking?(@user) %>
        <%= render "unblock" %>
    <% else %>
        <%= render "block" %>
    <% end %>
</div>
<% end %>

ブロックボタンを表示するファイル

app/view/users/_block.html.erb

<%= form_for(current_user.active_blocks.build(blocking_id: @user.id)) do |f| %>
    <div><%= f.hidden_field :blocking_id %></div>
    <%= f.submit "Block" %>
<% end %>

ブロック解除ボタンを表示するファイル

app/view/users/_unblock.html.erb

<% block = current_user.active_blocks.find_by(blocking_id: @user.id) %>
<% if block %>
  <%= form_for(block, html: { method: :delete }) do |f| %>
    <%= f.submit "Unblock" %>
  <% end %>
<% end %>

参考記事

服選びの時間短縮‼︎ スピードウェア #Ruby - Qiita
railsでフォロー機能をつける。 #Ruby - Qiit
railsでDM機能を作成する

まとめ

この記事を参考にしていただける方が少しでもいらっしゃったら幸いです。
ご覧いただきありがとうございました。