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

This is what I see when I click the link you provided. There is no ā€œ5 repliesā€ and there is no ā€œsearch iconā€.

The default strings file works as a I see the jasonette website appear. However, when I change it to the endpoint for bubble it says ā€œofflineā€. I guess Iā€™ll try the file approach instead of the endpoint approach.

You need to create a free Slack account.

yes try first with file approach. Endpoint has to be no auth. activated.

By the way, I was logged in. The screenshot shows that. I still donā€™t see what you are seeing and I donā€™t understand why.

The file method worked perfectly. Still donā€™t understand why slack was looking strange but oh well. Thank you for the assistance.

1 Like

Hi @JohnMark,

My app is working now, thanks for this nice guide! How can the actions from jasonelle be used from your Bubbleapps such as audio record. I know you can specify actions in the JSON-file but how can they be used/triggered?

Thanks

1 Like

HOW TO CALL A JASONELLE NATIVE FUNCTION ?

Here is an example of calling a simple notification banner.

Hi everyone,

Thanks to @lottemint.md and Camilo (from Jasonelle).
A Bubble plugin will replace all this eventually.

  • Install Toolbox Bubble plugin (yes, we need to make some easy javascript calls).
    Use the Run Javascript action (for each function you need).

here the text:

const title= "My first native function!";
const description= "this is cool!";
$agent.trigger('display_banner', {title, description});

You need to add the native function you need in your json file, in this case 7 lines:

The result will display a banner with the title and description.
You can now call all the native jasonelle functions you need.

Happy Bubble + Jasonelle time! :slight_smile:

4 Likes

We have just reached the 4000 views! :smiley: ā€¦ :tada: @bubble :boom:

1 Like

Your guides are brilliant! Thank you !

1 Like

I tried to implementing this, but I donā€™t get a banner, only an error in my Logcat of android studio.
My Json file:


and my button action: 40

am I doing something wrong?

thanks!

1 Like

Sounds to be good, I will DM you.

I am also getting same problem john.

Hi @bentoj72,

There is a conflict with Bubble and Jasonelle on the first page to display the banner. I havenā€™t found the reason yet (it can be a JS conflict with other plugins). This works for me on a reusable element or on different pages. Let me know if you found the problem. Have you tried any other functions? PM if I can help. Iā€™m trying to keep this post for the NEWS on Jasonelle.

If you missed the recent post

How to call a Jasonelle native function

HERE the list of functions, like play audio, camera, gps (called geo), banner, toast, pickerā€¦

Actions in Jasonelle

3 Likes

Hi @JohnMark - Just wanted to thank you for putting all of this together! Really really appreciate it. Just went through the whole process and some quick learnings for people who are absolutely new to coding from my end -

  1. Download Android Studio first - takes some time
  2. Open the whole unzipped folder using the Studio - I know this is probably obvious for others but it wasnā€™t to me and I spent 30 mins + searching for some of the files.
  3. I tried to do things without using the .json file but it was taking too long and once I decided to revert to JMā€™s original method it was much easier.
  4. Also, went down the rabbit hole of creating a .json file and was finding it hard (I did say Zero experience :stuck_out_tongue:) - but then found a stupid hack which is - I just found an existing .json and replaced the code there. I had some issues with the format of the json so I am uploading the file here incase you want to download and just put your appā€™s url there. https://drive.google.com/open?id=1yj3B3nub8BL2IY6Pq1r8efETRdsbI_n8

Thanks so much again, JM!

4 Likes

Hi @krooty,

Thanks, and just to add a native function it took me hours to found out :slight_smile:

Great tool here to validate your json file > Hjson.org

Or you can create your own file myfile.json with the original json script :wink:

{
   "$jason": {
		"body": {
			"background": {
				"type": "html",
				"url": "https://www.your_domain.com",
					"action": {
						"type": "$default"
							  }
						  }
				}
			  }
}
2 Likes

" I will always recommend wrapping a web application if it is done professionally " :wink:

Second, an easy integration solution. No other development code to learn or continuously change. 80% of functions are covered by Bubble (and plugins). The idea of developing a single compatible application for all platforms is truly unique. With the new integration of Bubble Cloudflare, make it faster. Just good news.

I just compared the Bubble-Jasonelle app with iOS Messenger, LinkedIn, Skype and others for loading time, and Bubble is on average 2 seconds later to display the information. BTW the tested index page is a complex full page.
That is very acceptable. No one can say itā€™s a wrapper!

Advantages over other ā€˜wrappersā€™:

  • Compile once on Google Play and Apple Store (yes, no more submission to them!)
  • All changes made to Bubble are instantaneous for users
  • Free Open Source and Free
  • or Build a complete native app with Jasonelle and use Bubble as backend

I also recommend using an auto-REFRESH plugin when making changes to LIVE, so your users have nothing to do. Never again ā€˜Press here to refresh the screenā€™.

5 Likes

Thanks @JohnMark. It is interesting, I am trying it now !.

1 Like

Hi @JohnMark,

Thanks so much for all your tips!

We have developed an MVP version of an app using Bubble and would like to have it as iOS and Android app but donā€™t seem to be able to follow your steps. It is our very first experience with app development and therefore are bit confused. :sweat_smile: I apologiese if the questions are very basic but:

  1. Where do we get the url that goes at the end of the Return data from API?

  2. Does this have to be a registered domain or can will it work for the demo verison of the app?

Thanks again!
Luisa

1 Like

Hi Luisa @asiul_91 and thanks.

The first step, make it work with the regular way to be sure you grasp the concept. If it work, and only Jasonelle canā€™t read your file on the Return API, then be sure to point to another plateform first with GET to POST conversion as explained above (with Integromat). Bubble doesnt yet accept GET. Nothing perfect. :slight_smile:

Get to Post link

It works for demo version.

Hope it help! :sweat_smile:

" Do I need Apple or/and Google Play account? "

For any native project, you need an account with Apple ($100) and Google Play ($35) valid for one year. If you want to save this cost, you need to take other wrappers that control your application and all carries some risk. For experimental reasons, why not! :slight_smile:

I will welcome @Sam with his new integration for Android (13$) with Nativator.
Nativator

1 Like