[MUSIC]
La última pregunta que podría surgir en tu mente es cómo construyo y
implemento la aplicación Angular?
Si recuerdas, en el curso anterior de Bootstrap 4,
aprendimos acerca de cómo usar los scripts MPM o grand o
culp para construir la carpeta de distribución, con el fin de construir nuestra aplicación web.
Ahora, con la aplicación Angular que hemos estado desarrollando en este curso,
contamos con la ayuda de la CLI Angular.
La CLI angular proporciona un comando de compilación que nos permite construir nuestra aplicación Angular
, construir la carpeta de distribución y luego tener todos los archivos para
nuestra aplicación Angular compilados y listos para implementar en un sitio de servidor.
Así que eso es lo que vamos a aprender en este ejercicio.
Para seguir adelante con la construcción e implementación de nuestra aplicación Angular en
el prompt type ng building — porque queremos desarrollar la versión
de producción de nuestra aplicación Angular que se puede implementar en un servidor.
Entonces, para hacer eso, en el prompt, como mencioné, escriba ng
build —prod, y luego deje que se complete el proceso de compilación.
Esto tomará un poco de tiempo para que se complete el proceso de compilación.
Una vez completado el proceso de compilación,
verá que la carpeta de distribución ahora estará lista.
Una vez que el proceso de construcción se complete con éxito, por lo que
puede ver que todo está verde allí, por lo que la carpeta de distribución está ahora preparada.
Ahora, ¿cómo implementamos la aplicación Angular?
Ahora, en este caso, si tenemos un servidor donde se puede implementar su aplicación web,
entonces es sólo cuestión de copiar el contenido de
la carpeta de distribución directamente al servidor.
Y luego su aplicación Angular estará en funcionamiento en poco tiempo.
Ahora, afortunadamente, ya tenemos nuestro servidor JSON funcionando allí.
Así que vamos a utilizar nuestro servidor JSON y
la carpeta pública de nuestro servidor JSON, para que copien todo el contenido
de la carpeta de distribución a la carpeta pública de nuestro servidor JSON.
Pasando a la carpeta ConFfusion, donde está almacenada nuestra aplicación,
pasaremos ahora a la carpeta de distribución.
Verá que se ha creado la carpeta de distribución.
Así que entrarás en la carpeta de distribución y
verás que el proceso de compilación Angular CLI ha creado un montón de archivos.
Vamos a copiar todo el contenido de esta carpeta, y
luego iremos al servidor JSON, que está en la carpeta json-server aquí y
ir a la carpeta pública de la carpeta json-server.
Y luego simplemente copiaremos el contenido en esta carpeta pública.
Ahora su aplicación Angular debería estar disponible en localhost:3000 porque
su servidor JSON servirá lo que esté en la carpeta pública en localhost:3000.
Al ir a un navegador, ahora en una nueva pestaña solo escribiré localhost:3000 y
verás que tu aplicación Angular estará en funcionamiento en poco tiempo.
Así que así es como implementaría su aplicación Angular.
Ahora, por supuesto, en este caso, ya que tenemos nuestro servidor bajo nuestro control,
es solo cuestión de copiar los archivos en el lado del servidor.
Ahora, si va a hacer esta implementación en un servidor real en la nube,
, entonces sólo tiene que seguir las instrucciones dadas por
el proveedor de servicios en la nube con el fin de aumentar el lado del servidor.
Por lo tanto, podrían tener una carpeta pública que podría ser compatible con su servidor en la nube.
Así que en ese caso, es posible que simplemente necesite copiar el contenido de su carpeta de distribución
a la carpeta del servidor público en su proveedor de servicios en la nube.
Por supuesto, también debe asegurarse de que haya un servidor back-end
en ejecución que admita la API REST.
En nuestro caso, el servidor JSON está cumpliendo con el propósito.
Cuando complete el curso final de esta especialización,
donde nos ocupamos del desarrollo del lado del servidor usando Node-JS,
aprenderá el procedimiento para construir su propio servidor API REST personalizado.
Entonces, en ese caso, luego dentro del servidor API REST habrá una carpeta pública que
lo admitirá, y luego
necesita copiar su aplicación Angular a la carpeta pública en su lado del servidor.
Así es como implementaría su aplicación Angular.
Con esto, completamos este ejercicio.
En este ejercicio hemos aprendido a implementar nuestra aplicación Angular
en un servidor.
Y cómo hacer uso de la CLI angular para construir una versión de producción de nuestra aplicación angular
antes de hacer la implementación de nuestra aplicación Angular
en el lado del servidor.
[MÚSICA]