Frontend
El código fuente del frontend de Casdoor se encuentra dentro de la carpeta /web: https://github.com/casdoor/casdoor/tree/master/web
Es un proyecto Create-React-App (CRA), que sigue la estructura clásica de carpetas de CRA como se describe a continuación:
| Archivo/Directorio | Descripción |
|---|---|
| public | El archivo HTML raíz para React |
| src | Código fuente |
| craco.config.js | El archivo de configuración de Craco. Aquí puedes cambiar el color del tema (azul por defecto) |
| crowdin.yml | Archivo de configuración i18n de Crowdin |
| package.json | Archivo de dependencia NPM/Yarn |
| yarn.lock | Yarn lock file |
Dentro del directorio /src, encontrarás varios archivos y carpetas importantes:
| Archivo/Directorio | Descripción |
|---|---|
| account | La página 'Mi perfil' para usuarios registrados |
| auth | Todo el código relacionado con la autenticación, como OAuth, SAML, página de registro, página de inicio de sesión, página de olvido de contraseña, etc. |
| backend | El SDK para llamar a la API del backend de Go. Contiene todas las llamadas fetch() |
| basic | La página de inicio (página del tablero) para Casdoor, que contiene varios widgets de tarjetas |
| common | Widgets de UI compartidos |
| locales | archivos de traducción i18n en JSON, sincronizados con nuestro proyecto de Crowdin: https://crowdin.com/project/casdoor-site |
| App.js | El archivo JS de entrada que contiene todas las rutas |
| Setting.js | Funciones de utilidad utilizadas por otro código |
| OrganizationListPage.js | La página para la lista de organizaciones, similar a todos los demás archivos XXXListPage.js |
| OrganizationEditPage.js | La página para editar una organización, similar a todos los demás archivos XXXEditPage.js |