Forum Academy Marketplace Showcase Pricing Features

2023 - 10 min. to build a free native iOS/Android app šŸ”·

Many bubblers would like to have their Bubble site (or app) converted into an application for iPhone ā€˜iOS’ or ā€˜Android’ for free. In less than 10 minutes, I had my site on my phone with free Jasonelle :large_blue_diamond: open source. :slight_smile: Become an expert in native app creation!


The main advantage of this tool is that you will never have to compile again or submit your APP to Apple or Google stores. Everything is done on Bubble side forever! If you still don’t want to do it yourself, I recommend the BDK Native in the box.


6 EASY STEPS
This procedure is the same for iOS or Android.

  1. Download the executable files:
    iOS (Xcode) iOS for Bubble or Android (Studio) Android

  2. Install (if not already done) Xcode for Mac: Xcode or Android Studio: Android Studio

  3. Open the ā€˜master.zip’ , run SETUP
    image

  1. Create with any text editor a text file with the name or create an endpoint inside API Workflows > No need any file! < Read this!

index.json

  • an copy those lines to it (this is your wrapper). Save it. Change the domain with yours! www.your_Bubble_domain.me
{
   "$jason": {
		"body": {
			"background": {
				"type": "html",
				"url": "https://www.your_Bubble_domain.me",
					"action": {
						"type": "$default"
							  }
						  }
				}
			  }
}
  1. Inside the compiler (iOS) you need to specify URL in the section settings.plist

  2. Connect your phone and choose from the simulator menu your phone (which should appear) and press RUN (the triangle button). Your app will open in your phone.

Enjoy!

more notes:
Android installation (July5) : Android debugging

What bubblers says (thanks guys :slight_smile: )

  • " Thanks a lot for your very useful post. The kind we need here! Just to say that. Cheers " N.

  • " It’s been really useful, especially the json you provide, even though it’s super simple, made literally it no brainer for me who wasn’t sure how to write the wrapping" G.

  • " You have saved me time and money through your posts on the forum about wrapping. Your solution is elegant and 100% effective. " S.

172 Likes
Bubble + Jasonette (native mobile apps)
Native iOS & Android
Progressive Web Apps
How does this look on mobile/IOS?
IOS "Add to Home Screen" links
Progressive web apps, native apps, mobile apps, hybrid apps, web apps...a breakdown of all the apps :slightly_smiling_face:
[NEW PLUGIN] Generate deep nested JSON from thing(s)
Bubble and native app builder Jasonelle are now friends šŸ”·
Mobile App with Web based control panel
Is it possible in Bubble to create Logistic CMS / Web App / Android App
Confused on how to create mobile app
Bubble en franƧais c'est ici!
Bubble en franƧais c'est ici!
Publishing to Mobile
Retrieve contacts from phone to bubble app
Convert bubble app to PWA
Formatting Bottom Sticky Nav Bar (Mobile)
It is possible to build an PWA on bubble?
Can you make ios and andriod apps?
Building a Native Mobile App
Can I make a Mobile App Marketplace application?
Creating mobile apps
Steps to getting my app wrapped
Feedback on Improving New Mobile App
Fundraising to create a plugin for iOS and Android with Jasonelle
Requirement that all IOS Apps must be built with Xcode and IOS SDK
Best Native App Builder
Building a mobile app with the BDK native service
Cost price of a Native mobile market place app
Set my bubble ap to mobile native
Can somebody tell me how I make my app mobile friendly?
Apple App Clips pwa
How to convert Bubble app to actual apk to Google playstore
Downloadable App
Downloadable App
Bubble Limitations
IOS App Store Best Practices?
Why isn't my mobile version not working when I publish?
Is it possible to do this app idea with bubble?
Convert Bubble into Android Mobile App - step by step
"This page is a native app" - How does this help?
Convert Bubble apps to mobile Application
Convert Bubble apps to mobile Application
PWA Setup Recommendations
Turn multipage into native app -- need suggestions and maybe some pro help
How to get bubble made app on google play store ? when my plan is hobby?
Concerns with bubble
<native, to what extent?>Is it possible to build Stepper(pedometer) on bubble.io?
Migrating bubble app to iOS and Google play stores
Very confused What to use for mobile app development
Mobile app in bubble
Once Bubble app is finished, is it possible to publish app on App store & Google Play store?
Is Apple Watch App Possible?
How to get image from Jasonette/Jasonelle camera back to Bubble?
Native UI + Bubble
Creating a native app
I am developing app in bubble and I want to upload the app on itune store and googleplay store, how can I do that?
[New Template] Mobile UI components library
2020] Is it possible to create a mobile app with Bubble?
[NEW PLUGIN] OneSignal Push Notifications PRO plugin
Fundraising to create a plugin for iOS and Android with Jasonelle
Fundraising to create a plugin for iOS and Android with Jasonelle
Is noCodeJS still a good service?
[NEW PLUGIN] OneSignal Push Notifications PRO plugin
Is noCodeJS still a good service?
Building a mobile app externally with Bubble as backend?
Convert Bubble apps to mobile Application
Converting a bubble site into a mobile app
Agrifintech web and mobile application
Accessing Contacts on the device
I confuse what would I get at the end
iOS Phonegap iAP Plugin - Beta Testers Needed
Webapp2app - bubble to iOS and Android
Bubble + Jasonette (native mobile apps)
Launch Native App in App Store
Creating a Paid Fitness App?
The great Wrapper debate!
Is it worth building an app on Bubble?
Can I use Bubble for Native/ PWA apps
Wrapping web app with Flutter
How create page navigation with Bubble API?
Building Mobile Android and IOS apps from Bubble
How to integrate into iOS App?
Native App Dev?!
Going Native App from Bubble
Why can't I edit my own post on the forum?
Start with mobile design
Just need some clarification
PWA with bubble
Wrapping bubble into android app
Things I've learned while building complex apps
OneSignal Web Notifications API Connector
Selling An App on App Store and Play Store
Will bubble be the right platform for my business?
Need help turning my app into Mobile app
Bubble front-end with existing back-end?
Will Bubble be releasing new features?
Make AppStore/PlayStore App out of my bubble application
What are next big releases coming up on Bubble?
Launching a Bubble App to 10,000 users
How are bubblers turning their web app into ios and android apps?
Building native apps with GoNative
Swipe to Workflow Action - New Plugin from Zeroqode
Mobile + Web Based MVP - What do I need to know before I start?
Best iphone app development companies
Request for feedback: What 3rd party integrations are missing?
Mobile Plugin & App
Mic permission when hiding UI on IOS
Convert Bubble apps to mobile Application
Apple deadline for HTML5 apps - No more Bubble iOS apps?
Prototype Mobile Frames in Bubble
Bubble + Jasonette (native mobile apps)
Should I go for a mobile app or a bubble app?
PWA with bubble
Web App with offline support?
Audio Focused App - Native App required?
Mobile App Builder NO CODE Like Bubble
Customizing website json file
Explain Bubble to investors
App wrapper vs. native app - thoughts for 2019?
PSA - App-wide Reusable element + Group Focus/popup = ULTIMATE POWER
Create a guide type mobile app
Advice on App Finishing for Mobile - "wrapper options"
Bubble App example
Ads into a bubble application
Service needed: Uploading my Bubble app to the App Store
An up-to-date review of all native app wrappers for Bubble Apps? Which is the best?
Storing audio files locally (offline) for playback on mobile
Building app on bubble
Examples of live apps on the iOS App Store built using bubble and a native converter
Audio recording issue on Mobile
Best Native Wrapper?
Can Bubble Apps Access the iOS Screen Time API?
One page or multiple pages for wrapped app?
Launch Windows Application from Bubble App?
Help wrapping APP
Real-time text messaging in bubble
Some questions about Bubbles capabilities on Mobile (geolocation & QR)
Mobile Attribution for bubble mobile app
Native iOS and Android Mobile Apps
Quick tips for Native App building?
Bubble for a native app
Native/PWA app is free to build?
[Top 10 options] Convert bubble.io to native app
[Top 10 options] Convert bubble.io to native app
Admin Dashboard with native app
[New Template] Mobile UI components library
Can I create one app for web and app using? Does it work normal?
Publish app ios and android
Wrapped Bubble Mobile Application Examples
Making a Bubble mobile app (codelessacademy ?)
"Native" iOS app
Help convert to native iOS app
Wrapper for ios and android app best for bubble.io
Convert to android and iphone app
Plugin to access phonebook (contacts - name and number - of phone)
Create iOS and Android apps with Jasonelle for our Bubble App
Create a native page
Mobile App with Web based control panel
What is the best page dimensions for PWA?
Custom Native App Wrapper for IOS and Android

Nicely done sir!

6 Likes

Does it interacts well with picture uploader, scrolling within elements etc? Because I tried a few other alternatives and many of them failed some essential basic task.

2 Likes

Hi @vini_brito

At the base (html), the Jasonelle core use the most commun features of both world iOs and Android. Scrolling working good, and any ā€˜uploader’ (including pdf). At this point, I recommand a try :wink:

The best part is having fun with NATIVE Jasonelle functions.

3 Likes

Thanks! Interesting and I will try it out. Question, if I want to create a Android app can I also use Xcode or do I need Android Studio and should I use Xcode for iOS app?

1 Like

Hi @FJP

Xcode for iOS, Studio for Android. And thanks.

2 Likes

Thank you! It’s possible to lock orientation to prevent horizontal?

1 Like

@danielowega All thoses settings are inside the compilers. :wink:

2 Likes

This is great!

Thanks for sharing.

1 Like

Thank you @privilet.info

Hope you enjoy. This is the faster way I found.

1 Like

Hi, @JohnMark

The iOS works like a charm. And I’d like to share my experience building the Android version. It’s not that easy and straight forward as building in Xcode.

During the installation, you will find an error like this

Unsupported method: AndroidProject.getVariantNames()

I found a solution here in the top answer. It changes only two lines and it will work like magic. Then the android studio will ask to download a newer SDK version and all things will be done.

Follow the documentation in the jasonette.com to customize your app, but it’s quite an old version. Here’s the path in new version

Open strings.xml, change the app_name to yours and change the URL to the same index.json’s URL path as JohnMark’s instruction step 4.

And don’t forget to replace the icons in those mipmaps folders in the res folder. I did this manually by reveal the folder in finder and replace the icons one by one.

Have fun everyone :slight_smile:

20 Likes

Hi @privilet.info

Totally agreed… it took me 100 minutes to patch everything on Android. So let’s start first with the new Android download.

and download the file…

next…

next…
Configure your phone to be in a state of ā€œDevelopment modeā€ in the settings of your phone. You have to press 7 times this Build number…


next…
If the demo doesn’t work is probably because you don’t have the old things… so installed it.


1>


2 >


3 >

Still enjoy! you just saved hours… :slight_smile:

11 Likes

@lantzgould Thanks

Awosome stuff @JohnMark , thanks for this.

But what is the difference between this and using a webview option? what are the advantages/ disadvantages?

Thanks

2 Likes

Hi @LinuxUser, thanks.

The difference is for your end users, having an app that they can download from Apple and Google Stores. It’s also more personal, your own ā€œiconā€ but in terms of speed it will be the same, since you don’t use Jasonelle’s native functions to make it faster, at the moment :wink:

1 Like

Using the webview option in Jasonelle will result in the same end experience as using something like Webview Gold or Superview. It does the same thing: load your Bubble website through a web browser. As JohnMark says, your users will download the app from the app store, but if there is no internet connection, there’s no access to your app as it’s still just loading it through a web browser.

4 Likes

To add to what Andrew says, I would tend to believe that it depends on everyone’s need. 95% of the apps I use on my iphone (100+) are apps that need to be online. Also as I mentioned, the advantage over WebView or the others ($) is that Jasonelle uses a batch file external to the main file (in json format), which makes it completely standalone for future changes without compile clutter. Over time, you can add native elements to your app to give it more color and speed. This plugin let you use the swipe and press&hold controls.

Swipe to Workflow Action


3 Likes

Hi John,

This looks very good! ONe of the main reasons why I would want a native version of my app is to be able to send native push messages to the user. Is that possible with your solution?

3 Likes

Hi @SenorPelota, and yes it is very good :slight_smile:

Jasonelle is basically a native application, with a ā€˜wrapper’ which is simply an htlm window of the same type as we have with Bubble. Notifications are possible, and there are several ways to do so. OneSignal is one of those. I invite you to read the means to achieve this. Jasonelle forum.

8 Likes

Is it enought to use one of bubble onesignal plugins or does it requiremother conficuration aswell?

1 Like