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

Hello and thanks in advance,

Iā€™m trying solution with ā€œReturn data from APIā€ version but I miss something.
I have a test Bubble APP with API workflow configured (I test with a web tool).
I Compile Android APK and it works using Bubble demo.

Then I change strings.xml file with following code:

<resources>
    <string name="app_name">mosquitoweb</string>
    <string name="url">https://MYDOMAIN.bubbleapps.io/version-test/api/1.1/wf/jasonelle</string>
    <string name="launch">file://preload.json</string>
</resources>

When I run APP in emulator it return me ā€œOfflineā€.

What I miss?

Thank you,
Mario

1 Like

Hi @JohnMark

thank you very much for this post.

In step 3 when we choose to create a new app in the console.
console requests a JSON URL (enter the JSON URL if you have one).
We are talking here about the url of our app? or the stored json file url that looks like https: //s3.amazonaws.com/appforest ā€¦ ?

Thanks

1 Like

Hi @gabrielnuel34, and thanks.

The Json file is now replaced by a Workflows API action ā€œReturn data from APIā€ as explained above. Inside the ā€œplain textā€, you put the https://yourapp.com/index URL that points to your Bubble app. The first time you compile your app with Xcode or Android Studio, you put the URL of your endpoint ā€˜Jasonelleā€™ (Bubble). You do this operation only once in your life. Then all changes occur bubble side in the return API action. Any changes after that will be immediate for your users. No more compilation. Great advantage.

7 Likes

Hi @manburg6

You received your reply on the other forum.

1 Like

I just get a 405 error in the APP as Bubble only responds to a post request, not a Get. Please could you post a screenshot of your exact Xcode setup for Settings.plist?

Thanks!

2 Likes

Hi @andy8,

Since Bubble doesnā€™t have GET yet, I used ā€˜Integromatā€™ to do the GET to POST conversion to Bubble API. Maybe others may have another way?


You point to Integromat


And you create the GET to POST (or whatever tool to do it)



3 Likes

@JohnMark, can this be used to let userā€™s download an app direct from my website? I have no need of an actual native app but I have a mobile ā€˜appā€™ page built for the drivers using my software. Iā€™m just looking for a way to put an icon on their phone for quick access. Kind of a faux PWA I guess.

1 Like

Hi @eli

Thereā€™s a new plugin just perfect for what you need :wink:

2 Likes

Well, hello new plugin! How timely :smile:

1 Like

John,

First, thank you for posting this.

This is all very new to me, so please forgive the dumb questions and misuse of terminology.

Reading the initial post in this topic, I get that I would need a Mac in order to build the wrapper. Doing a little more research, it appears that there are ways to virtualize Mac on a Windows 10 PC. Is that a viable option?

At this point, Iā€™m really grasping at straws, so I hope you can give me a little grounding or point out the fundamentals Iā€™m missing.

Thanks.

Hi @laurence,

Yes, is it possible, viable? You let me know :wink:

1 Like

Just purchase a Mac. I recently purchase one solely for deploying my iOS apps (never owned a Mac prior) In Xcode and the process is working perfectly. I looked for the emulators but gave up as it looks Too complex and buggy.

2 Likes

Hi @JohnMark,

Thanks for your work. I have no coding knowledge and I have tried my best to convert my bubble project to the native app as you suggested, and it worked, but Im facing a problem here. I have a single page with show hide rules designed only for app users but when im testing in Android studio it shows the index page.

I tried using Platform Information Page, added the element in page load ā€œwhen Platform A OS is androidā€ > Navigate to > Mobile App Page. It doesnt work. Am i missing anything or my steps are wrong ?

1 Like

Hi @asanhere, thanks.

When Plateform A OS contains android (forced lowercase)

@JohnMark Thank you so much for the quick response.

I have made the changes as you suggested, but it doesnā€™t work. Please help me with this. Though I have already routed the landing page to mobileapp page in Index.Jason file it still picks the Index page of my project.

index android

1 Like

@asanhere Try to erase the application on the phone, and re-install it. I canā€™t see anything else. PM so I can look at it.

Hai John,

I was reading related posts past one week. Since I have no background in coding, i got some doubts. Could you please give a solution?

I tried to create an android app and its success. In that app, i was trying to implement calling option, and image upload from camera option. both are not working by default. I refered jasonalle documentation, i realize that its possible and i have to do some more json coding to activate the native features like camera access, phone call etc.

My problem is how can i do this and where can i do this?
these native coding is should be in index.json file that we are uploading in bubble or in android studio or in bubble element?
i was confused about the element. if i want to use a button to open camera, where should i mention? or if i want to make a call while pressing a button.

could you please help me by providing an example to activate one of the native feature using bubble?

Thanks.

2 Likes

Q: ā€œI am concerned with Appleā€™s accepting of the appā€

A: Approval by Apple is not due to Jasonelle or BDK or any other product that uses a ā€˜wrapperā€™, but it depends on multiple factors such as making sure your app looks like an app, uses native functions whenever possible, and meets Appleā€™s strict security, privacy and terms standards. If your web page is at all points a visually compatible application, your application will be accepted.

Hi @bentoj72

You have to activate the features you need inside the Android Studio config file as explained here

Android Studio settings.

Iā€™m using a simple JS call to enable or execute native functions inside Jasonelle.

Give me a few days, Iā€™ll add to this post ā€œhow to call Jasonelleā€™s functionsā€ with a handy example. Itā€™s very simple when you have the base, but itā€™s very complicated otherwise! Weā€™re not experts in javascript, and often this kind of hurdles is a ā€˜turn offā€™. :sweat_smile:

2 Likes

Thank you so muchā€¦:blush: I am waiting for that postā€¦