Back To Module Home

Building Real-time Applications with Phoenix & Elixir

0% completed

Getting Started with Phoenix

Layers of a Real-Time System Types of Scalability Achieving Real-time in Elixir

Powering Real-time Applications with Phoenix

Creating a Simple WebSocket

Connecting Our First WebSocket

Loading Our First WebSocket

Testing WebSocket Connection

Upgrading WebSocket Connections

Maintaining WebSocket Connections

Predecessor to WebSockets

WebSockets and Phoenix Channels

Quiz on Powering Real-time Phoenix Applications

First Steps with Phoenix Channels

What are Phoenix Channels?Understanding Channel Structure Implementation of a Channel Channel Error Handling Dynamic Topics PubSub Receive Messages Send Messages Channel Clients JavaScript Client Quiz on Phoenix Channels

Restrict Socket and Channel Access

Why Restrict Access?Add Authentication to Sockets Different Types of Tokens Add Authorization to Channels Use Authentication from JavaScript When to Write a New Socket Quiz on Socket and Channel Access

Dive Deep into Phoenix Channels

Design for Unreliable Connections Use Channels in a Cluster Customize Channel Behavior Deduplicate Outgoing Messages How to Write Tests Testing Our Wildcard Channel Testing DedupeChannel Quiz on Deep Concepts of Phoenix Channels

Avoid Performance Pitfalls

Measure Everything Collect Measurements using StatsD Keep Channels Asynchronous Build a Scalable Data Pipeline GenStage-powered Pipeline Adding Concurrency and Channels Measuring our Pipeline Test Our Data Pipeline The Power of GenStage Quiz on Avoiding Performance Pitfalls

Build a Real-time Sneaker Store

From Product Requirements to a Plan Setting Up the Project Render Real-time HTML with Channels (Back-end)Render Real-time HTML with Channels (Front-end)Update a Client with Real-time Data Run Multiple Servers Verify Multiple Server Behavior Quiz on Building a Real-Time Application

Break Your Application with Acceptance Tests

The Power of Acceptance Testing Break Our Application Like a User (Part I)Break Our Application Like a User (Part II)Break Our Application Like a Server (Part I)Break Our Application Like a Server (Part II)Automate Acceptance Tests with Hound Write Automated Acceptance Tests Quiz on Breaking an Application with Acceptance Tests

Build a Real-time Shopping Cart

Planning Our Shopping Cart Setting Up Our Project Scaffold Our Shopping Cart Channel (Part I)Scaffold Our Shopping Cart (Part II)Build Our Shopping Cart Channel Add Items to Our Cart Synchronize Multiple Channel Clients Add Real-time Out-of-stock Alerts Acceptance Test the Shopping Cart (Part I)Acceptance Test the Shopping Cart (Part II)Quiz on Building a Real-time Shopping Cart

Track Connected Carts with Presence

On Track with Phoenix Tracker Use Tracker in an Application Phoenix Tracker vs. Presence Scaffold the Admin Dashboard Track Shopping Carts in Real-Time Track Shopping Carts in Real-Time Assemble the Admin Dashboard Quiz on Tracker and Presence

Deploy Our Application to Production

Achieve Scalability with Load Balancing Cluster Your BEAM Nodes Together Quiz on Deploying an Application to Production

Manage Real-time Resources

Manage Our Application’s Memory Effectively Inspect a Running Application Quiz on Managing Real-Time Resources

Hands-on with Phoenix LiveView

Getting Started with LiveView Build a LiveView Product Page Write Tests for a LiveView Quiz on Phoenix LiveView

Single-page Applications with React

Manage Channel State in React Write Channels as Components Hands-on with React React Native Channels Quiz on Single-page Applications with React

Appendix

Installing Phoenix

Conclusion

...

/

Upgrading WebSocket Connections

Upgrading WebSocket Connections

Lets try to upgrade our WebSocket by following step by step instructions.

How to generate `cURL`

The easiest way to generate the cURL request is as follows:

First, right-click the request labelled websocket?token=undefined&vsn=2.0.0 under the “Name” column and then expand Copy.
Then select the “Copy as cURL” option. This will copy a cURL request to a ws protocol URL.
Paste the cURL request into your favorite editor and replace ws:// with http://. ...