PageRenderTime 58ms CodeModel.GetById 33ms RepoModel.GetById 0ms app.codeStats 0ms

/data_push/index.cfm

https://github.com/andreacfm/websockets_example_apps
ColdFusion | 63 lines | 58 code | 5 blank | 0 comment | 3 complexity | c34b0a1555e77742e7fc8b0c2a4f8384 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <title>Railo Websockects Demo Apps - Data Push</title>
    5. 

  5.     <link href="assets/style.css" rel="stylesheet" type="text/css">
    6. 

  6. </head>
    7. 

  7. <body>
    8. 

  8. 

  9.     <div id="main">
    10. 

  10. 

  11.         <h1>Data Push</h1>
    12. 

  12. 

  13.         <p>
    14. 

  14.             This examples shows how you can push data from your Railo app to clients connected via the WebSockects Gateway.<br/>
    15. 

  15.             We simulate a stock exchange widget that gets updated any 2 sec with fake data coming from our Railo server.<br/> The websocket gateway is nothing
    16. 

  16.             more than a regular Railo gateway. As any other gateway can be invoked using the the <b>sendGatewayMessage()</b> function.
    17. 

  17.         </p>
    18. 

  18.         <script src="https://gist.github.com/810167.js?file=sendGatewayMessage"></script>
    19. 

  19. 

  20.         <p>
    21. 

  21.         When the websocket gateway receive a ping will push the <b>data.message</b> value to any connected client. Of course if you configured a listener this will be invoked
    22. 

  22.         before to send the message out. Btw is not the case of this example app.
    23. 

  23.         </p>
    24. 

  24. 

  25.         <h2>About this example app</h2>
    26. 

  26.         <p>
    27. 

  27.         We need to simulate a service on the server that send out data for our clients. We do that with a thread that run for 2 min. The thread is very easy :
    28. 

  28.         </p>
    29. 

  29.         <script src="https://gist.github.com/810191.js?file=websocket%20data_push%20example%20-%20data.cfm"></script>
    30. 

  30.         <p>As you see the thread simply create a set of data and push them to the gateway. That's it.</p>
    31. 

    32. 

  32. 

  33.         <h2>Run the gateway</h2>
    34. 

  34.         <ul>
    35. 

  35.             <li>Go to your Railo Admin and create a WebSocket Gateway that listen on port <b>10126</b>. Call it <b>stocks</b></li>
    36. 

  36.             <li>Go to page <a href="data.cfm" target="_blank">data.cfm</a> to start the thread.</li>
    37. 

  37.             <li>Go to page <a href="stocks.cfm" target="_blank">stocks.cfm</a> and see your widget gets fresh data any 2 secs.</li>
    38. 

  38.         </ul>
    39. 

  39. 

  40.         <p>
    41. 

  41.         When you run the stocks.cfm page a new websocket is opened and as soon as is registered will start to get data. Go to the same page with more browsers or just
    42. 

  42.         open another browser tab. Anytime a new client connects will start to receive data for Railo gateway.
    43. 

  43.         </p>
    44. 

  44. 

  45.         <p>
    46. 

  46.         After 2 min the thread will be killed so you will need to reload <a href="data.cfm" target="_blank">data.cfm</a> to make it restart.
    47. 

  47. 

  48.         </p>
    49. 

  49. 

  50.         <h2>Important</h2>
    51. 

  51.         <p>Not all the browsers support websockets out of the box. This example does not implement any library that allows a failover to flash for browser that doeas not support
    52. 

  52.            websockets. You can use Chrome, Safari or Firefox4(in beta up to this time).
    53. 

  53.         </p>
    54. 

  54. 

  55.         <h2>More about the Gateway</h2>
    56. 

  56.         <p>Find more info about the gateway in the <a href="http://wiki.getrailo.org/wiki/Extensions:WebSockets_Gateway" target="_blank">Railo wiki pages</a></p>
    57. 

  57.         <p>Clone the source from <a href="https://github.com/andreacfm/WebSocket-Gateway-Extension" target="_blank">Github</a></p>
    58. 

  58.     </div>
    59. 

  59. 

  60. </body>
    61. 

  61. </html>
    62. 

  62. 

  63. 

  64.