Write your First mesibo Enabled Application

Estimated reading time: 1 minute

In this part, we will cover how to use mesibo in your UI apps and mesibo UI modules.

Prerequisites

  • Read the Preparation Guide.
  • Read one of the Android, iOS, JS section of this tutorial.

Ready to use UI Modules

In addition to core APIs, mesibo also offers you ready to use UI modules which you can use it in your app. Mesibo UI modules are open-source and completely customizable. You not only can customize colors, icons, etc but you can even customize how each message is rendered. This enables you to create powerful apps and chatbots in no-time.

To use mesibo UI modules, you need to add UI modules in your project and perform the following steps:

  1. Initialize mesibo API with access token as described in Android, or iOS section

  2. Launch mesibo UI modules, for example,

     MesiboUI.launch(context, 0, false, true);

That’s it.

The best way to learn how to use mesibo UI modules is to refer to the open-source messenger app for Android, iOS, and Javascript source code which uses mesibo UI modules for various functionalities like welcome screen, login, media picker, one-to-one and group messaging, user list, group management, showing profiles, etc.

Source Code of mesibo UI modules

You can also access the complete source code of UI modules here:

Android UI modules Source Code

iOS UI modules Source Code

Mesibo Messaging UI module uses Google Map SDK for location. Hence, you’ll need to get your own Google Map Key to use location features. Refer to Mesibo installation instruction for your platform to learn more.

Refer to sample app code for ready-to-run examples.

On to Part 10 >>

mesibo, android, ios