Горячая перезагрузка поддерживает работу виджета при добавлении новых версий файлов, которые мы редактируем во время выполнения. Таким образом, мы не теряем состояния в приложении и не должны перезапускать Stream Processor, чтобы увидеть внесенные нами изменения.

Вот как мы настраиваем настраиваемый виджет, который мы создаем, чтобы отражать вносимые нами изменения в реальном времени.

  1. Вставьте приведенный ниже скрипт в package.json виджета.
“build-dev”: “webpack -d — config webpack.config.js — watch — progress”

так это выглядит сейчас

2. Теперь давайте создадим виджет для разработчиков.

npm run build-dev

3. Если вы следуете Документу WSO2 по созданию виджета клиента, ваше приложение будет построено в каталоге dist.

<WIDGET_ROOT>/dist

В dist вы можете увидеть папку с именем вашего виджета. Если имя моего виджета HelloWorld, это будет

<WIDGET_ROOT>/dist/HelloWorld

и он будет содержать следующие файлы

HelloWorld 
- HelloWorld.js
- widgetConf.json

4. Обычно, если вы хотите развернуть виджет в WSO2 SP, вы должны поместить весь каталог HelloWorld в

<SP_HOME>/wso2/dashboards/deployment/web-ui-apps/portal/extensions/widgets

Вместо копирования каталога сборки (HelloWorld) с его содержимым
мы должны создать программные ссылки для файлов внутри каталога сборки внутри Stream Processor.

Давайте создадим новый каталог в «виджетах» для добавления программных ссылок внутри Stream Processor.

cd <SP_HOME>/wso2/dashboards/deployment/web-ui-apps/portal/extensions/widgets
mkdir HelloWorld
cd HelloWorld

Теперь создайте программные ссылки для содержимого директории сборки в указанном выше месте.

ln -s <WIDGET_ROOT>/dist/HelloWorld/widgetconf.json .
ln -s <WIDGET_ROOT>/dist/HelloWorld/HelloWorld.js .

5. Запустите WSO2 Stream Processor в среде исполнения панели управления, и ваш виджет HelloWorld должен быть доступен.

Попробуйте изменить исходный код настраиваемого виджета в ‹WIDGET_ROOT› /src/HelloWorld.js и сохранить.

Вы заметите, что каждый раз при сохранении виджет будет обновляться с внесенными вами изменениями.

Надеюсь, этот небольшой прием окажется для вас полезным :)