[SOLVED] How do I build a mobile app with the ionic plugin

How do I build a mobile app with the ionic plugin, or any plugin? Is there any tutorial online?

Hey Mich, Welcome to the Bubble forum! :slight_smile: After you install the Ionic plugin within your application, the element type will appear as an option in the UI editor:

After the installation:

In the editor (labeled ‘Ionic Icon’):

There are other plugins which will also install new elements (such as the Multiselect Dropdown plugin, the Google Material Icons plugin, or the Draggable Elements plugin). Once you install those plugins, they will appear in that sidebar as well. After they’re installed, you can immediately use them in your app.

Aside from having plugins for installing new visual elements - the other plugins open up many possibilities to connect your app to other APIs and services. For example, Facebook, Google, Instagram and Twitter can be installed to allow Users to login with their credentials from those services. Most of these configurations require you to set up development accounts with those services, and obtain API keys in order to successfully connect your app to them and make API calls.

Stripe and Braintree are plugins which enable payment functionality in order to charge users, create subscriptions or even create a marketplace where Users can sell items (like Etsy).
@natedogg has a great tutorial on how to set Stripe up in your Bubble app through his website: https://codelessacademy.com/. He also has a course which teaches you how to package your Bubble application into a native mobile application. Another great resource to check out for setting up more complex plugins/API calls is Airdev’s API Widgets examples (https://widgets.airdev.co/). After you create an account with Airdev (100% free), you’ll be able to view step-by-step instructions on how to setup these plugins and API calls. Airdev also has awesome visual examples which show you how to create things like a messenger, a shopping cart and more in Bubble.

One important thing to note is also that not all plugins are compatible when building a native app at the moment, because Bubble’s mobile app creation is currently in beta. If you are planning on building a native mobile app (for Android or iPhone) - your application will all be on one ‘page’ within your Bubble app, and the app’s content is shown/hidden using ‘groups’ instead of separate pages. When you double-click on the page in your app which will be the native app, there is an option to select “this page is a native app”:

In addition to those examples, the Bubble tutorials and documentation are extremely helpful, and there are also many Bubble tutorial resources/services created by the Bubble community. Here is a list of where you’ll be able to find tutorials: Academy | Bubble. Coaching Bubble sends out free tips and tutorials in their email newsletter, and there is also an archive of all tutorials sent out (http://coachingbubble.com/). Those resources will definitely give you a great start on building your mobile app! I hope this was helpful and please feel free to let me know if you have any questions. :slight_smile:

11 Likes

Hi Faye,

Thank you so much for your descriptive reply.

1 Like

No problem at all! :slight_smile:

Hi Mich Jeanty! There are many options for developing mobile applications today and if you need a Tools, you can visit http://deployapp.net/
This Tools is based on Ionic, Cordova platform. You just upload your ionic source in formatted ZIP’s file, then No-code, change Settings, customize something in your app. Finally, Deploy your app, download & test app or submit your app to Google Play or Apple Store when it is ready.
Good luck!

You need a Tools? This Tools is based on Ionic Cordova. You can register and manage your app easily, with one click, you can also create a new app Here : deployapp.net
Thanks

Deployapp.net is no longer available, unless they changed their domain name.