WebUI Module Development​

ShiroSU's WebUI standard adheres to KerenlSU, please refer to theKerenlSU Module WebUIfor detailed specifications.

In addition, ShiroSU's WebUI JavaScript interface'smoduleInfofunction provides an extraupdatablevalue, which will be affected by the user's network environment.

Module Directory Structure​

The module directory should follow the following structure:

.
├── module.prop
└── webroot
  ├── index.html
  └── Other Web Resources...

Thewebrootdirectory is the root directory of the WebUI, containing all frontend resources.

Development Demo​

We provide a simple WebUI Demo, which usesvitefor bundling and is based onvue3, and integratesKernelSUpackage to help you get started quickly.

• WebUI Demo Repository:https://github.com/OOM-WG/WebUI_Demo
• WebUI Demo Screenshot:WebUI Demo Screenshot

Contributors

白彩恋 YumeYuka

Changelog