2.0 KiB
2.0 KiB
Quibot Web
Interfície web per controlar el robit de la Quibot. Construida amb Nuxt 3 i Vue 3.
Requisits previs
- Node.js (versió 20 o superior)
- npm, yarn o pnpm
Instal·lació
npm install
Execució en mode desenvolupament
npm run dev
L'aplicació estarà disponible a http://localhost:3000.
Configuració
L'aplicació es configura mitjançant variables d'entorn:
| Variable | Descripció | Valor per defecte |
|---|---|---|
QUIBOT_BASE_URL |
URL del backend del Quibot | http://quibot:8000 |
QUIBOT_TOKEN |
Token d'autenticació del backend | MY_SECRET_TOKEN |
Comandos disponibles
| Comando | Descripció |
|---|---|
npm run dev |
Inicia el servidor de desenvolupament |
npm run build |
Compila l'aplicació per a producció |
npm run generate |
Genera l'aplicació estàtica |
npm run preview |
Previsualitza la versió de producció |
Funcionalitat
L'interfície permet enviar comandes al motor del Quibot:
- Step Forward – Mou el motor cap endavant
- Step Backwards – Mou el motor cap enrere
- Stop – Atura el motor
Estructura del projecte
quibot-web/
├── app/
│ └── app.vue # Pàgina principal amb els controls del motor
├── server/
│ └── api/motor/ # Rutes API del servidor
│ ├── stop.post.ts # Comanda d'aturada
│ └── step/[direction].post.ts # Comandes de moviment
├── public/
│ └── favicon.ico # Icona del navegador
├── nuxt.config.ts # Configuració del Nuxt
├── package.json
└── tsconfig.json # Configuració de TypeScript