Programmable Chat Client SDKs

Twilio Programmable Chat provides client-side SDKs for browser-based web applications as well as for native iOS and Android applications.

JavaScript SDK

The latest version of the JavaScript SDK for Chat is available on Twilio's CDN. To include it on your web page, simply add the following script tag:

<script src="https://media.twiliocdn.com/sdk/js/chat/v3.2/twilio-chat.min.js"></script>

これにより、Twilio.Chat 名前空間が、JavaScript アプリケーションのウィンドウスコープで使用できるようになります。

JS Programmable Chat SDKはNPM (JS)からもご利用いただけます。

Twilio Chat SDK

iOS SDK

iOS用のProgrammable Chat SDKはCocoaPodsを使用したインテグレーション、あるいはフレームワークの直接ダウンロードでご利用いただけます。また、Twilio AccessManagerというオプションのコンポーネントも提供しており、同様の配布オプションを使用してアクセストークンの期限切れライフサイクルを管理するのに役立ちます。

We ship dSYM files which can assist in crash reporting for versions of Programmable Chat for iOS 2.3.2 and above. You can read more about integrating these dSYM's in the documentation. If you use Fabric's Crashlytics in your application, you are encouraged to perform these additional steps when integrating Programmable Chat.

CocoaPodsインテグレーション

Cocoapodを使ってインストールするには、下記を Podfile に追加し、MyTarget をターゲット名に変更してください。

source 'https://github.com/CocoaPods/Specs'

target 'MyTarget' do
  pod 'TwilioChatClient', '~> 2.4.2'
end

If you wish to use the optional AccessManager framework (for token lifecycle management, you will need to add the following pod target to your MyTarget block:

Note: AccessManager is obsolete and its functionality is integrated in the main SDK.

  pod 'TwilioAccessManager', '~> 1.0.0'

Carthage Integration

We support integration using Carthage binary frameworks. You can add Programmable Chat for iOS by adding the following line to your Cartfile:

github "twilio/twilio-chat-ios"

If you would like to integrate the optional Access Manager helper to manage your access token lifecycle as well, also add:

github "twilio/twilio-accessmanager-ios"

Then run carthage bootstrap (or carthage update if you are updating your SDKs.)

The .framework file(s) will be downloaded to the Carthage/Build/iOS directory. The final step is to complete integration below.

直接統合

また、CocoaPodsを使用していない場合は、フレームワークの直接ダウンロードもご利用いただけます。プロジェクトにProgrammable Chatを正常に追加するには、いくつかの手順を完了することが必要です。

Upon expanding the .tar.gz file, you will find the .framework file(s) inside the directory created. The final step is to complete integration below.

Completing Framework Integration

These steps are done for you if you are using CocoaPods, but are required if using either Carthage or Direct integration.

.frameworkファイルをプロジェクトにドラッグし、プロジェクトのターゲット設定のEmbedded Binariesセクションにドロップされていることを確認し、"Copy items if needed"プロンプトが表示されたらそれを選択します。 frameworkファイルがターゲットのEmbedded Binariesに表示されない場合、コンパイル時に "Reason: image not found" エラーが表示されます。

On that same page, in the Linked Frameworks section, please also add libc++.tbd as a dependency to your target if it is not already there.

Our frameworks include both device and simulator versions of the SDK to ease integration at development time. The AppStore only supports device symbols at submission time, so you must remove the simulator symbols at export time, or you will receive an "Unsupported Architectures" error during app submission. We include a script to help with this inside the framework which your project can use during packaging:

ターゲットの設定を開く
選択 Build Phases
新規Run Scriptフェイズを追加し、それをEmbed Frameworksステップの下に（自動的に移動しない場合は）移動します。
実行するコマンドを設定します: bash "${BUILT_PRODUCTS_DIR}/${FRAMEWORKS_FOLDER_PATH}/TwilioChatClient.framework/remove_archs"

フェーズメモ: Twilio AccessManagerをプロジェクトで使用している場合、これに対してremove_archsを追加する手順を繰り返すことが必要です。

Android SDK

The Android SDK is distributed as a direct download from Twilio's CDN. It can also be installed via Maven or directly within a Gradle build file via JCenter.

Direct CDN

Download the Programmable Chat Client library for Android

JCenter

Chat JCenter link: Twilio Android Programmable Chat
AccessManager JCenter link: Twilio Android AccessManager

Maven

Mavenでインストールを行うには、下記をPOMファイル依存関係に含めてください。

<dependency>
  <groupId>com.twilio</groupId>
  <artifactId>chat-android</artifactId>
  <version>3.1.0</version>
  <type>pom</type>
</dependency>

Note that if you wish to use the AccessManager convenience class, you will need to include the Maven dependency manually as follows:

<dependency>
  <groupId>com.twilio</groupId>
  <artifactId>accessmanager-android</artifactId>
  <version>0.1.0</version>
  <type>pom</type>
</dependency>

Gradle

Gradle ビルド・ファイル経由でインストールするには、下記をお使いのGradle ビルド・ファイルにインクルードしてください:

allprojects {
    repositories {
        jcenter()
    }
}

/**
 * Declare dependencies
 * @see http://www.gradle.org/docs/current/userguide/userguide_single.html#sec:how_to_declare_your_dependencies
 */
dependencies {
    compile 'com.twilio:chat-android:3.1.0'
}

Note that if you wish to use AccessManager, you will need to add the following to your dependencies manually:

compile 'com.twilio:accessmanager-android:0.1.0'

https://github.com/twilio/cordova-plugin-twilio-common

https://github.com/twilio/cordova-plugin-twilio-chat

Web Console Client

With FCM pushes functional

https://github.com/twilio/twilio-chat-console-webapp.js

ヘルプが必要ですか？

We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd browsing the Twilio tag on Stack Overflow.

Programmable Chat Client SDKs

JavaScript SDK

iOS SDK

CocoaPodsインテグレーション

Carthage Integration

直接統合

Completing Framework Integration

Android SDK

Direct CDN

JCenter

Maven

Gradle

デモ / リファレンス・クライアント・アプリケーション

Core Chat SDKs

JavaScript

iOS

Android

Other SDKs/Tools

React Native

Cordova

Web Console Client

ヘルプが必要ですか？

Thanks for rating this page!

ヘルプが必要ですか？