Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa Próxima revisión Ambos lados, revisión siguiente | ||
clase:daw:daw:1eval:tema03 [2020/10/06 19:30] admin |
clase:daw:daw:1eval:tema03 [2023/10/23 08:40] admin [Ejercicios] |
||
---|---|---|---|
Línea 16: | Línea 16: | ||
/ | / | ||
/src //Donde está todo el código fuente de la aplicación | /src //Donde está todo el código fuente de la aplicación | ||
- | /web | + | /main |
- | index.html | + | |
- | /assets | + | /com |
- | /img | + | /daw |
- | /fonts | + | / |
- | / | + | |
- | / | + | / |
- | / | + | /static |
- | /boostrap | + | |
- | /sass //Código en SASS | + | /assets |
- | /css //código en CSS | + | /img |
- | /ts // | + | /fonts |
- | /js // | + | / |
- | /php //El ćodigo no público de PHP | + | / |
- | composer.json // | + | / |
- | / | + | /boostrap |
- | /pdo | + | /scss //Código en SASS |
+ | /css //código en CSS | ||
+ | /ts // | ||
+ | /js // | ||
/docs // | /docs // | ||
/ | / | ||
Línea 40: | Línea 43: | ||
build.sh | build.sh | ||
/ | / | ||
- | /dist //El código " | + | /target |
+ | AppPeliculas-0.0.1-SNAPSHOT.jar | ||
package.json | package.json | ||
Línea 46: | Línea 50: | ||
Hay que fijarse que en git no se debe guardar únicamente la carpeta " | Hay que fijarse que en git no se debe guardar únicamente la carpeta " | ||
- | ===== Carpeta | + | ===== Carpeta |
- | La carpeta '' | + | La carpeta '' |
- | Podemos pensar que debe ser únicamente una copia de la carpeta " | + | |
+ | <note important> | ||
+ | En otros IDE's como NetBeans , esta carpeta puede llamarse '' | ||
+ | </ | ||
+ | |||
+ | Podemos pensar que debe ser únicamente una copia de la carpeta " | ||
+ | * Compilar el código fuente Java a el compilado en los ficheros '' | ||
* Minimizar el código: Hacer que ocupe menos el código JavaScript | * Minimizar el código: Hacer que ocupe menos el código JavaScript | ||
* Ofuscar el código: Para evitar que alguien pueda copiar nuestro código se suele, por ejemplo , cambiar el nombre de las variables por nombres sin sentido. Normalmente se minimiza y se ofusca a la vez. | * Ofuscar el código: Para evitar que alguien pueda copiar nuestro código se suele, por ejemplo , cambiar el nombre de las variables por nombres sin sentido. Normalmente se minimiza y se ofusca a la vez. | ||
Línea 56: | Línea 66: | ||
* Etc. | * Etc. | ||
- | Por ello , por ejemplo, en la carpeta " | + | Por ello , por ejemplo, en la carpeta " |
===== Tareas de Automatización del despliegue ===== | ===== Tareas de Automatización del despliegue ===== | ||
- | Veamos ahora un ejemplo de como desplegar una aplicación web en PHP con SASS , TypeScript y que se despliega en Apache. | + | Veamos ahora un ejemplo de como desplegar una aplicación web en Java con SASS , TypeScript y que se despliega en Apache. |
+ | |||
+ | * Build (en maven se llama package) | ||
+ | * Copiar el código de " | ||
+ | |||
+ | * Compilar el código Java | ||
+ | * Transpilar el código SASS en CSS dentro de la carpeta " | ||
+ | * Transpilar el código TypeScript en JavaScript dentro de la carpeta " | ||
- | | + | |
+ | * Borrar el código TypeScript de la carpeta | ||
- | | + | |
- | * Transpilar el código TypeScript en JavaScript dentro de la carpeta " | + | |
- | * Borrar el código SASS de la carpeta " | + | * Desplegar |
- | * Borrar | + | * Copiar |
- | * Copiar el código de la carpeta " | + | * Ejecutar |
- | * Ejecutar el "httpd.exe" | + | * Ejecutar el '' |
Para hacer todas esta tareas vamos a usar Scripts del sistema operativo , por ejemplo en Linux se usará " | Para hacer todas esta tareas vamos a usar Scripts del sistema operativo , por ejemplo en Linux se usará " | ||
Línea 77: | Línea 94: | ||
* Instalar SASS | * Instalar SASS | ||
- | npm install | + | npm install sass -g |
* Transpilar SASS en CSS | * Transpilar SASS en CSS | ||
- | sass | + | sass ./scss/main.scss |
Línea 92: | Línea 109: | ||
* Transpilar TypeScript en JavaScript | * Transpilar TypeScript en JavaScript | ||
- | tsc --outDir ./dist/js ./src/ts/*.ts | + | tsc --outDir ./js ./ts/*.ts |
Línea 99: | Línea 116: | ||
En los siguientes artículos se explican los scripts npm: | En los siguientes artículos se explican los scripts npm: | ||
+ | * [[https:// | ||
* [[https:// | * [[https:// | ||
* [[http:// | * [[http:// | ||
Línea 109: | Línea 127: | ||
<sxh xml> | <sxh xml> | ||
" | " | ||
- | " | + | " |
} | } | ||
</ | </ | ||
Línea 167: | Línea 185: | ||
Crea un Script en bash llamado " | Crea un Script en bash llamado " | ||
Haz que ejecutando: | Haz que ejecutando: | ||
+ | <sxh > | ||
npm run hola | npm run hola | ||
+ | </ | ||
Se ejecute el Script que acabas de crear. | Se ejecute el Script que acabas de crear. | ||
Línea 176: | Línea 196: | ||
Crea un Script en bash llamado " | Crea un Script en bash llamado " | ||
Haz que ejecutando: | Haz que ejecutando: | ||
+ | <sxh > | ||
npm run init | npm run init | ||
+ | </ | ||
Se ejecute el Script que acabas de crear. | Se ejecute el Script que acabas de crear. | ||
Línea 192: | Línea 214: | ||
Crea un Script en bash llamado " | Crea un Script en bash llamado " | ||
+ | |||
+ | |||
+ | <sxh> | ||
npm run deploy | npm run deploy | ||
+ | </ | ||
+ | |||
Se ejecute el Script " | Se ejecute el Script " | ||
==== Ejercicio 4 ==== | ==== Ejercicio 4 ==== | ||
- | Modifica el proyecto | + | Modifica el proyecto |
- | npm run start | + | <sxh > |
+ | npm run start | ||
+ | </ | ||
Se ejecute el Script " | Se ejecute el Script " | ||