どこでもサポートSDKとReact Nativeアプリとの連携

どこでもサポートSDKとReact Nativeアプリとの連携

モバイルアプリでどこでもサポートSDK(ソフトウェア開発キット)の設定後、どこでもサポートSDK(ソフトウェア開発キット)とモバイルアプリとの連携を行います。

連携を行うにあたって、以下の2種類の方法があります。

Androidアプリの場合、Mavenを使用します。

React Nativeアプリ向けのどこでもサポートSDK(ソフトウェア開発キット)は、「maven.zohodl.com」でリリースされています。そのため、Androidのプロジェクト内でこのURLを指定する必要があります。追加するには、Android StudioでReact NativeプロジェクトのAndroidフォルダーを開いて、プロジェクトの「build.gradle」ファイルに以下のコードを追加します。
  1. allprojects{
    repositories{
    maven { url 'https://maven.zohodl.com/'}
    maven { url 'https://downloads.zohocdn.com/wmslibrary' }
    }
    }
iOSアプリの場合、CocoaPodsを使用します。

React Nativeのプロジェクト内にPodfileがすでに追加されている場合、コマンド「pod install」を実行します。

プロジェクト内にPodfileが追加されていない場合、iOSフォルダーで以下のコマンドを実行します。 
  1. pod init
次に、以下のコードを使用して、React Native SDKの「RNZohodeskPortalSdk」をPodfileに追加します。
  1. target 'YourProjectName' do
pod 'RNZohodeskPortalSdk',:path => '../node_modules/react-native-zohodesk-portal-sdk/ios/RNZohodeskPortalSdk.podspec'
end
その後、iOSでコマンド「pod install」を直接実行します。

Podfileのインストール後、XcodeでiOSのプロジェクトを開いて、[Build Settings]→[Build Options]の順に移動します。[Build Options]で、「ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES」を「Yes」に設定します。

次に、以下のキーとそれぞれの説明をアプリの「Info.plist」ファイルに追加します。
    1.    Privacy - Camera Usage Description(カメラの利用に関する説明)
    2.    Privacy - Microphone Usage Description(マイクの利用に関する説明)
    3.    Privacy - Photo Library Usage Description(写真ライブラリーの利用に関する説明)

React NativeアプリでのどこでもサポートSDKの初期化

どこでもサポートSDK(ソフトウェア開発キット)の初期化を行うには、JavaScriptのコード内に以下のコードを追加します。
  1. import {
    ZohoDeskPortalSDK
    }from 'react-native-zohodesk-portal-sdk';
    ZohoDeskPortalSDK.initialise("orgId", "appId", "dc");