Синхронизация Delphi с JavaScript: двусторонняя связь через DCEF3

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

Обратная связь между JavaScript и кодом приложения в Delphi через DCEF3

Введение

В этой статье мы рассмотрим, как можно организовать двустороннюю связь между JavaScript-кодом, выполняемым в браузере, и кодом на Object Pascal, используя библиотеку DCEF3 для интеграции Chromium в приложения Delphi. Это позволит создавать более интерактивные и мощные веб-приложения с использованием возможностей обеих технологий.

Основная проблема

При работе с DCEF3 часто возникает необходимость обмена данными между JavaScript-кодом, выполняемым в браузере, и кодом приложения на Delphi. Существует метод ExecuteJavascript, который позволяет запустить JavaScript-функции из кода Delphi, но вопрос о том, как сделать обратный вызов (из JavaScript в Delphi), остается открытым.

Решение проблемы

Для реализации связи от JavaScript к Delphi необходимо зарегистрировать расширение V8, которое будет включать JavaScript-код для вызова нативных функций. Пример такой регистрации можно найти в этой статье.

В более старых версиях DCEF (не DCEF3) это было реализовано успешно, но с обновлением до DCEF3 возникли трудности. Однако, в исходном коде библиотеки присутствует ссылка на функцию cef_register_extension, что подтверждает возможность регистрации расширений.

Пример использования функции cef_register_extension можно найти здесь. Для тестирования расширения можно воспользоваться демоном guiclient, в котором есть специальный пример кода для проверки работы расширений.

Подтвержденный ответ

После выполнения правильной регистрации расширения, связь между JavaScript и Delphi начинает работать. Пример простого вызова функции на Delphi из JavaScript можно увидеть в демо guiclient: создается класс с методом hello, который возвращает строку "Hello from Delphi", затем этот класс регистрируется для использования из JavaScript, после чего можно вызвать его функцию.

Альтернативный ответ

Если прямая связь между JavaScript и Delphi по каким-то причинам не получается установить, существует альтернативный способ. Можно перехватить события OnJSDialog или OnConsoleMessage браузера, выполнить действие в виде Alert/Log на стороне JavaScript при необходимости вызова кода на Delphi, и передать через сообщение в Alert инструкции для выполнения. Этот подход требует интерпретации строки с указаниями (возможно, с использованием библиотеки скриптов или прямого парсинга), но является более безопасным способом взаимодействия.

Пример кода

// Регистрация класса расширения
class function TTestExtension.hello: string;
begin
  Result := 'Hello from Delphi';
end;

TCefRTTIExtension.Register('app', TTestExtension);

// Вызов метода на Delphi из JavaScript
<script>
alert(app.hello());
</script>

Заключение

В данной статье мы рассмотрели, как настроить двустороннюю связь между JavaScript и кодом приложения в Delphi с использованием DCEF3. Это позволяет использовать преимущества обеих технологий для создания мощных веб-приложений с интерактивными функциями.

Примечание

Приведенный пример кода предназначен для демонстрации основного принципа работы. Для полноценной реализации необходимо уточнить детали интеграции в зависимости от конкретного проекта и требований.

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

Обратная связь между JavaScript-кодом, запущенным в браузере Chromium через библиотеку DCEF3 для Delphi-приложений, и кодом на Object Pascal.

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

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

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