Forum Documentation Showcase Pricing Learn more

Has Anyone Configured A Mobile App To "Talk" To A Bubble App?

I just tried out Dropsource and it seems legit. The caveat is that we’ll need to rebuild our apps UI inside inside their “Workbench” (i.e. Visual Development Environment) and then upload the Swagger file (JSON) for our REST API to connect to our Bubble web app data.

Now, Dropsource could allow us to utilize native features of ios/Android and use Bubble at the same. From your experience, would it be possible to run a web-view of Bubble inside of Dropsource, and then just use Dropsource UI elements for navigation, camera uploading, etc.?

@supernaturally, I have not tried that with dropsource but I know that it is possible. I am using react-native webview instead.

Nice, what tools did you use to compile the native app? (assuming it’s not the same method as @natedogg course)

@supernaturally, not at all. No need to compile with react native. You can see your changes on the fly with Hot reloading. My app uses some react native components (mapview and other) and bubble embedded in a WebView.

One of the main reason I did not use Android Studio is because I want my changes to work on both Android and iOS. React native allows that.

Moreover, my app uses lot of third party react native SDKs. A solution 100% bubble would not work for me. I am using bubble for backend, database, connectivity with other web apps, repeating group and react native for some UI components + SDK for efficiency.

Until bubble allows native components, I will continue to use an hybrid approach. The capability to create custom plugin is a good addition but not enough to build a real on demand app like Uber, Lyft, etc because efficiency is the key.

I forgot to mention that I am a software developer, so I don’t mind to code when efficiency is required :slight_smile:

@emmanuel @NigelG @romanmg @natedogg

1 Like

Very well thought out. Do you know of any tools for us non-developers that would allow us to build a react-native experience? (i.e. like a Thunkable or Dropsource for react native). I’ve found an IDE call Deco Software, any thoughts?

@supernaturally I don’t think such tool exists today. Deco only works on Mac. Windows is not supported. Pretty soon you will see such tool. Just a matter of time.

@simoclovis-web I use a Mac, are you using Windows? Would love to hear from someone that uses Deco.

I’m playing around with Dropsource and am pretty impressed. I also have used Neonto Studio (a Mac-only downloadable app) in the past, but it runs a bit sluggish on my 2012 Macbook Pro. It might be time to sunset the ol’ Mac, but Apple definitely let me down with the new MBP announcement. /rant

1 Like

@supernaturally, yes, Windows. I have never used Deco.

Ok, so apparently we need to use an API workflow inside of Bubble to log the user in, and then use the token that is returned as the authentication token for the session.

Using Deco and React, I was able to create a native app which essentially has a login/sign-up screen. After the user enters their credentials, it opens a webview to (ideally) pass the user as an authenticated user into the Bubble App. Can anyone provide detail on authenticating users via a Bubble API workflow that returns a token and user_id? Here is what I have so far:


UPDATE: It appears that we need to enter in information into the “email” and “password” field in the API workflow. Here’s my Bubble Workflow setup and Postman setup:



Success! Now what I can’t figure out, is how to use the user_id and token to continue authenticating my webview (i.e. open a webview in native and have the user logged in and navigating through my Bubble app). What do I do with user_id and token?

@madras @saeed.t.richardson

maybe you need to sign them up first, before logging them in?

The user is already signed-up with history using the Bubble App.

1 Like

So it appears that the “user_id” and “token” can be used to make changes the database, etc. on behalf of the user using the returned token inside of the AUTH header of the API call. The challenge is how to use the credentials inside a webview to allow them to navigate the Bubble app without going through the login screen. It seems like we will need to store this info locally or in a Fusion table. Any native developers have ideas?

@madras @saeed.t.richardson
Guys, interesting topic and thanks for sharing alternative options for building native app. I am playing around with Dropsource and trying native app to log into Bubble app. I have created API workflow with username and password as parameters and tested this using Postman and it works ok. Added the bubble swagger defn to Dropsource with success but cant seem to manage ‘seeing’ the exposed workflows or database schema etc.

Now I am no programmer and new to Dropsource, can anybody help get me started?

Eric

For an android app try Thunkable. Drag in the ‘webviewer’ object and set the url.

Here’s a screenshot…

1 Like

Try this one (meant to reply to your post):

Hello,
Shoutem.com has new builder that is open source and based on react native, it allows you to change the code of their screens (they call it extensions) and you can build your own from scratch.

Coding is not the bubble way… :sweat_smile:

… at least not my way.

1 Like

Hello everyone, Sue from Dropsource here. Just in case it’s useful to anyone here, I’ve posted a tutorial on our help center on connecting a Bubble API to a mobile app in Dropsource: https://help.dropsource.com/docs/documentation/integrating-with-dropsource/api-tools/connect-your-app-to-bubble/

It covers getting your API setup in Bubble, importing it into Dropsource, and building a simple app that includes user login / signup. Hope it helps!

1 Like