シェア:
){kind=small}
Benjamin AronovはVonageの開発者支援者です。彼はRuby on Railsのバックグラウンドを持つ実績のあるコミュニティ・ビルダーです。Benjaminは故郷であるテルアビブのビーチを楽しんでいる。テルアビブを拠点に、世界最高のスタートアップの創設者たちと出会い、学ぶことができる。技術以外では、完璧なパン・オ・ショコラを求めて世界中を旅するのが好き。
UIlicious & AI Studio：音声アラートによるローコードテスト
所要時間：1 分
誰がソフトウェアテストを書くのが好きなのか？誰もいない！しかし最近、私はUIliciousという優れたローコードテストプラットフォームを発見しました。 UIlicious.
Uiliciousには多くの機能がありますが、テストが失敗した場合の電話によるアラートがありません。UIlicious と AI Studio を統合することで、ローコードでソリューションを構築することができます。この記事では、AI StudioでUIliciousテストをビルドし、Voice（電話）アラートを作成する方法を学びます。そして、フレンドリーなローコードUIプラットフォームですべてを行うことができます！
Vonageデベロッパーアカウント
To complete this tutorial, you will need a Vonage API account. If you don’t have one already, you can sign up today and start building with free credit. Once you have an account, you can find your API Key and API Secret at the top of the Vonage API Dashboard.
ソフトウェア開発においてテストを書くことは、非常に苦痛である。歯医者に行くようなものだ。誰もがその必要性を知っているが、誰もやりたがらない。UIliciousは、自動化されたテストを書くことから多くの苦痛を取り除く、素晴らしい新しいプラットフォームだ。
UIlicious はブラウザー上で動作するため、ダウンロードする必要はありません。そのため、テストの記述、テストの実行、結果の確認、定期的なモニタリングのスケジュールまで、すべてブラウザ上で行うことができます。
第二に、UIliciousを使ってテストを書くには、テストを書いた経験やソフトウェアを書いた経験すら必要ありません。このプラットフォームは約束します：
電話で父親にフェイスブックへのログイン方法を教えるようにテストを書けばいい。
UIlicious でのテストについては ブラウザ内エディタ.
での UIliciousスタジオで、新しいプロジェクトを追加します。新しいフォルダを作成します。このようにフォルダに新しいテストを追加します：
How to create a new test file in UIlicious
ミッションUIliciousのドキュメントサイトをテストして、Vonageの統合に関する情報があることを確認したい。
今回のテストでは、ドキュメントサイトにVonageに関連するものがあるかどうかをチェックしたい。このために、テストはUIliciousサイトにアクセスし、グローバル検索に行き、Vonageを検索して空の結果が得られるかどうかをチェックします。
このテストは、私が今書いた人間の言語と驚くほどよく似ている！見てください：
// Start by going to the documentation, like this:
I.goTo("<https://uilicious.com/>")
I.see("Docs")
I.click("Docs")
// Perform a search for Vonage
I.see("Search")
I.click("Search")
I.fill("Search docs", "Vonage")
// Now we need to somehow evaluate that Vonage is not here. UIlicious allows us to write Javascript directly into our tests. We know that an empty search returns the words No results for "Vonage"', so we can use that to write a conditional:
if(I.see$('No results for "Vonage"')){
// Something will happen here
}
しかし、私たちの条件では何を起こしたいのでしょうか？AI Studioエージェントを起動し、AI Studioエージェントが電話を発信する必要がある。そこで、Vonageの 開発者ダッシュボードにアクセスし、新しいエージェントを作成します！私たちは ドキュメントに従ってVoiceエージェントを作成します。エージェントの選択には3つの重要なオプションがあります：
タイプテレフォニー
テンプレートゼロから始める
イベントアウトバウンドコール
アラートメッセージを1つ送信するだけなので、フローは非常にシンプルになります。カスタム パラメータを作成します。 $TestingError.そして、Speakノードが音声メッセージを送信します。 $TestingErrorを含む音声メッセージを送信します。ノードはこのようになります：
Send Alert Node in AI Studio
エージェントの準備ができたので、テストから起動してみましょう。UIlicious を使うと、次のように HTTP リクエストを呼び出すことができます。 AI Studio は、アウトバウンドエージェントを起動するように指示します。.条件式の中に、以下のコードを追加します：
if(I.see$('No results for "Vonage"')){
let res = UI.httpPost("https://studio-api-eu.ai.vonage.com/telephony/make-call", {
headers:{
"X-Vgai-Key": "YOUR X-Vgai-Key"
},
// Instructions to send AI Studio
data: {
"to": "TO_NUMBER",
"agent_id": "AGENT_ID",
"session_parameters": [{
"name": "TestingError",
"value": "Vonage not found in Global Search!"
}]
},
// Expect the response to be JSON
responseType: "json",
})
//Log the response from the API
TEST.log.info("Response from API is: " + JSON.stringify(res.data))
}を更新する必要がある。 X-Vgai-Key, to, agent_idをあなたの値に更新する必要があります。
キャンバスの右上にある
X-Vgai-Keyをクリックしてください。ユーザー」アイコンをクリックし、「APIキーを生成」をクリックします。この
to番号はアラートの送信先で、おそらくDevOpsの担当者だろう。は
agent_idはエージェントの詳細で確認できます：
AI Studio Agent Details
コードは何をするのか？
AI Studioにリクエストを送り、エージェントを起動させる。
どのエージェント？のエージェントは
agent_idそして、あなたのX-Vgai-Keyを使って正当なリクエストであることを確認する。また、電話の発信先も指示する。
パラメータ
$TestingErrorパラメータに値を与える。そして最後に、AI Studioからの応答を処理し、リクエストが成功したかどうかを知る。
この記事を楽しんでいただけましたか？ソフトウェア・テストにどんなツールを使っていますか？あなたのお勧めのノーコード、ローコードツールについてお聞かせください。私たちの ローコードブログ記事.
通知やその他のチャンネルにVoiceをお使いですか？Vonage開発者コミュニティ Vonage開発者コミュニティSlackまでご連絡ください。
AI StudioとUIliciousについてのご意見をお聞かせください。 ツイートしてくださいをお送りください。そして VonageDevをフォローしてください！