RobertoSchneiders
Log out causes "attempting to reconnect" messages on additional browser tabs
I used the mix phx.gen.auth to generate the basic authentication system for my LiveView app. I’m following this security model documentation and one thing I can’t get right at the moment is the disconnect all instances of a live user.
When a user logs out in one browser tab, everything works fine in that tab and sure enough, the other tabs/live view sessions are immediately disconnected, however, on those additional tabs the loading top bar and the “We can’t find the internet. Attempting to reconnect” message is shown. It stays on the screen for about 10s before the redirect is made and the “You must log in to access this page” error is displayed.
I was expecting the redirect to happen immediately and I wasn’t expecting any “attempting to reconnect” messages to show up in this situation.
Is this expected behavior?
Most Liked
adw632
But that is what he is doing because he used phx.gen.auth:
Note: If you use mix phx.gen.auth to generate your authentication system, lines to that effect are already present in the generated code. The generated code uses a user_token instead of referring to the user_id.
It seems the websocket connection handling in liveview javascript is a bit flakey, even on mobile browsers almost always show that annoying “can’t find the internet”, especially when you switch tabs and come back or open and close the device.
Why the need to display this jarring housekeeping message is beyond me, it tarnishes all liveview sites IMO.
Popular in Questions
Other popular topics
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance










