1.Зайти на страницу https://developers.facebook.com/ и авторизоваться.
...
Рис. 4. Страница "Создание приложения" раздел "Информация"
6. Открывается модальное окно для ввода пароля ещё раз. Необходимо ввести пароль и нажать кнопку "Отправить". Открывается страница "Добавление продуктов в приложение". Выбрать WhatsApp, нажать кнопку "Настроить" (Рис.5).
Рис. 5. Выбор WhatsApp
7. Открывается страница "API платформы WhatsApp Business". Выбрать бизнес-аккаунт из выпадающего списка. Если его не выбрать, то бизнес-аккаунт создастся автоматически. Нажать кнопку "Далее" (Рис.6).
Рис. 6. Выбор бизнес-аккаунта
8. Открывается страница "Быстрый старт". Нажать кнопку "Начать использовать API" (Рис.7).
Рис. 7. Страница "Быстрый старт"
9. Открывается страница "Первые шаги".
Временный маркер доступа (Рис. 8) не может быть использован.
Предназначен только для настройки тестового номера.
Регистрация и подключение собственных номеров рассмотрено ниже.
Рис. 8. Временный маркер доступа
10. Зайти на https://business.facebook.com/. После приветствующих модульных окон выбирать нужный аккаунт и нажать в левой панели кнопку "Настройки" (Рис.9).
...
17. Открывается модальное окно "Назначение объектов пользователю ...".
- Тип оьекта: "Приложения".
- Выбрать подключаемое приложение.
- Предоставить доступ уровня: "Управление приложением".
Нажимаем кнопку "Сохранить изменения".
Рис. 16. Назначение объектов пользователю
18. Открывается модальное окно с оповещением о добавление ресурса (Рис.17). Нажать кнопку "Готово".
Рис. 17. Ресурсы добавлены
19. Закрывается модальное окно. На странице "Системные пользователи" нажать кнопку "Создать новый маркер" (Рис.18).
...
22. Для интеграции с Webitel необходимо создать текстовый шлюз, типа Meta.
| Expand | ||
|---|---|---|
| ||
a.Зайти на страницу https://developers.facebook.com/ и авторизоваться. b.Нажать на "My Apps"(Рис.1.1).
Рис. 1.1. Главная страница c. Открывается страница "Приложения". Нажать на кнопку "Создать приложение" (Рис.2.1).
Рис. 2.1. Страница "Приложения" d. Открывается страница "Создание приложения" раздел "Тип". Выбрать необходимый тип приложения , к примеру вариант "Компания", и нажать кнопку "Далее", которая находится в конце страницы (Рис.3.1).
Рис. 3.1. Страница "Создание приложения" раздел "Тип" e. Открывается страница "Создание приложения" раздел "Информация". Заполнить поле "Отображаемое значение". Нажать кнопку "Создание приложения" (Рис.4.1).
Рис. 4.1. Страница "Создание приложения" раздел "Информация" f. Приложение создано. Перейти в Настройки - Дополнительно. Перевести переключатель "Разрешить доступ API к настройкам приложения" в активное положение (Рис.5.1). Нажать кнопку "Сохранить".
Рис. 5.1. Разрешить доступ API к настройкам приложения g. Открыть страницу "Текстовые шлюзы" в приложении Admin (Webitel) и создать новый текстовый шлюз Meta. h. Открывается страница "Meta" в которой необходимо заполнить поля (Рис. 6.1).
Рис. 6.1. Страница "Meta" i. Для получения значений для полей "App ID" и "App Secret" необходимо вернуться на страницу FacebookDeveloper. Перейти в Настройки - Основное. С этой страницы берем значение:
Рис. 7.1. Основные настройки j. Внести данные на странице шлюза "Meta" и нажать кнопку "Сохранить". k. Скопировать значение с поля "URL" (Рис.6.1). Зайти на FacebookDeveloper - Панель. Выбрать "Вход через Facebook" нажав кнопку "Настроить" (Рис.8.1).
Рис. 8.1. Панель l. Выбрать "Веб" (Рис.9.1).
Рис. 9.1. Начало работы m. Перейти на страницу "Настройки" и вставить скопированное значение в поля "Действительные URI перенаправления для OAuth" и "Деавторизация URL обратного вызова" (Рис.10.1). Нажать кнопку "Сохранить изменения".
Рис. 10.1. Настройки входа |
...
23. Открыть в текстовом шлюзе страницу вкладку "WhatsApp" (Рис.21). Вставить скопированный маркер доступа (Рис.20) в поле "Токен". Нажать кнопку "Сохранить".
...