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

17.04.20

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

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

Файлы

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование Скачано Купить файл
1ChromeDev.epf
.epf 1,19Mb ver:0.09.8
70 2 500 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

Оформите подписку на компанию для решения рабочих задач

Оформить подписку и скачать решение со скидкой

Вы можете заказать платную доработку или адаптацию этой разработки под вашу конфигурацию на «Бирже заказов».

  • 0% комиссии — оплата напрямую исполнителю;
  • Исполнители любого масштаба — от отдельных специалистов до команд под проект;
  • Прямой обмен контактами между заказчиком и исполнителем;
  • Безопасная сделка — при необходимости;
  • Рейтинги, кейсы и прозрачная система откликов.

При запуске обработка пытается обнаружить установленный на компьютере браузер 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 для автоматизированного создания пользовательских инструкций, в том числе видео-инструкций.

Вступайте в нашу телеграмм-группу Инфостарт

См. также

Сайты и интернет-магазины WEB-интеграция Системный администратор Программист Пользователь 1С:Предприятие 8 1C:Бухгалтерия 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM / LOGICSTARS. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM / LOGICSTAR разных брендов в одной информационной базе в ручном и автоматическом режиме.

42700 руб.

03.08.2020    24218    37    24    

28

WEB-интеграция Программист 1С:Предприятие 8 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Расширение для автоматизации передачи данных между сервисом Vetmanager с 1С: Бухгалтерия 3.0. Решение позволяет загружать документы и справочники из Ветменеджер в 1С:Бухгалтерию, сокращая время на ручной ввод данных и минимизируя ошибки.

24000 руб.

02.02.2021    22911    68    52    

43

WEB-интеграция Программист Бизнес-аналитик 1С:Предприятие 8 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Оптовая торговля, дистрибуция, логистика ИТ-компания Платные (руб)

Модуль "Экспортер" — это расширение для 1С, предназначенное для автоматизации процессов выгрузки данных. Оно позволяет эффективно извлекать, преобразовывать и передавать данные из систем 1С в интеграционную платформу Spot2D. Подсистема упрощает настройку, снижает количество ручных операций и обеспечивает удобный контроль данных.

17568 руб.

20.12.2024    6172    28    4    

29

WEB-интеграция Анализ продаж Системный администратор Программист Пользователь 1С:Предприятие 8 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Управленческий учет Платные (руб)

Модуль "Подсистема интеграции AmoCRM с 1С" позволяет обеспечить единое информационное пространство, в котором пользователи могут эффективно управлять клиентской базой, следить за статусами сделок и поддерживать актуальность данных как в AmoCRM, так и в 1С.

60000 руб.

07.05.2019    42973    76    45    

31

WEB-интеграция Загрузка и выгрузка в Excel Программист Пользователь 1С:Предприятие 8 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Розничная и сетевая торговля (FMCG) Россия Платные (руб)

Расширение освободит вас от необходимости вручную обновлять информацию о товарах в группах ВКонтакте. Достаточно задать правила один раз, и система автоматически формирует файлы yml для дальнейшей загрузки в группы в ВК. Вы сможете легко выбирать, какие товары публиковать, создавая гибкие критерии отбора. Например, можно добавить важные для покупателей параметры: цвет, размер или другие характеристики.

12200 руб.

29.08.2025    2662    7    6    

8

Обмен с ГосИС WEB-интеграция Бухгалтер Пользователь 1С:Предприятие 8 1С:Комплексная автоматизация 1.х 1С:Бухгалтерия 2.0 1С:Управление торговлей 10 1С:Управление производственным предприятием 1С:Управление нашей фирмой 1.6 1С:Бухгалтерия государственного учреждения 1С:Документооборот 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Платные (руб)

Обработка является альтернативой механизму, разработанному фирмой 1С и заполняющему реквизиты контрагента по ИНН или наименованию. Не требуется действующей подписки ИТС. Вызывается как внешняя дополнительная обработка, т.е. используется, непосредственно, из карточки контрагента. Заполнение по ИНН или наименованию реквизитов контрагента по данным сайта ФНС (egrul.nalog.ru) для БП 2.0, БП 3.0, БГУ 1.0, БГУ 2.0, УТ 10.3, УТ 11.x, КА 1.1, КА 2.x, УПП 1.x, ERP 2.x, УНФ 1.5, УНФ 1.6, УНФ 3.0, ДО 2.1

5283 руб.

28.04.2016    100998    120    219    

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

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

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

P.S. огромное спасибо за публикацию!
6. Pr-Mex 187 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 210 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 210 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> работает. Неплохо было бы и в выложенной обработке поправить!
14. sorter1 53 23.07.25 13:55 Сейчас в теме
может кому пригодится:
у меня не запускался Хром - на порту 9222 - для отладки
вообще ни на каком порту отладка не работала.
адрес http://localhost:9222/json был недоступен

добавлял порт в настройки брэндмауэра - тоже ничего не дало

//
заработало вот так:

к строке команды запуска добавил " --user-data-dir=""C:\chrome_debug_profile"""

СтрокаКоманды = """" + Объект.browser + """ about:blank --remote-debugging-port="
+ Формат(Объект.port, "ЧГ=")
+ " --user-data-dir=""C:\chrome_debug_profile""";

//"C:\Program Files\Google\Chrome\Application\chrome.exe" about:blank --remote-debugging-port=9222 --user-data-dir="C:\chrome_debug_profile"

взял отсюда:
https://external.software/archives/16720
yaroslav.artem; +1 Ответить
15. yaroslav.artem 01.09.25 11:12 Сейчас в теме
(14) Спасибо тебе огромное, добрый человек! У меня работало работало и отвалилось, не знал что сделать требуется.
Для отправки сообщения требуется регистрация/авторизация