Взаимодействие 1C с браузером Google Chrome через WebSocket посредством DevTools Protocol

17.04.20

Интеграция - WEB-интеграция

Внешняя обработка посредством DevTools Protocol позволяет открыть в браузере заданный URL, получить снимок открытой страницы, вывести на страницу браузера произвольный текст, выполнить JavaScript. Также отображает полный список доступных команд DevTools Protocol с описанием передаваемых параметров и возвращаемых значений. Поддерживаются все версии платформы от 8.3.10 и выше до 8.3.17.

Скачать файлы

Наименование Файл Версия Размер
1ChromeDev.epf
.epf 1,19Mb
51
.epf 0.09.8 1,19Mb 51 Скачать

При запуске обработка пытается обнаружить установленный на компьютере браузер Google Chrome. Если исполняемый файл браузера не найден, укажите в диалоге выбора файла полный путь к исполняемому файлу Chrome, либо браузеру Chromium, если вы предпочитаете использовать его. 

Перед началом демонстрации закройте открытые окна Google Chrome, убедитесь что все экземпляры браузера закрыты. Нажмите в обработке кнопку «Запустить браузер». Эта команда запустит исполняемый файл с нужным параметром командной строки: 

chrome.exe --remote-debugging-port=9222

После запуска браузера он начинает слушать порт 9222 и можно открыть в адресной строке: http://localhost:9222/json 

Нажмите в обработке кнопку «Заполнить описание», чтобы получить список доступных команд Chrome DevTools Protocol.

Следующая кнопка «Открыть URL» открывает страницу по заданному URL и возвращает адрес подключения WebSocket. Наконец то мы можем продемонстрировать возможность взаимодействия. Нажимаем кнопку «Демонстрация» и на открытой странице браузера на 10 секунд всплывает эффектное окно с текстом. Это произошёл вызов кода на JavaScript, расположенного в макете внешней обработки.

Чтобы получить снимок страницы браузера, отправьте такую команду.

ТекстJSON = "{""id"":1,""method"":""Page.captureScreenshot""}";
ОписаниеОповещения = Новый ОписаниеОповещения("ПолученСнимокЭкрана", ЭтотОбъект);
ВнешняяКомпонента.НачатьВызовВебСокет(ОписаниеОповещения, АдресWebSocket, ТекстJSON);

Результат вернётся в виде JSON, где картинка закодирована по стандарту Base64.

Вы можете выполнить произвольный код JavaScript на соответствующей вкладке внешней обработки.

ИмяМетода = "Runtime.evaluate";
ПараметрыМетода = Новый Структура("expression", ТекстJavaScript);
ДанныеJSON = Новый Структура("id,method,params", 1, ИмяМетода, ПараметрыМетода);
ТекстJSON = ЗаписатьСтрокуJSON(ДанныеJSON);
ОписаниеОповещения = Новый ОписаниеОповещения("ПолученРезультат", ЭтотОбъект);
ВнешняяКомпонента.НачатьВызовВебСокет(ОписаниеОповещения, АдресWebSocket, ТекстJSON);

Самостоятельно исследуйте и вызывайте команды Chrome DevTools Protocol, чтобы ознакомиться с богатыми возможностями этого инструмента. Для взаимодействия с браузером подойдёт любая внешняя компонента с поддержкой WebSocket Client. В данном примере использована компонента 1cWinCtrl, которая содержит и другой полезный функционал для управления окнами, процессами и буфером обмена.

В заключение следует сказать, что описанный механизм взаимодействия с браузером Google Chrome планируется использовать в инструменте сценарного тестирования прикладных решений Vanessa Automation для автоматизированного создания пользовательских инструкций, в том числе видео-инструкций.

См. также

Интеграция Альфа Авто 5 / Альфа Авто 6 и AUTOCRM / Инфотек

Сайты и интернет-магазины WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме. Без существенных изменений типовой конфигурации. Проверено с брендами: Интеграция 1С и GEELY Интеграция 1С и HAVAL Интеграция 1С и KIA Интеграция 1С и FORD Интеграция 1С и LADA ГАРАНТИЯ 100% ВНЕДРЕНИЯ!

36000 руб.

03.08.2020    15663    9    17    

10

Модуль для обмена "1С:Предприятие 8. УАТ. ПРОФ" с FortMonitor

WEB-интеграция 8.3.8 Конфигурации 1cv8 Автомобили, автосервисы Беларусь Украина Россия Казахстан Управленческий учет Платные (руб)

Расширение предназначено для конфигурации "1С:Предприятие 8. Управление Автотранспортом. ПРОФ". Функционал модуля: 1. Заполнение регистров сведений по подсистеме "Мониторинг", а именно: события по мониторингу, координаты по мониторингу, пробег и расход по мониторингу, текущее местоположение ТС по мониторингу 2. Заполнение путевого листа: пробег по мониторингу, время выезда/заезда, табличная часть ГСМ, места стоянок по геозонам. 3. Отчеты по данным загруженным в регистры сведений. 4. Предусмотрена автоматическая загрузка данных в фоновом режиме (условия работы данной загрузке читайте в описании товара) Модуль работает без включенной константы по настройкам мониторинга. Модуль формы предоставляется с открытым кодом, общий модуль защищен. Любой заинтересованный пользователь, имеет возможность скачать демо-версию расширения.

22656 руб.

25.05.2021    12811    30    8    

10

Интеграция 1С — Битрикс24. Обмен задачами

Сайты и интернет-магазины Интеграция WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Управленческий учет Платные (руб)

Интеграция 1С и Битрикс24. Разработка имеет двухстороннюю синхронизацию 1С и Битрикс24 задачами. Решение позволяет создавать пользователя в 1С из Битрикс24 и наоборот. Данная разработка технически подходит под все основные конфигурации линейки продуктов 1С:Предприятие 8.3 (8.3.18.1289). При приобретении предоставляется 1 месяц бесплатных обновлений разработки. Доступна демо-версия продукта с подключением Вашего Битрикс24

5040 руб.

04.05.2021    17435    6    15    

13

[Расширение] БОР-Навигатор.Культура

Зарплата Бюджетный учет WEB-интеграция Обмен с ГосИС Платформа 1С v8.3 Сложные периодические расчеты 1С:Зарплата и кадры государственного учреждения 3 Государственные, бюджетные структуры Россия Бюджетный учет Платные (руб)

Расширение конфигурации, включающее в себя объекты, необходимые для подготовки и сдачи отчета "Штатная численность" системы "БОР-Навигатор.Культура" в программе "1С:Зарплата и кадры государственного учреждения", редакция 3.1.

8400 руб.

01.02.2019    25691    9    0    

7

Интеграция с сервисом vetmanager

WEB-интеграция Платформа 1С v8.3 Бухгалтерский учет 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Внешняя обработка разрабатывалась для загрузки документов из Ветменеджер в 1С: Бухгалтерия 3.0

12000 руб.

02.02.2021    16262    41    49    

22
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Pr-Mex 136 17.04.20 09:13 Сейчас в теме
Огромное спасибо за разработку!
2. Steelvan 302 17.04.20 10:45 Сейчас в теме
При открытии срабатывает поиск пути к обозревателю, если в конфе синхронный режим вк.
Доработайте пжл под асинхронный режим работы с родными dll.

Иначе каждому придется это все равно дорабатывать, а так вы сделаете это один раз централизованно :)
3. Steelvan 302 17.04.20 10:49 Сейчас в теме
добавление

Это замечание относится к вашей предыдущей обработке, эту пока не смотрел.
Я сначала написал, а потом увидел что это другая обработка :)
4. kandr 204 18.04.20 15:38 Сейчас в теме
(3) Эта обработка полностью на асинхронных вызовах, обработку из предыдущей темы переделаю. Необходимые изменения уже опубликованы на GitHub в ветке develop.
5. Istur 1471 08.02.22 23:52 Сейчас в теме
дополнительная информация - если вместо about-blank написать --silent-launch то при открытии хрома не будет открыто ни одной вкладки. если по очереди запускать хром и нужную страницу, то так лучше, не будет этого лишней открытой вкладки слева.

P.S. огромное спасибо за публикацию!
6. Pr-Mex 136 09.02.22 10:45 Сейчас в теме
(5) Попробую использовать --silent-launch. Спасибо.
7. Viking 30.06.23 15:13 Сейчас в теме
День добрый)
перестала работать ваша кнопка Открыть URL

Using unsafe HTTP verb GET to invoke /json/new. This action supports only PUT verb.

вот, что выдаёт теперь в место JSON

попытку исключение проходит

HTTPЗапрос = Новый HTTPЗапрос("/json/new?" + Объект.URL);
HTTPСоединение = Новый HTTPСоединение("localhost", 9222, , , , 10);

Попытка
	HTTPОтвет = HTTPСоединение.Получить(HTTPЗапрос);
Исключение
	ОшибкаБраузера(Команда);
	Возврат;
КонецПопытки;
	
ТекстJSON = HTTPОтвет.ПолучитьТелоКакСтроку();
ДанныеJSON = ПрочитатьСтрокуJSON(ТекстJSON, Ложь);
Объект.WS = ДанныеJSON.webSocketDebuggerUrl;
Показать
10. kandr 204 30.06.23 19:51 Сейчас в теме
(7) Посмотрите как это теперь работает в Vanessa Automation


https://raw.githubusercontent.com/Pr-Mex/vanessa-automation/develop/VanessaAutomation/Forms/%D0%A3%D0%BF%D1%8­0%D0%B0%D0%B2%D0%BB%D1%8F%D0%B5%D0%BC%D0%B0%D1%8F%D0%A4%D0%B­E%D1%80%D0%BC%D0%B0/Ext/Form/Module.bsl


Найдите там строчку:

HTTPОтвет = HTTPСоединение.ВызватьHTTPМетод("PUT", HTTPЗапрос);
8. kandr 204 30.06.23 19:44 Сейчас в теме
(7) Добрый день! Google поменяла DevTools Protocol, теперь вместо GET нужно использовать PUT, пример как исправить можно посмотреть в Vanessa Automation
9. Viking 30.06.23 19:46 Сейчас в теме
(8)
Vanessa Automation
спасибо! от души ) изучим
11. Viking 30.06.23 20:13 Сейчас в теме
// Кодирует строку для работы с браузером
&НаКлиенте
Функция КодироватьСтрокуUrl(Стр) Экспорт
	Возврат КодироватьСтрокуСервер(Стр);
КонецФункции

&НаСервереБезКонтекста
Функция КодироватьСтрокуСервер(Знач Стр)
	Возврат Вычислить("КодироватьСтроку(Стр, СпособКодированияСтроки.КодировкаURL)");
КонецФункции

&НаКлиенте
Процедура ОткрытьURL(Команда)
	
	
	Заголовки = Новый Соответствие;
	Заголовки["Content-Type"] = "application/x-www-form-urlencoded";
	HTTPЗапрос = Новый HTTPЗапрос("/json/new?" + КодироватьСтрокуUrl(Объект.URL), Заголовки);
	//HTTPСоединение = Новый HTTPСоединение("localhost", МодульРаботаСБраузером().ПортБраузера, , , , 10);
	HTTPСоединение = Новый HTTPСоединение("localhost", 9222, , , , 10);
	Попытка
		HTTPОтвет = HTTPСоединение.ВызватьHTTPМетод("PUT", HTTPЗапрос);
	Исключение
		ВызватьИсключение ОписаниеОшибки();
	КонецПопытки;
	//ТекстJSON = HTTPОтвет.ПолучитьТелоКакСтроку();	
	
	//HTTPЗапрос = Новый HTTPЗапрос("/json/new?" + Объект.URL);
	//HTTPСоединение = Новый HTTPСоединение("localhost", 9222, , , , 10);

	//Попытка
	//	HTTPОтвет = HTTPСоединение.Получить(HTTPЗапрос);
	//Исключение
	//	ОшибкаБраузера(Команда);
	//	Возврат;
	//КонецПопытки;
	
	ТекстJSON = HTTPОтвет.ПолучитьТелоКакСтроку();
Показать
12. Viking 30.06.23 20:13 Сейчас в теме
вот так и будет работать ))) проверено )))
13. kudim 11.08.23 15:24 Сейчас в теме
спасибо! исправленный вариант <ОткрытьURL> работает. Неплохо было бы и в выложенной обработке поправить!
Оставьте свое сообщение