UMBRELLIUM Chatbot IONIC2+/Angular2+ interface

This is template for plugging in the UMBRELLIUM Chatbot into your mobile application.

For more details on what UMBRELLIUM Chatbot is, check the following link:

https://umbrellium.com/

How to integrate

Within your app, install the chatbot package by firing the following command at the root folder of your app.

npm install ionic-brique-chatbot

Integrate UMBRELLIUM Chatbot in your Ionic 2 app

Make following changes to your app.module.ts.

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { HttpModule} from '@angular/http';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';

// import from modules
import { BRIQUEChatbot, BRIQUEChatbotModule } from 'ionic-brique-chatbot';

@NgModule({
	declarations: [
		MyApp,
		HomePage
	],
	imports: [
		BrowserModule,
		HttpModule,
		IonicModule.forRoot(MyApp),
		BRIQUEChatbotModule
	],
	bootstrap: [IonicApp],
	entryComponents: [
		MyApp,
		HomePage,
		BRIQUEChatbot
	],
	providers: [
		StatusBar,
		SplashScreen,
		{provide: ErrorHandler, useClass: IonicErrorHandler}
	]
})
export class AppModule {}

Generate a new ionic page where you want to plug the chatbot in

Sample Page name : chatbot

ionic generate page chatbot

Please make sure that this page/component is included in app.module.ts

Set parameters to invoke the chatbot, use the following code in your html file.

<chatbot [customerCode]="'<<Your customer code>>'" botCode='<<your bot code>>' runMode=<<1 for testing, 0 for production>> apiEndpoint="https://api.umbrellium.com"></chatbot>