How to Integrate the ASAP SDK with Flutter Apps

How to Integrate the ASAP SDK with Flutter Apps

Alert
This document pertains explicitly to help widgets created using the updated new ASAP Setup.
Notes
If you use an older version of ASAP, the help widgets will be read-only. To enable the new ASAP widgets on your App, use the latest ASAP Flutter Plugin 2.0. For older ASAP setups, you can use the ASAP Flutter Plugin 1.1.7.
To install the core services plugin in your project, run either of the below mentioned commands:
  1. flutter pub add zohodesk_portal_core
(or)
Add the following in pubspec.yaml
  1. dependencies:
    zohodesk_portal_services: version
To install the Chatkit plugin for Guided Conversations (GC), Answer Bot and Business Messaging (BM) services, run the below mentioned command:
  1. flutter pub add zohodesk_portal_chatkit
(or)
Add the following in pubspec.yaml
  1. dependencies:
    zohodesk_portal_services: version
To install the plugin for SalesIQ (SIQ) chatkit services, run the below mentioned command:
  1. flutter pub add zohodesk_portal_siq
(or)
Add the following in pubspec.yaml
  1. dependencies:
    zohodesk_portal_services: version

How to resolve the ASAP SDK dependencies in your mobile app?

Android

The ASAP SDK's dependencies are available at maven.zohodl.com. To include them in your Android project, you must add the relevant Maven URLs to your project's build.gradle file.

To perform this, open the Android folder of your Flutter project in Android Studio and add the following Maven repository to the project-level build.gradle file.
  1. allprojects

    repositories

    maven { url 'https://maven.zohodl.com/'} 

    maven { url 'https://downloads.zohocdn.com/wmslibrary' }

    }

    }

iOS

There is no need to import iOS-specific dependencies separately into the project since the iOS SDK dependencies are automatically added to Flutter projects through the native part of the Flutter plugin.

How to initialize the SDK on Flutter apps?

The following three keys are essential to initialize the SDK in your app:
    1    Organization ID (org Id)
    2    App ID (app Id)
    3    Data Center (DC)

To initialize the SDK, include the following code snippet in the initState() method of the main.dart file:
  1. import 'package:zohodesk_portal_apikit/zohodesk_portal_apikit.dart' show ZohodeskPortalApikit;
    ZohodeskPortalApikit.initializeSDK(orgId, appId, dc);
The values of the keys, orgId, appId, and dc appear under the Code Snippet section in the setup page of the ASAP add-on in Zoho Desk.
Info
Code is common for both iOS and Android platforms.
Notes
Data Centers (DCs), according to the deployment types:
CN - ZDPDataCenter.CN
EU - ZDPDataCenter.EU
US - ZDPDataCenter.US
IN - ZDPDataCenter.IN
AU - ZDPDataCenter.AU
JP - ZDPDataCenter.JP
CA - ZDPDataCenter.CA
SA - ZDPDataCenter.SA