Мануал Инструкция по работе CEF в браузере сервера RedAge v3

[NULMEKS]

Многие задаются вопросом, как просматривать CEF-интерфейсы через браузер сервера RedAge v3.
В этом руководстве я подробно объясню, как это можно сделать. Перед началом работы обязательно скачайте архив: WebServer.zip.

1. Перемещение файлов​

• Переместите папки lang и src из директории src_cef в папку WebServer\webpack.

2. Проверка обновлений​

• Запустите проверку обновлений с помощью батника: SERVER-UPDATE.

3. Запуск сервера​

• Запустите сервер с помощью батника: SERVER-BUILD.
• Важно: после запуска сервера не закрывайте консоль, пока работаете в браузере.

4. Открытие веб-интерфейса​

• После запуска сервера автоматически откроется браузер по адресу: http://localhost:9000
• Если браузер не открылся автоматически, перейдите по ссылке вручную.

5. Управление страницами через консоль браузера​

1. Открываем браузер нажимаем правой кнопкой мышки и выбираем "Просмотреть код элемента". (У каждого пункт может назеваться по разному зависимость от браузера).
2. Перейдите на вкладку "Консоль".
3. Вставьте команду для открытия нужной страницы:
   JavaScript:

   window.router.setView("PlayerHelp");

4. Если при вставке возникает ошибка, попробуйте ввести команду вручную.

6. Работа со страницами в App.svelte​

• Файл со списком доступных страниц находится по пути: src_cef\src\App.svelte.
• Найдите блок с константой:
  JavaScript:

  const Views =

• Здесь вы увидите названия всех доступных страниц, например:
  • PlayerBattlePass — окно боевого пропуска.
  • PlayerAtm — окно банкомата.
  • PlayerAuthentication — окно регистрации.

Примеры команд для открытия страниц:​

• Открыть окно регистрации:
  JavaScript:

  window.router.setView("PlayerAuthentication");

• Открыть окно банкомата:
  JavaScript:

  window.router.setView("PlayerAtm");

7. Завершение работы и деплой изменений​

1. После завершения работы и сохранения всех изменений переместите папки lang и src обратно из WebServer\webpack в src_cef.
2. Выполните сборку проекта (билд) для src_cef.
3. Загрузите собранные изменения на сервер.

 

[Pavel8]

для чего это надо?

 

[NULMEKS]

Pavel8 написал(а):

для чего это надо?

Нажмите для раскрытия...

Ну если ты сразу не понял, то скорей всего тебе это значить не надо...
Но в кратком объясню на пальцах. Если ты меню которая написанная на html мох открыть через браузер запустив файл и посмотреть.
То тут это не работает, так как cef написан не через html и просто так его не открыть. И когда ты что то меняешь в дизайне, чтоб тебе каждый раз не перезаходить на сервер смотреть. То с помощи данного скрипта ты это все можешь смотреть в браузере по мимо всего удобно стилистикой заниматься.

 

[Makskkwk]

NULMEKS написал(а):

Многие задаются вопросом, как просматривать CEF-интерфейсы через браузер сервера RedAge v3.
В этом руководстве я подробно объясню, как это можно сделать. Перед началом работы обязательно скачайте архив: WebServer.zip.

1. Перемещение файлов​

• Переместите папки lang и src из директории src_cef в папку WebServer\webpack.

2. Проверка обновлений​

• Запустите проверку обновлений с помощью команды: SERVER-UPDATE.

3. Запуск сервера​

• Запустите сервер с помощью команды: SERVER-BUILD.
• Важно: после запуска сервера не закрывайте консоль, пока работаете в браузере.

4. Открытие веб-интерфейса​

• После запуска сервера автоматически откроется браузер по адресу: http://localhost:9000
• Если браузер не открылся автоматически, перейдите по ссылке вручную.

5. Управление страницами через консоль браузера​

1. Открываем браузер нажимаем правой кнопкой мышки и выбираем "Просмотреть код элемента". (У каждого пункт может назеваться по разному зависимость от браузера).
2. Перейдите на вкладку "Консоль".
3. Вставьте команду для открытия нужной страницы:
   JavaScript:

   window.router.setView("PlayerHelp");

4. Если при вставке возникает ошибка, попробуйте ввести команду вручную.

6. Работа со страницами в App.svelte​

• Файл со списком доступных страниц находится по пути: src_cef\src\App.svelte.
• Найдите блок с константой:
  JavaScript:

  const Views =

• Здесь вы увидите названия всех доступных страниц, например:
  • PlayerBattlePass — окно боевого пропуска.
  • PlayerAtm — окно банкомата.
  • PlayerAuthentication — окно регистрации.

Примеры команд для открытия страниц:​

• Открыть окно регистрации:
  JavaScript:

  window.router.setView("PlayerAuthentication");

• Открыть окно банкомата:
  JavaScript:

  window.router.setView("PlayerAtm");

7. Завершение работы и деплой изменений​

1. После завершения работы и сохранения всех изменений переместите папки lang и src обратно из WebServer\webpack в src_cef.
2. Выполните сборку проекта (билд) для src_cef.
3. Загрузите собранные изменения на сервер.

Нажмите для раскрытия...

Также при заходе в консоль выдаёт ошибку

index.js:728 Uncaught Error: Cannot find module 'html-entities'
at webpackMissingModule (index.js:728:1)
at ./node_modules/webpack-dev-server/client/overlay.js (index.js:728:1)
at webpack_require (bootstrap:22:1)
at fn (hot module replacement:61:1)
at ./node_modules/webpack-dev-server/client/index.js?protocol=ws%3A&hostname=0.0.0.0&port=9000&pathname=%2Fws&logging=info&overlay=true&reconnect=10&hot=true&live-reload=true (WebSocketClient.js:50:2)
at webpack_require (bootstrap:22:1)
at startup:4:1
at startup:6:1
at webpackUniversalModuleDefinition (universalModuleDefinition:9:1)
at universalModuleDefinition:10:2


Вопрос что при данной ошибке делать?

window.router.setView("PlayerHelp");
VM150:1 Uncaught TypeError: Cannot read properties of undefined (reading 'setView')
at <anonymous>:1:15

 

[Dmitry_V]

Makskkwk написал(а):

Также при заходе в консоль выдаёт ошибку

index.js:728 Uncaught Error: Cannot find module 'html-entities'
at webpackMissingModule (index.js:728:1)
at ./node_modules/webpack-dev-server/client/overlay.js (index.js:728:1)
at webpack_require (bootstrap:22:1)
at fn (hot module replacement:61:1)
at ./node_modules/webpack-dev-server/client/index.js?protocol=ws%3A&hostname=0.0.0.0&port=9000&pathname=%2Fws&logging=info&overlay=true&reconnect=10&hot=true&live-reload=true (WebSocketClient.js:50:2)
at webpack_require (bootstrap:22:1)
at startup:4:1
at startup:6:1
at webpackUniversalModuleDefinition (universalModuleDefinition:9:1)
at universalModuleDefinition:10:2


Вопрос что при данной ошибке делать?

window.router.setView("PlayerHelp");
VM150:1 Uncaught TypeError: Cannot read properties of undefined (reading 'setView')
at <anonymous>:1:15

Нажмите для раскрытия...

Прочитать ошибку, загуглить если не понимаешь.

 

[NULMEKS]

Makskkwk написал(а):

Также при заходе в консоль выдаёт ошибку

index.js:728 Uncaught Error: Cannot find module 'html-entities'
at webpackMissingModule (index.js:728:1)
at ./node_modules/webpack-dev-server/client/overlay.js (index.js:728:1)
at webpack_require (bootstrap:22:1)
at fn (hot module replacement:61:1)
at ./node_modules/webpack-dev-server/client/index.js?protocol=ws%3A&hostname=0.0.0.0&port=9000&pathname=%2Fws&logging=info&overlay=true&reconnect=10&hot=true&live-reload=true (WebSocketClient.js:50:2)
at webpack_require (bootstrap:22:1)
at startup:4:1
at startup:6:1
at webpackUniversalModuleDefinition (universalModuleDefinition:9:1)
at universalModuleDefinition:10:2


Вопрос что при данной ошибке делать?

window.router.setView("PlayerHelp");
VM150:1 Uncaught TypeError: Cannot read properties of undefined (reading 'setView')
at <anonymous>:1:15

Нажмите для раскрытия...

Посмотри внимательно на инструкцию.
Смотри у тебя должно быть:

• Платформа NodeJS (рекомендую использовать Node Version Manager).
  Скачать - https://github.com/coreybutler/nvm-windows/releases (обязательно версия самого NodeJS - 16.14.0)

После того как скачал установил в CMD веди по очереди:
nvm install 16.14.0
nvm use 16.14.0

После чего следуй инструкции что касается WebServer.