액션케이블 개요

What is ActionCable:

• 레일스5의 새로운 주요 기능
• 실시간으로 상호작용하기 위한 라이브러리
• 채팅 앱 예시

테스트 뷰 작성

테스트 뷰 작성

• SessionsController 첫화면(채팅 유저네임을 입력)
  • create(입력 선택하여 채팅창으로 들어감)
• MessagesController 채팅 창(유저네임과 메시지 표시)
  • index(채팅 창), create(메시지 생성)
• route.rb 첫화면 session#new
• app/views/sessions/index.html.erb 유저네임 선택
• app/views/messages/index.html.erb form_for remote 옵션

테스트 뷰 작성(session)

• MessagesController 채팅 창(유저네임과 메시지 표시)
  • index(채팅 창), create(메시지 생성)
• SessionsController 첫화면(채팅 유저네임을 입력)
  • create(입력 선택하여 채팅창으로 들어감)

# app/controllers/sessions_controller.rb
class SessionsController < ApplicationController
  def create
    cookies.signed[:username] = params[:session][:username]
    redirect_to messages_path
  end
end

<%= form_for :session, url: sessions_path do |f| %>
  <%= f.label :username, 'Enter a username' %><br/>
  <%= f.text_field :username %><br/>
  <%= f.submit 'Start chatting' %>
<% end %>

테스트 뷰 작성(message)

• remote: true 이 옵션으로 화면 새로고침하지 않고 비동기 자바스크립트 통신(AJAX) 함.
• #messages div 엘리멘트에 채팅 메시지 계속 추가

class MessagesController < ApplicationController
  def create
    head :ok
  end
end

Signed in as @<%= cookies.signed[:username] %>.
<br/><br/>

<div id='messages'></div>
<br/><br/>

<%= form_for :message, url: messages_path, remote: true, id: 'messages-form' do |f| %>
  <%= f.label :body, 'Enter a message:'  %><br/>
  <%= f.text_field :body %><br/>
  <%= f.submit 'Send message' %>
<% end %>

액션케이블 설정

레일스 프로젝트에 사용자 직접 만들어야 하는 파일

• app/channels/application_cable/connection.rb
• app/channels/application_cable/channel.rb
• config/redis/cable.yml  레디스로 (PUBLISH/SUBSCRIBE)
• cable/config.ru 웹애플리케이션과 별도 실행하기 위한 Rackup파일
• bin/cable 긴 명령어를 줄여서 실행하는 배시 스크립트
• app/channels/messages_channel.rb

액션케이블(channel, redis)

# app/channels/application_cable/connection.rb
module ApplicationCable
  class Connection < ActionCable::Connection::Base
  end
end

# app/channels/application_cable/channel.rb
module ApplicationCable
  class Channel < ActionCable::Channel::Base
  end
end

local: &local
  :url: redis://localhost:6379
  :host: localhost
  :port: 6379
  :timeout: 1
  :inline: true
development: *local
test: *local

액션케이블(rackup)

# cable/config.ru
require ::File.expand_path('../../config/environment',  __FILE__)
Rails.application.eager_load!

require 'action_cable/process/logging'

run ActionCable.server

# /bin/bash
bundle exec puma -p 28080 cable/config.ru

액션케이블(messages)

# app/channels/messages_channel.rb
class MessagesChannel < ApplicationCable::Channel
  def subscribed
    stream_from 'messages'
  end
end