2024 - 10 min. to build a free native iOS/Android app 🔷

[dylanp]

Any idea why it’s showing No Device when I have created an Android Virtual Device?

[JohnMark]

Hello @dylanp

What I know is if you using a real phone, it works. You can ask your question on the new jasonelle channel https://web.telegram.org/#/im?p=@jasonelle
or on Android forum or Android Central

[austin3]

So I’ve been playing around with this over the past couple weeks, and I can say that it’s more of a pain that their site makes it out to be, so having a plugin to do it automatically would be very nice.

For those of you stuck on various things, I’ll do my best to provide some insights:

Android:

The android version doesn’t have a setup script, but that’s ok. You can just import the project using android studio, and change a couple variables (the name, urls, and package name) and you’re pretty much good to go.

iOS:

The setup script on the iOS versions is under the legacy folder, as someone pointed out above. In my experience, the script is broken. Taking a look through it, I think it might have something to do with the fact that the directory structure of the project has changed from when it was first written (at least in version 2.0). In order to get it to work, I followed the instructions for manual setup here:
https://jasonelle.com/jasonette-old-docs/ios/#manual-setup

IMPORTANT: Open the Jasonette.xcworkspace file, NOT the Jasonette.xcodeproj file. The iOS project is setup using cocoapods, and if you open the xcodeproj file directly it will fail to build. Once you’re all set up, you can change the name and url in the settings.plist and info.plist files in Xcode, detailed in the link above.

I also found this stack overflow post detailing how to change the overall project name. This also provides instructions on how to change the package id:

How do I completely rename an Xcode project (i.e. inclusive of folders)?

Although it is a cocoapods project, I ended up not having to clear and reinstall pods to get it to change. I also didn’t change the name of the “Jasonette” subfolder (the one with Actions, Components, Core, Services, Tests, Views, and Info.plist).

ONE MORE THING: If, like me, your xcode simulator wouldn’t launch the app after pressing play, go into your schema editing and under run -> Build Configuration: Debug, select the .app executable. Then save the schema and choose an iphone variant for your simulator.

preload.json

I have found using Jasonelle for android v 2.1 (also seems to be an issue in v2.0) that the preload.json file which is supposed to show a screen while the app is loading doesn’t seem to ever be displayed. I let them know about this in their telegram channel and they are yet to look into it thoroughly, so we might just have to accept not being able to have a loading screen for now. I haven’t tried any of this on the iOS version, I wouldn’t even know how.

[austin3]

Now an unrelated issue:

Has anyone here managed to get google OAUTH authentication working with bubble + Jasonelle? I am using the Google sign-in plugin, but it seems that Google disallows oauth from within webviews and other embedded browsers. Short of spoofing the user agent, I don’t know how I’d go about addressing this.

EDIT: Removed unnecessary quote of myself

[JohnMark]

Hello @austin3

Excellent update. Have you asked if it was possible to do Google OAUTH inside Jasonelle? I hope you will find a solution and share it. If you are interested in the new Jasonelle plugin, it will be able to correct your need.

Fundraising to create a plugin for iOS and Android with Jasonelle

It wasn’t taken to email. Email is one of the channels being used. In time: To see the current and previous updates, they’re here: 1 - Go to https://unlimitedbubbling.dev 2 - Click the orange “Get started” button. 3 - Sign in. 4 - Open the menu and click the “Open plugins” to see the open plugins section. 5 - In the plugin currently named “Native app conjurer” click the blue button “See history”. There will be the current update and any previous updates. Nobody is being left out (:

Jul 14 update: 19 on 40. Please help!

[jamesrizziandme]

Hello @JohnMark and everyone else

I know we are waiting for the plug-in, but as that may still take a while I am struggeling to get this to work for Android. I have the most recent Andoid studio, I have v2.0 of Jasonette-Android-Master and the demo runs nicely.

Yet, when I replace the file name and set-up the jasonelle Return data from API workflow I keep getting an “offline” on the android virtual device.

Here is the code in the jasonelle API

And this is a screenshot from the android studio

Any suggestion what needs to be tweaked? I am a bit lost.

Thank you

[JohnMark]

Hello @jamesrizziandme

Bubble doesn’t support the GET command. You must convert it to a POST. I used Integromat to convert as explained above in this forum. Welcome to Bubble

[vini_brito]

Jasonelle wasn’t compatible with Bubble’s API endpoint, there’s this new version of Jasonelle that our plugin efforts could create that is compatible with the endpoint but it hasn’t been released in the main version yet, I’m using it to develop the plugin.

Later we won’t need to involve third party tools, so there’s a good future ahead (:

[jamesrizziandme]

Hi @JohnMark

Really appreciate your help, especially since questions tend to repeat … thread is pretty long, sorry. I got the Integromat going (as described) and at least the virtual device is not showing “offline” anymore, but now am getting a white screen …

Any final thoughts? (except that I will check the donation page)

[bafuchen]

Brainless Step-by-Step to build and run on Android

1. Create an index.json

   {
       "$jason": {
           "body": {
               "background": {
                   "type": "html",
                   "url": "<your-web-app-url>",
                   "action": {
                       "type": "$default"
                   }
               }
           }
       }
   }
   

2. Upload the index.json to a place where is public accessible.

   • Example 1
     1. Go to Bubble App -> Settings -> SEO / metatags -> Hosting files in the root directory.
     2. Upload index.json.
     3. Publish Bubble App and get the URL of index.json.
   • Example 2
     1. Upload index.json to any cloud storage service.
     2. Make index.json to be public accessible.
     3. Get the URL of index.json.

3. Get jasonette-android source code

   $ git clone https://github.com/jasonelle/jasonette-android

4. Update strings.xml.

   $ cd jasonette-android/app/src/main/res/values/
   $ vim strings.xml

   Then replace “file://jason-app.json” to the URL of your index.json, so that your App can find the index.json in runtime.

5. Build and install the APK to your Android phone.

---

Some community friends might be confused like

• Can not find the setup file mentioned in the 1st post?
• What is the file I need to modify and add my index.json in jasonette-android?

Hoping that this summary is helpful for you.

[marcos]

@JohnMark, Does Jasonelle allows the use of GPS live tracking on the background for Android and IOS?

[joshdaman.duckworth]

Interested

[marcos]

@vini_brito Does Jasonelle currently supports GPS Tracking on the background for Android and IOS?

[vini_brito]

Loved the guide! I just got amused at…

@bafuchen

$ vim strings.xml

Not brainless hahah
But I got the idea.

@marcos I’ll be able to answer you that in about a month from now. Stay tuned!

[marcos]

Thanks man! Keep up the good work! Is the plugin already available for testing?

[JohnMark]

Hi @marcos

Yes, you can switch GPS tracking under Jasonelle to Bubble. I gave an example with the recording in this post, it’s the same principle for passing values. You have to read Jasonelle’s doc.

[vini_brito]

And about the plugin, more or less in the same time frame mentioned it will be, for contributors.

[marcos]

The doc was behind a slack website, is it on a different address as well?

[marcos]

I found it. Thank you!

[JohnMark]

Hello @marcos

Maybe you can sponsor the GPS portion with Jasonelle team?
“you would need to code a native code (java, objective-c) extension that you could call with json. it possible to do that. But it would require more technical expertise”

What is your plan? Happy you found the doc.