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 [2023/10/08 00:15] admin [Estructura de carpetas] |
clase:daw:daw:1eval:tema03 [2023/10/23 08:41] admin [Ejercicios] |
||
---|---|---|---|
Línea 36: | Línea 36: | ||
/ts // | /ts // | ||
/js // | /js // | ||
- | |||
/docs // | /docs // | ||
/ | / | ||
Línea 44: | Línea 43: | ||
build.sh | build.sh | ||
/ | / | ||
- | /tarjet | + | /target |
AppPeliculas-0.0.1-SNAPSHOT.jar | AppPeliculas-0.0.1-SNAPSHOT.jar | ||
package.json | package.json | ||
Línea 51: | 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 61: | 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. |
- | * Copiar el código de " | + | |
+ | | ||
- | | + | |
- | * Transpilar el código TypeScript en JavaScript dentro de la carpeta "dist" | + | * Transpilar |
+ | * Transpilar el código TypeScript en JavaScript dentro de la carpeta "target" | ||
- | | + | |
- | * Borrar el código TypeScript de la carpeta "dist" | + | * Borrar el código TypeScript de la carpeta "target" |
- | | + | * Generar el '' |
- | * Ejecutar el "httpd.exe" | + | |
+ | * Desplegar | ||
+ | | ||
+ | |||
+ | | ||
+ | | ||
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 82: | 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 97: | 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 115: | Línea 127: | ||
<sxh xml> | <sxh xml> | ||
" | " | ||
- | " | + | " |
} | } | ||
</ | </ | ||
Línea 173: | 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 182: | 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 193: | Línea 209: | ||
==== Ejercicio 3 ==== | ==== Ejercicio 3 ==== | ||
Crea un Script en bash llamado " | Crea un Script en bash llamado " | ||
- | | + | <sxh > |
+ | | ||
+ | </ | ||
Se ejecute el Script " | Se ejecute el Script " | ||
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 " | ||
Línea 204: | Línea 227: | ||
==== Ejercicio 4 ==== | ==== Ejercicio 4 ==== | ||
Modifica el proyecto anterior , añadiendo un Script en bash llamado " | Modifica el proyecto anterior , añadiendo un Script en bash llamado " | ||
- | | + | <sxh > |
+ | | ||
+ | </ | ||
Se ejecute el Script " | Se ejecute el Script " | ||