Install a progressive web app on Android [bubblewrap]

[@aaronperl]

This was great, thanks! I'm going to bookmark this to come back to when I finish my current hobby-project, and see if it's helpful for getting an Android version.

[@PledgeBass]

3 years later, doubt you will see this but just want to say you're extremely talented at this! I hope you have continued to do more tutorial / explanation videos. You keep things simple and well-paced. Cheers!

[@DanielPersson]

Thank you for watching my videos. Been at this for 8 years, one video every week so I've done a couple. :) Best regards Daniel

[@jimmyroserovallejo]

Todavia funciona ese tutorial ?

[@DanielPersson]

Hi Jimmy I'm not sure. I have not used Bubblewrap for years, so try it. If you need more resources, the GitHub repository recommends a Google blog post explaining the steps individually. developer.chrome.com/docs/android/trusted-web-activity/quick-start/ I hope this helps. Thank you for watching my videos. Best regards Daniel

[@jittu.mp4419]

How do i remove or uninstall bubblewrap from my system?

[@DanielPersson]

Hi Jittu The main solution is to uninstall the npm package but there might be a bunch of dependencies you need to remove as well. Found an article on the topic, maybe it could help. careerkarma.com/blog/npm-uninstall/#:~:text=Uninstalling%20packages%20can%20be%20done,followed%20by%20the%20package%20name.&text=Using%20this%20syntax%20in%20the,folder%20of%20the%20current%20project. Best regards Daniel

[@jittu.mp4419]

@@DanielPersson can you please tell me the command lines to do it

[@DanielPersson]

Hi Jittu Well there is not a clean command line option to remove these. But removing your project or the node_modules directory and then run `npm cache clean`. I hope this helps. Best regards Daniel

[@jhjhj2172]

its showing => cli ERROR Command failed: gradlew.bat assembleRelease --stacktrace when running bubblewrap build

[@DanielPersson]

Hi Vishal. Thank you for watching my videos. Try building it without bubblewrap.Run gradlew assembleRelease manually and you might get an stacktrace that tells you what Android SDK addons that might be missing for your application. I hope this helps. Best regards Daniel

[@jhjhj2172]

@@DanielPersson Thanks allot,

[@drakolubez6592]

Error: Could not find or load main class code\pwa I am getting this error after bubblewrap build command.... Where am I missing? Please help.

[@DanielPersson]

Hi Drako. Thank you for watching my videos. "Error: Could not find or load main class code\pwa" This will probably not work. Usually, you define your class names using a package name followed by the class. For instance, you could have a class called org.ea.MyPWA In this case, the package is org.ea, and the directory structure would be src/main/java/org/ea, and then you have a class with the name MyPWA. This is if you are using a maven structure for your files. So you probably have to change the definition of your main class to the actual running class, and then it would work. I hope this helps. Best regards Daniel

[@drrashedhammad]

I STILL SEE THE URL BAR

[@DanielPersson]

Hi Rashed Thank you for watching my videos. There might be many reasons for this specific issue. One that is quite common and something easily forgotten is adding the assert link JSON file into your domain. domain.name/.well-known/assetlinks.json I hope this helps. Best regards Daniel

[@drrashedhammad]

@@DanielPersson already added. But I quit PWA at all due to running in google message appears for users when they firstly download the app

[@codelucky]

Could you please suggest an alternative for iOS?

[@DanielPersson]

Hi CodeLucky. I don't think there is a good solution for iOS. Not even sure if Bubblewrap still is a thing. I would look into Flutter as a solution to reach both platforms in a good way. And if that is not an option then I guess native development is the way to go. Don't own any Apple products and because of their closed garden there is no way to cover or play around with it. Thank you for watching my videos. Best regards Daniel

[@mittpwapush]

Thanks for the video. How to remove the secure URL under the top bar. Is there a way?

[@DanielPersson]

Hi Robert. It's all about the site you visit. You need an assetlinks.json file that is correctly configured for that site. Very much similar to the manifest for a PWA application. It's mentioned in this github discussion: github.com/GoogleChromeLabs/bubblewrap/issues/48 I hope helps. Thank you for watching my videos. Best regards Daniel

[@mittpwapush]

@@DanielPersson Thanks this was the solution :-)

[@fmwasalukwa]

Is it possible to remove the action bar on the created app through bubblewrap?

[@DanielPersson]

Hi Frank. Thank you for watching my videos. I'm not sure if it works similar as with other PWA. But you can specify in the manifest that this is an standalone application and bubblewrap should pick up on that and remove the action bar. I haven't tried it recently so I don't know if it works. I hope this helps. Best regards Daniel

[@jws1837]

today, it doesn't now wokring because of minsdk 21 issue.

[@mamiayadi8766]

what's your os ? how did you make it like that

[@DanielPersson]

Hi Mami Thank you for watching my videos. I'm running Windows 10 at the moment. Best regards Daniel

[@inovtech6436]

Nice tuto I am so happy about it but I have one question to ask how to remove url navigation from bubblewrap

[@DanielPersson]

Hi Inovtech Thank you for watching my videos. It seems that they are working on that feature. You can follow the work over at github.com/GoogleChromeLabs/bubblewrap/issues/430 I hope this helps. Best regards Daniel

[@kevlarkode]

But can't we remove the url tab in the top of app. That will make it look and feel more native. If anyone has any solution pl share 🌚

[@DanielPersson]

Hi Kevlar Thank you for watching my videos. It seems that they are working on that feature. You can follow the work over at github.com/GoogleChromeLabs/bubblewrap/issues/430 I hope this helps. Best regards Daniel

[@kevlarkode]

@@DanielPersson thanks for the response man 👍

[@jazelleanncapulilpt7365]

hi, how did you get the manifest json file?

[@DanielPersson]

Hi Jazelle. The JSON file is something you need to create and add to your webpage. There is a couple of good guides on W3C and Mozilla pages to understand the structure of the file. If you want a simpler way to generate the file, you can use a tool I used back then to create the first draft of my manifest: app-manifest.firebaseapp.com/ I hope this helps. Thank you for watching my videos. Best regards Daniel

[@MsSouheib]

hi , thanx for your tutorial it show me error invalid json responce body reason : unexpected token < in json at position 0 Can you help me please ?

[@DanielPersson]

Hi Sohail Thank you for watching my videos. Look in the developer console response body for the request. It sounds like you got an error in the server response and it shows you an HTML error page instead of the expected json data. Also look at the error code for more hints on the issue. I hope this helps Best regards Daniel

[@okfax5932]

rename pwa manifest.json to manifest .json it worked for me.

[@thelegaldrive]

very useful overview thank you

[@pratikgohil7821]

thank you for the video👍

[@StijnHommes]

I don't need advice on how to install spam.

[@DanielPersson]

Hi Stijn Sorry if you got some solicitation from an ad on my channel. Can't really choose what they run. I'm a paying KZbin user so I never see any ads and have not seen one for 4 years so it's hard for me to gauge. Then again ads are personal so I will not see the same ones that you do. Great that you did recognize it as spam and didn't install. Thank you for watching and leaving a comment informing me. Best regards Daniel

[@StijnHommes]

@@DanielPersson You misunderstood. YOU are advertising for Google by making them a free 10 minute PWA advert. You should be making native apps instead of promoting spam.

[@StijnHommes]

Great tool for developers who are too lazy to develop a native app. Too bad you don't stick with best practices.

[@DanielPersson]

Hi Stijn Thank you for watching my videos. Best practices change and I don't keep track sadly because it's not my day to day work. I hope this don't confuse people. If there is something specific I should look into then please don't hesitate to educate me. Best regards Daniel