Repl-AIのチャットボットをウェブサイトに埋め込みたい。

Question

どのように埋め込みするのか教えてください
javascriptでできるのでしょうか。

APIkeyしかありません。
また、このようなドキュメントしかありません。

https://repl-ai.jp/howto/api/registration

Answer 1

javascriptでできるのでしょうか

ごみと資源の分け方・出し方　横浜市
↑のイーオくんが Repl-AI で実装されているようだったのでのぞいてみたところ、https://api.repl-ai.jp/v1/dialogue のエンドポイントを xhr で叩いており、ヘッダーを見るとAccess-Control-Allow-Origin: *となっていましたから、JavaScript でできそうですね。

Comments

[退会済みユーザー]

ありがとうございます。
Chromeでソースを調べるとこれがありました。
ウィジェットを作成しないといけないのかもしれません。
<script type="text/javascript" charset="utf-8" src="https://s3-ap-northeast-1.amazonaws.com/yokohama-chatbot/v1/js/repl-ai-widget.js" async="async"></script>

[Lhankor_Mhy]

それは見ました。webpackしたものですよね。
ページ本体でjQueryを読んでいるのに、こちらにもjQueryが入っているようなので、ちょっと無駄ですね。

[Lhankor_Mhy]

ああ、これですかね？

> サービスに合わせてカスタマイズ可能なチャットウィンドウを用意しています。
アイコン画像などを用意するだけで、Webサイトにオリジナルのチャットボットを表示することができます（Enterpriseプランのみ）
https://repl-ai.jp/

エンタープライズプランだとウィジェットのSDKがあるみたいですね。

[退会済みユーザー]

そうか料金プランにはそのようなことは書いてなかったので、問い合わせてみます。

[Lhankor_Mhy]

そうですね、それが手っ取り早いですね。

ただ、ドキュメントを見る感じ、SDKがなくても実装は可能だとは思います。

[退会済みユーザー]

もしお差し支えなければ教えてください。
APIでコールをしたら、データは取れます、例えば、「こんにちは」。
inputboxと送信ボタンをhtmlで実装して、送信したら、apiコールしていく、ということでしょうか。

https://qiita.com/sublimer/items/2c35d8068b7d2aaf9a5d

[Lhankor_Mhy]

はい、おっしゃるとおりです。
ご提示のURLはGASのコードなので、そのまま使うわけにはいかないでしょうけれど、似たようなコードで書けるはずです。

[退会済みユーザー]

ありがとうございます。本当に助かりました。