Phoenix Channel makes use of web sockets protocol (similar to http protocol) which is becoming the new standard for making 2 way persistent connection between the browser and the server. So every response from the server needs a prior request from the client.
Once the server responds to a client, it cannot later decide to send any additional data to the client on its own at a later time without a new request originating from the client. Traditionally, automatic updates to a webpage from the web server had been challenging as the HTTP protocol is client centric, meaning, it’s always the client who makes the request and the server responds to it. Phoenix Channel makes it possible to create persistent connection between client (browser) and the web server (cowboy). You won’t lose anything related to LiveReload. If you are already familiar with Phoenix Channel, you can skip this section. A small javascript helper present in Phoenix LiveReload.Phoenix Channel (bundled with Phoenix framework).Live Reload functionality is made possible by these 4 components:
Livereload change to local host code#
To better follow this post, I suggest that you create a new Phoenix project using mix phx.new hello and follow the code explanations by actually opening the relevant files in your project. Yes, this is the same one that is powering Phoenix LiveView, an actively developed new feature for Phoenix that is making javascript code redundant for many use cases. Phoenix LiveReload as this feature is called is made possible by using Phoenix Channels, a built-in feature in Phoenix framework. In this post, we will look into how this is working behind the scenes.
Whether you are working on CSS/JS files or on your elixir module, providing an updated webpage before you switch your window from your code editor to browser is quite handy. Phoenix provides a good developer experience by auto reloading the webpage whenever you change the source code of your project in the development environment. How LiveReload works behind the scene - Demystifying Phoenix Magic ?
0 kommentar(er)
