Rails Action Cable

rails action cable Intro

* action cable
https://github.com/rails/actioncable

* sample app
https://github.com/ngtk/practice-rails-actioncable

Transcript

1. w 1IPFOJYʹ͋ͬͯ3BJMTʹͳ͍
   w 1MBZʹ͋ͬͯ3BJMTʹͳ͍
2. 3FBMUJNF
   DPNNVOJDBUJPO
3. 8FC4PDLFU
4. 3BJMT
   "DUJPO
   $BCMF
5. ࠷଎ೖ໳
   "DUJPO
   $BCMF !OHUL
6. "DUJPO
   $BCMF "DUJPO
   $BCMF
   TFBNMFTTMZ
   JOUFHSBUFT
   8FC4PDLFUT
   XJUI
   UIF
   SFTU
   PG
   ZPVS
   3BJMT
   BQQMJDBUJPO
   *U
   BMMPXT
   GPS
   SFBMUJNF
   GFBUVSFT
   UP
   CF
   XSJUUFO
   JO
   3VCZ
   JO
   UIF
   TBNF
   TUZMF
   BOE
   GPSN
   BT
   UIF
   SFTU
   PG
   ZPVS
   3BJMT
   BQQMJDBUJPO
   XIJMF
   TUJMM
   CFJOH
   QFSGPSNBOU
   BOE
   TDBMBCMF
   *UT
   B
   GVMMTUBDL
   P⒎FSJOH
   UIBU
   QSPWJEFT
   CPUI
   B
   DMJFOUTJEF
   +BWB4DSJQU
   GSBNFXPSL
   BOE
   B
   TFSWFSTJEF
   3VCZ
   GSBNFXPSL
   :PV
   IBWF
   BDDFTT
   UP
   ZPVS
   GVMM
   EPNBJO
   NPEFM
   XSJUUFO
   XJUI
   "DUJWF3FDPSE
   PS
   ZPVS
   03.
   PG
   DIPJDF
7. "DUJPO
   $BCMF "DUJPO
   $BCMF͸3BJMTʹγʔϜϨεʹ౷߹͠·͢ɻϦΞϧλΠϜͳػೳ Λࠓ࢖͍ͬͯΔ3BJMTͷελΠϧͷΑ͏ʹ3VCZͰॻ͘͜ͱ͕Ͱ͖ɺߴ ͍ޮ཰ੑ΍εέʔϥϏϦςΟΛ࣋ͪ·͢ɻΫϥΠΞϯταΠυͷ +BWBT4DSJQUϑϨʔϜϫʔΫ΍αʔόαΠυͷ3VCZϑϨʔϜϫʔΫͷ ྆ํΛؚΉϑϧελοΫͳϑϨʔϜϫʔΫ͕ఏڙ͞Ε·͢ɻͦͯ͠΋ͪ ΖΜ"DUJWF3FDPSEΛ࢝Ίͱ͢Δ03.ʹΑΔϑϧυϝΠϯϞσϧʹΞ Ϋηε͢Δ͜ͱ΋Ͱ͖·͢ɻ
8. ੈք؍తͳԿ͔ 5FSNJOPMPHZ w "DUJPO
   $BCMF
   TFSWFS
   IBOEMJOH
   NVMUJQMF
   DPOOFDUJPO
   JOTUBODFT
   w $POTVNFS
   UIF
   DMJFOU
   PG
   B
   8FC4PDLFU
   DPOOFDUJPO
   w $IBOOFM
   UIF
   MPHJDBM
   VOJU
   PG
   XPSL
   TJNJMBS
   UP
   XIBU
   B
   DPOUSPMMFS
   EPFT
   JO
   B
   SFHVMBS
   .7$
   TFUVQ
   w 4VCTDSJCFS
   
   UIF
   DPOTVNFS
   TVCTDSJCFE
   UP
   B
   DIBOOFM
   w 4VCTDSJQUJPO
   UIF
   DPOOFDUJPO
   CFUXFFO
   UIF
   TVCTDSJCFS
   BOE
   UIF
   DIBOOFM
9. ४උ w SVCZ
   
   
   w 3BJMTBMQIB
   w SFEJT
10. $POOFDUJPO
    4FSWFS
    TJEF # app/channels/application_cable/connection.rb module ApplicationCable class Connection < ActionCable::Connection::Base identified_by :current_user def connect self.current_user = find_verified_user end protected def find_verified_user if current_user = User.find(cookies.signed[:user_id]) current_user else reject_unauthorized_connection end end end end
11. $IBOOFM
    4FSWFS
    TJEF # app/channels/application_cable/channel.rb module ApplicationCable class Channel < ActionCable::Channel::Base end end
12. $POTVNFS
    $MJFOU
    TJEF # app/assets/javascripts/application_cable.coffee #= require cable @App = {} App.cable = Cable.createConsumer "ws://cable.example.com"
13. "QQFBSBODF$IBOOFM
    4FSWFS
    TJEF # app/channels/appearance_channel.rb class AppearanceChannel < ApplicationCable::Channel def subscribed current_user.appear end def unsubscribed current_user.disappear end def appear(data) current_user.appear on: data['appearing_on'] end def away current_user.away end end
14. 4VCTDSJQUJPO
    $MJFOU
    TJEF # app/assets/javascripts/cable/subscriptions/appearance.coffee App.appearance = App.cable.subscriptions.create "AppearanceChannel", connected: -> # Called once the subscription has been successfully completed rejected: -> # Called when the subscription is rejected by the server appear: -> @perform 'appear', appearing_on: @appearingOn() away: -> @perform 'away' appearingOn: -> $('main').data 'appearing-on' $(document).on 'page:change', -> App.appearance.appear() $(document).on 'click', '[data-behavior~=appear_away]', -> App.appearance.away() false
15. 4VCTDSJQUJPO
    $MJFOU
    TJEF # app/assets/javascripts/cable/subscriptions/appearance.coffee App.appearance = App.cable.subscriptions.create "AppearanceChannel", connected: -> # Called once the subscription has been successfully completed rejected: -> # Called when the subscription is rejected by the server appear: -> @perform 'appear', appearing_on: @appearingOn() away: -> @perform 'away' appearingOn: -> $('main').data 'appearing-on' $(document).on 'page:change', -> App.appearance.appear() $(document).on 'click', '[data-behavior~=appear_away]', -> App.appearance.away() false
16. w ͜͜·Ͱ͕ΫϥΠΞϯτ͔Βαʔό΁௨஌͢Δ࢓૊Έ
    w ͔ͬ͜Βαʔό͔ΒΫϥΠΞϯτ΁഑৴͢Δ࢓૊Έ
17. w IUUQTHJUIVCDPNOHULQSBDUJDFSBJMTBDUJPODBCMF
18. ·ͱΊ w 3BJMTͬΆ͍ॻ͖ํͰ͔͚Δͷ͸෼͔Γ΍͍͢
    w αʔό΁ͷ௨஌ΞΫγϣϯ໊͸͸DIBOOFMͷϝιου໊ͱରԠ
    w ΫϥΠΞϯτ΁ͷϝοηʔδ͸A"DUJPO$BCMFTFSWFSCSPBEDBTUA
    w 7JJCBSͷνϟοτػೳͱ͔Ͱ࢖ͬͯΈ͍ͨͰ͢Ͷ
19. ࢀߟ w IUUQTHJUIVCDPNSBJMTBDUJPODBCMF
    w IUUQTHJUIVCDPNSBJMTBDUJPODBCMFFYBNQMFT
    w IUUQTHJUIVCDPNOHULQSBDUJDFSBJMTBDUJPODBCMF