Forum Documentation Showcase Pricing Learn more

PWA with bubble

Need help Mobile
#1

Hello community,

I was wondering how I can create a PWA with bubble?

Or is a PWA basically just a website built for use on mobile devices? But how do I get the download-feature (that users can download my PWA and have it on their phones like a native app, without the browser tab)

Thank you!
Felix

1 Like
#2

also interested in this.

#4

Me too. Very interested. Some kind of example or tutorial would be great

#5

Interested also. :grin:

#6

Search for Jasonelle.

#7

You can use pwabuilder.

#8

You can build almost your entire native app in Bubble / Jasonelle:

1 Like
#9

Now with Jasonelle…

  1. What kind of code do you need to learn?
  2. How easy is it to make a website into a PWA?
  3. Do I have to fix every single feature that I have on my size based on all the different phone sizes or does Jasonelle automatically take care of it?
  4. What is the cost?
  5. How long does it take to convert a website into a PWA?
  6. Example apps?

Thanks

#10

Google is your best friend.

#11

I have issues with my wrapped app (webview gold) so I am thinking of giving PWA Builder a try. Have you used it and is there anything I need to look out for?

#12

Hi @eduKit

I just saw your post!

Jasonelle, like other wrappers, has its own set of execution commands in a json file. But 90% of Native you need are already inside Bubble and plugins. You have no code to learn if you take the file as just to wrap.
If you need special native function, you can follow my post : create a free native app

It depends on how responsive your site is. If your site is 100% responsive for a 320x phone pixel, then it’s easier.

Jasonelle do nothing, just display your html site.

Free, faster than other wrapper when is time to update your app. No more compilation too.

from 1 hour to 6 months? no clue. :sweat_smile:

Nobody until now are sharing their apps, secret weapon I presumed :slight_smile:

Enjoy!

#13

What is the difference between a webviewer and a PWA? And what are your issues?

Felix

#14

Thank Felix,

I am no expert but in my opinion, the wrapper provides a “browser” with additional features to make the app seem more native. Splashscreen, notifications and icon come to mind. It provides installation files for the 2 app stores.

A PWA also provides those additional features but with the help of a manifest file and service helpers. The PWA can not be listed in the stores but when a user visits a PWA on the web he can be asked to put an icon on home screen and the app opens in full screen, an experience much like an app.

The issues I have are that I have to change splash screen and icon and that the installed qr reader does not open from within the already wrapped app. I will need to re-wrap but don’t know how to do it myself. So I am thinking skipping the app stores all together and just go with the PWA.

Hope I make sense with the above.

#15

@felix.zehetner @FJP @shu.teopengco @eduKit @rico @sorensong you guys might be interested to check out our latest release. In our humble opinion, there really is no better way to think about building a PWA on Bubble.