Ionic

This guide will help you to add TalkJS to your Ionic app.

Follow the Guides

Ionic apps are written as standalone apps or integrated with Angular, React or Vue(Beta). The first step is to follow any of our guides to get the TalkJS inbox running on your app.

Additional Settings

After following any of the guides above, here are some additional settings you might need to add to get everything to work smoothly.

1. Whitelist TalkJS

On some platforms, you need to whitelist the TalkJS URIs to be able to load TalkJS. To do this, follow these steps:

  1. Install cordova-plugin-whitelist, and scroll down to the section about Content Security Policies.
  2. Add a Content Security Policy which allows access to https://*.talkjs.com.
  3. We depend on Google Cloud for the file sharing feature. If you use file sharing, whitelist https://firebasestorage.googleapis.com also.

If you are using Cordova, you may need an additional plugin to display external links from TalkJS. By default, Cordova will open all links inside your app, which includes external links that your users may share amongst each other. If you don't want that, install cordova-plugin-inappbrowser. Don't worry about the plugin's confusing name, it includes a feature to avoid using an in-app browser.

TalkJS will automatically detect the presence of this plugin and ensure that external links are opened in the device's system browser.

If you have followed all the steps above and you still need help, kindly reach out to us on our support chat.