KiKi
Ionic + Liveview / Ionic + Vue / PWA mobile app
Hi,
I’ve created a small web app and now I would like to turn in into a mobile app (iOS and Android). All I need is a wrapper really so I think Ionic would be a good choice. On the front end, I would like to use Liveview, it should be perfect for what I need. Another solution is Vue, but as I don’t have much experience with it, I would use it only if it has some really big advantage over Liveview. Third option is a PWA, I also don’t have any experience with it, and I haven’t seen many PWA apps so I’m not sure if that would be a good choice.
Could you please give me some advice and guidance on how to proceed?
Most Liked
tejpochiraju
This may or may not help you with your specific choices but I just posted a blog on hosting PWAs with Phoenix. I use our Websockets client as an example. This particular one is pretty simple and only uses a dash of AlpineJS but no reason you couldn’t go all out with Vue or similar.
For what it’s worth, if you plan to integrate with Phoenix routing and hosting (not just APIs), Vue is likely to be simpler than Ionic. Ionic requires you to use their build tools and I have found fiddling there to be quite tricky. With Vue, you could get started by simply dropping in a script tag and binding components to elements on the page. You could then do what I do in the blog and just point the router and assets the right way.
Exadra37
The simplest way to have a PWA web app is to add a manifest file to it, and you can use an online generator:
This manifest file will allow your web app to be added into a mobile device and “behave” and “look” like a mobile app.
After this you can then start to try to add to your web app more features of a PWA, like support for service workers if it makes sense.
A good starting point may be here:
Popular in Discussions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Producing high quality Elixir screencasts since 2017.
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
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.
Real-time error tracking, performance insights, and observability for devs.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
Courses that'll move you from confusion to "Aha, now I get it!"