Хэллоуин не за горами, а это значит, что пора готовить костюм, запасаться угощениями, создавать веселые проекты своими руками с Twilio и думать, как напугать друзей и родных.
В этой записи блога я научу вас, как создать жуткий проект Хэллоуина IVR (Интерактивный голосовой ответ) с помощью Twilio Studio, нашего конструктора приложений с низким кодом / без кода с виджетами перетаскивания.
После того, как вы создали эту программу, вы можете использовать ее, чтобы напугать своих друзей и семью. Я уверен, что вы получите такие реакции:
Хотите попробовать сами? Убедитесь, что на вашем телефоне не установлен режим «Не беспокоить», а затем отправьте текстовое сообщение на номер +1(940) 394–8137. Но будьте осторожны, это жутко.
Этот пост в блоге структурирован следующим образом:
1. Предварительные требования: то, что вам нужно, прежде чем продолжить
1. Поток Twilio Studio: создайте поток, а затем создайте наш проект с помощью виджетов перетаскивания
1. Ресурсы Twilio: загрузите статические файлы для нашего потока Studio
1. Виджеты Twilio Studio: продолжайте создавать наш проект с помощью виджетов Studio.
Предпосылки
Прежде чем приступить к работе, важно иметь следующее:
- Бесплатная или платная учетная запись Twilio. Если вы еще этого не сделали, зарегистрируйте бесплатную учетную запись Twilio.
— Номер телефона Twilio.
— Телефон, который может принимать телефонные звонки.
Поток студии Twilio
Twilio Studio — это визуальный инструмент, который вы можете использовать для создания коммуникационных проектов практически без кода. В Studio мы создадим Flow, представляющий рабочие процессы, которые вы строите.
Чтобы создать новый поток:
1. Войдите в свою учетную запись Twilio в Twilio Console.
2. Перейдите в раздел Studio Flows в консоли.
3. Нажмите Создать новый поток или значок + под заголовком Потоки, чтобы создать новый поток.
4. Назовите свой поток. Для этого проекта давайте назовем его Любите ли вы фильмы ужасов? Затем нажмите Далее.
5. Выберите вариант Начать с нуля. Затем нажмите Далее.
Теперь мы можем приступить к созданию нашего проекта, перетащив Виджеты на Холст.
Мы хотим, чтобы наш проект звонил пользователю после того, как он отправит текстовое сообщение на наш номер телефона Twilio. Для этого перетащите виджет Совершение исходящего вызова на холст. Затем в виджете Триггер нарисуйте Переход от Входящее сообщение к виджету Выполнить исходящий вызов.
На этом этапе, если мы опубликуем поток, чтобы проверить наши изменения, все сразу не заработает. Нам нужно настроить номер телефона Twilio для подключения к этому Studio Flow.
Перейдите в Раздел «Активные номера консоли Twilio» и щелкните свой номер Twilio. Прокрутите вниз до раздела Обмен сообщениями и настройте свой номер для прихода сообщения, выбрав в раскрывающемся списке пункт Studio Flow. Вы увидите еще одно раскрывающееся меню, в котором вы можете выбрать Studio Flow, к которому хотите подключиться, когда на этот номер придет сообщение, в данном случае Вы любите страшные фильмы?
При отправке текстового сообщения на номер телефона Twilio, который вы только что настроили, теперь должен выполняться исходящий вызов на тот же номер телефона.
Отсюда мы хотели бы, чтобы наша программа слушала вызывающего абонента и взаимодействовала с ним. Для начала в нашем потоке мы можем перетащить другой виджет на холст. Давайте воспользуемся виджетом Сбор информации о звонке и подключим его из опции Отвечено в нашем виджете Совершение исходящего звонка.
Виджет Gather Input On Call (который мы только что использовали) позволяет вам собирать данные пользователя во время разговора. Затем эти данные можно передать другому виджету для других операций.
Мы ожидаем некоторого ввода вызывающего абонента, теперь мы хотим, чтобы наш вызов сказал привет. Мы воспользуемся другим виджетом под названием Say/Play и перетащим его на холст. Выбрав этот виджет, переименуйте его в hello в виджете Панель инспектора. Для нашего перехода мы соединим все три варианта из нашего виджета Сбор информации при вызове с нашим привет Скажи/Воспроизведи.
Say/Play может произносить текстовые сообщения с преобразованием текста в речь или воспроизводить записанные сообщения с URL-адреса аудиофайла. Для этого проекта мы хотим последнего. Давайте воспользуемся Twilio Assets, чтобы загрузить медиафайл и развернуть его по URL-адресу.
Активы Twilio
Twilio Assets позволяет загружать статические файлы для использования с проектами Twilio. В нашем случае мы загрузим медиафайл, и Assets будет обслуживать этот файл по HTTPS. Прежде чем использовать активы, нам нужно создать сервис Twilio, контейнер для функций.
Создайте новую службу:
1. Перейдите в раздел Службы в консоли.
2. Нажмите Создать службу.
3. Назовите свою службу. Давайте назовем этот проект любите ли вы страшные фильмы. Затем нажмите Далее.
Предполагая, что у вас уже есть аудиофайл на вашем компьютере, который говорит «привет» жутким голосом, вы можете загрузить свой файл. Если вы этого не сделаете, я рекомендую поискать в Интернете похожий файл или использовать собственную запись голоса.
Нажмите кнопку Добавить+ и выберите Загрузить файл в раскрывающемся меню. Просмотрите свою файловую систему и найдите свой аудиофайл. Измените видимость на Общедоступный. Затем нажмите Загрузить, чтобы начать загрузку файла.
Пока ресурс загружен, он не будет сразу доступен через URL-адрес. Это будет обозначено серым кружком рядом с именем актива. Чтобы развернуть Ресурс (и остальную часть Сервиса), нажмите кнопку Развернуть все. Через некоторое время развертывание завершится, и вы должны увидеть зеленую галочку рядом со всеми развернутыми активами.
Нажмите на 3 точки рядом с вашим активом, чтобы открыть контекстное меню. Затем нажмите Копировать URL.
Виджеты Twilio Studio
Скопировав URL-адрес нашего объекта, вернитесь к процессу Studio Flow: Вам нравятся фильмы ужасов? Выберите виджет «Привет», который мы создали ранее, и в разделе Произнесите или воспроизведите сообщение или Цифры выберите параметр Воспроизвести сообщение. Вставьте URL-адрес нашего ресурса в поле URL-адрес аудиофайла. Нажмите Сохранить и Опубликовать проект.
Используйте второй виджет Сбор данных при звонке и разместите его после виджета «привет».
Перетащите виджет Разделить на основе… после второго виджета Сбор входных данных при вызове. Соедините виджеты так, чтобы переход переходил из нажатий клавиш пользователя, что-то сказал пользователь и без ввода в разделение на основе.... Теперь ваш поток должен выглядеть так:
Виджет Разделить на основе… позволяет разделить поток в зависимости от пользовательских условий. Но сначала ему нужно сослаться на переменную или значение, которое проверяется. Задайте для переменной для тестирования значение widgets.gather_2.SpeechResult. Это ссылка на входные данные вызывающего абонента, полученные из второго виджета Сбор входных данных при вызове.
Затем, выбрав виджет Разделить на основе…, перейдите на вкладку Переходы, где вы можете настроить пользовательские условия (которые разделяют ваш поток). Нажмите кнопку +, установите для параметра «Если значение Содержит» и введите значение «кто».
Создайте два дополнительных виджета Say/Play. Подключите один из этих виджетов к элементу Нет совпадений условий элемента Разделить на основе…, а другой — к элементу Если значение содержит кто. Ваш поток теперь должно выглядеть так:
Если пользователь произносит слово «кто», мы хотим, чтобы на наш вызов отвечала фраза «скажи мне свое имя, я скажу свое». Если совпадения нет, мы хотим, чтобы на наш звонок отвечал вопрос «любите ли вы страшные фильмы?»
Как и в предыдущих шагах, когда мы использовали Twilio Assets для загрузки аудиофайлов, мы сделаем то же самое здесь. Попробуйте найти эти клипы в Интернете или запишите свой собственный голос, чтобы напугать потенциальных абонентов.
Повторите проект, чтобы добавить свои собственные взаимодействия, затем нажмите кнопку Опубликовать, чтобы опубликовать поток Twilio Studio.
Веселитесь на Хэллоуин
У вас есть инструменты для создания этого жуткого проекта, а теперь вперед и используйте его, чтобы напугать своих друзей на Хэллоуин! Настройте его по своему вкусу или используйте мой проект, отправив текстовое сообщение +1 (940) 394–8137.
Спасибо за прочтение! Чтобы найти другие обучающие материалы на тему Хэллоуина, выполните поиск Хэллоуин в Блоге Twilio. Если вы нашли это руководство полезным, у вас есть какие-либо вопросы или вы хотите показать мне, что вы создали, дайте мне знать в Интернете. А если вы хотите узнать обо мне больше, посмотрите мой вступительный пост в блоге.
Twitter @anthonyjdella
Linkedin @anthonydellavecchia
GitHub @anthonyjdella
TikTok @anthonyjdella
Medium @anthonyjdella
Dev.to @anthonyjdella
Электронная почта [email protected]
Персональный сайт anthonydellavecchia.com
