Installation
NoneOS Core is a browser-based file system that needs to implement local storage through a Service Worker. The project itself is purely static and does not require a dynamic server.
Prerequisites
- A static server (such as http-server, live-server, nginx, etc.)
- Browser supports Service Worker
- If accessed from an external network, HTTPS must be used (due to API requirements)
Steps
1. Create a Service Worker file
Create a sw.js file in the root directory of the project and fill in the following content:
importScripts("https://core.noneos.com/sw/dist.js");2. Create Entry HTML
In the entry HTML file, import ofa.js and the nos-version component. After using the nos-version component, the sw.js file will be automatically registered:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My App</title>
<script src="https://cdn.jsdelivr.net/gh/ofajs/ofa.js/dist/ofa.js"></script>
</head>
<body>
<!-- Load nos-version component -->
<l-m src="https://core.noneos.com/nos-tool/comps/nos-version.html"></l-m>
<!-- Use nos-version component -->
<nos-version auto-install></nos-version>
<script type="module">
// Wait for installation to complete
$("nos-version").on("installed", () => {
console.log("NoneOS Core installation complete, ready to use");
// Now you can use noneos-core
});
</script>
</body>
</html>Installation Status
nos-version component will automatically detect the installation status of NoneOS Core:
- Not Installed: Display "Install NoneOS Core" button
- Installing: Display installation progress bar
- Installed: Display current version number
- Upgradable: Display upgrade button
When the system installation is complete, or has already been installed, or upgraded successfully, the installed event will be triggered, and then all functions of NoneOS Core can be used normally.