aswinmohanme
TLDR;
How do I deploy a LiveView app such that I want the WebSocket to be hosted on a separate domain than the deployed app? I want my app liveview.com app to access the websockets on wss://notliveview.com/live.
I have changed my app.js to point to the full website, but the LiveView crashes and infinitely refreshes. I have changed the check_origin: policy to false and set session_options as, but still it does not connect. I can see on the network inspector that the cookie is not set when accessing wss://notliveview.com from a website hosted on liveview.com.
@session_options [
store: :cookie,
key: "_app_web_key",
signing_salt: "ARodNYY",
same_site: "None",
secure: true
]
Why ?
I have a monolithic Phoenix LiveView that currently serves the landing, privacy policy and terms-of-service from a single server. I also want to create a new blog, and I want to split it from the monolithic app and deploy it as a static site.
I have deployed my Phoenix LiveView app on Fly and the new marketing site (generated using a static site generator on Vercel). I’m planning to use Vercel as the front-facing website. When a person visits your site, it first checks if it matches the Vercel ones and if it doesn’t the rest of the request is reverse proxied through next.config.js: rewrites | Next.js through to the LiveView app.
It works fine for apps over HTTP, but does not work with Websockets because of the above issue, any pointers would be really helpful.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Master modern tools, write cleaner code, and tackle real-world challenges with Manning books, videos, and courses. Start building today.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #ai
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixirconf-us
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
derek-zhou
Entirely different domains will not share cookies, ever. You have 2 choices:
aswinmohanme
I control the domain so I think I can go with the first option. So I have liveview.com as the apex domain on vercel and app.liveview.com as the websocket URL. I have to set the cookie on the apex domain liveview.com and have the cookie read on app.liveview.com.
Do I need to set the cookie by Vercel or can my LiveView create that apex level cookie ? And how do I read that from my liveview app ?
Thanks for the pointers.
derek-zhou
I only know how to do it if both are using phoenix. Basically you just use the same secret_key_base on both sides.
In my understanding, vercel is a static site host; you cannot use a cookie session. So I’d think you have to use the second way?
aswinmohanme
It worked!, Thank you so much, I had been working on this for the past two days and was so close to giving up. I had tried everything except that same domain thing.
The cookie gets automatically set by the live endpoint, and everything works like a charm, Auth, Sessions all. Thanks again
Here is the config for the future people
aswinmohanme
Here is the blog post about it in case it helps someone Superfast Webapps using NextJS, Vercel, LiveView and Fly.io · aswinmohan.me