クイックスタート

このドキュメントは、Klleonプラットフォームが提供するJavaScript用Klleon Chat SDK（以下、JavaScript SDK）の使用方法を案内します。

PreviousJavaScript SDK [v0.x.x] (非推奨予定)Next初期化

Last updated 5 months ago

クイックスタート

このドキュメントは、Klleonプラットフォームが提供するJavaScript用Klleon Chat SDK（以下、JavaScript SDK）の使用方法を案内します。

プラットフォーム

JavaScript SDKを介してKlleon APIを呼び出すには、サイトドメインを登録する必要があります。サイトドメインの登録は、のSDK管理で登録可能です。登録の過程で問題がある場合は、partnership@klleon.io までお問い合わせください。

インストール

JavaScript SDKファイルをWebページに含めます。必ずスクリプトタグ内に正しいバージョンを含めてください。

<script src="https://sdk.klleon.io/klleon-chat/0.12.1/klleon_chat_sdk.js"></script>

初期化

JavaScript SDKをWebページに埋め込んだ後、以下のJavaScript SDK初期化関数を呼び出します。

async function init() {
    const option = {
        // Issued sdk key
        sdk_key: 'sdk_key'
    }
    await KlleonChat.init(option);
}

アバターストリーミングの開始

アバターストリーミング画面を出力するには、Start Avatar Streamingメソッドを呼び出します。

function showStreaming() {
    const option = {
        // Avatar ID to use
        avatar_id: 'a5fe629d-0090-11ef-8ee1-0abbf354c5cc'
    }
    KlleonChat.showStreaming(option);
}

例

<!doctype html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Klleon Chat SDK</title>
    <script src="https://sdk.klleon.io/klleon-chat/0.12.1/klleon_chat_sdk.js"></script>
</head>
<body>
<script>
    async function initializeApp() {
        await KlleonChat.init({sdk_key: 'sdk_key'});
        KlleonChat.showStreaming({avatar_id: 'a5fe629d-0090-11ef-8ee1-0abbf354c5cc'});
    }
    initializeApp();
</script>
<div id="klleon_chat" style="width: 1000px; height: 100vh"></div>
</body>
</html>

PreviousJavaScript SDK [v0.x.x] (非推奨予定)Next初期化

Last updated 5 months ago