Интеграция Delphi и JavaScript: Взаимодействие через Chromium Embedded

Delphi , Технологии , DDE

Статья на тему интеграции Delphi и JavaScript с использованием Chromium Embedded будет полезна для разработчиков, работающих с этими технологиями. Ниже представлен пересказ материала из контекста для написания статьи.

Интеграция Delphi и JavaScript: Взаимодействие через Chromium Embedded

Разработчики, использующие среду разработки Delphi 6 и желающие интегрировать в свои проекты веб-компоненты, часто сталкиваются с необходимостью взаимодействия между кодом на Object Pascal (Delphi) и JavaScript. Одним из популярных решений является использование Chromium Embedded Framework (CEF), который позволяет встроить полнофункциональный браузер на основе Chromium прямо в приложение Delphi.

Проблема

Разработчик успешно интегрировал Chromium в проект на Delphi 6 с помощью библиотеки Delphi Chromium Embedded. Теперь перед ним стоит задача выполнения JavaScript-кода и получения результатов обратно в приложение Delphi. Существующий метод заключается в вызове ExecuteJavascript() и использовании DOM-элемента для записи результатов, которые затем опрашиваются с помощью TTimer в коде Delphi. Однако разработчик нашел информацию о том, что можно использовать "native functions" и расширения V8, чтобы JavaScript вызывал функционал обратно в код Delphi.

Решение

Для решения данной задачи необходимо использовать механизмы CEF для прикрепления слушателей событий к DOM-элементам (например, onmousedown) и реализовать возможности возврата результатов из JavaScript непосредственно в Delphi через расширения V8. Пример кода для прикрепления слушателя:

procedure MouseDownCallback(const Event: ICefDomEvent);
begin
  ShowMessage('Mouse down on ' + Event.Target.Name);
end;

procedure AttachMouseDownListenerProc(const Doc: ICefDomDocument);
begin
  Doc.Body.AddEventListenerProc('mousedown', True, MouseDownCallback);
end;

Использование для прикрепления слушателя к элементу body документа:

procedure TMainForm.Button1Click(Sender: TObject);
begin
  ChromiumComponent.Browser.MainFrame.VisitDomProc(AttachMouseDownListenerProc);
end;

Для реализации возврата результатов из JavaScript в Delphi можно использовать расширения, которые позволяют вызывать методы на стороне Delphi напрямую из JavaScript:

procedure RegisterExtension;
var
  Code: string;
begin
  // ... код инициализации расширения ...
end;

initialization
  RegisterExtension;

Внутри класса TMyHandler, реализующего интерфейс ICefv8Handler, определяется метод Execute, который будет вызываться при обращении из JavaScript к расширению:

function TMyHandler.Execute(const name: UString; const obj: ICefV8Value;
  const arguments: TCefV8ValueArray; var retval: ICefV8Value;
  var exception: UString): Boolean; override;
begin
  // Логика обработки вызова из JavaScript
end;

Пример вызова метода на стороне Delphi из JavaScript:

ChromiumComponent.Browser.MainFrame.ExecuteJavaScript('cef.test.test_object().GetMessage();', 'about:blank', 0);

Этот подход позволяет избежать необходимости опроса DOM-элементов и упрощает обмен данными между JavaScript и Delphi.

Заключение

Интеграция Chromium Embedded в проекты на Delphi открывает широкие возможности для разработки мультиплатформенных приложений с веб-компонентами. Использование расширений V8 позволяет реализовать более сложное взаимодействие между JavaScript и Object Pascal, что делает процесс разработки более гибким и удобным.

Эта статья предназначена для разработчиков, которые уже имеют опыт работы с Delphi и Chromium Embedded, но также может быть полезна новичкам в качестве руководства по началу работы с интеграцией JavaScript-кода в свои проекты.

Создано по материалам из источника по ссылке.

Создание статьи о реализации взаимосвязи между Delphi и JavaScript через Chromium Embedded, предназначенная для специалистов этих технологий.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: DDE ::