1
00:00:00,000 --> 00:00:04,686
[MUSIC]

2
00:00:04,686 --> 00:00:09,110
La última pregunta que podría surgir en tu mente es cómo construyo y

3
00:00:09,110 --> 00:00:11,590
implemento la aplicación Angular?

4
00:00:11,590 --> 00:00:15,787
Si recuerdas, en el curso anterior de Bootstrap 4,

5
00:00:15,787 --> 00:00:19,801
aprendimos acerca de cómo usar los scripts MPM o grand o

6
00:00:19,801 --> 00:00:26,560
culp para construir la carpeta de distribución, con el fin de construir nuestra aplicación web.

7
00:00:26,560 --> 00:00:31,504
Ahora, con la aplicación Angular que hemos estado desarrollando en este curso,

8
00:00:31,504 --> 00:00:33,797
contamos con la ayuda de la CLI Angular.

9
00:00:33,797 --> 00:00:39,402
La CLI angular proporciona un comando de compilación que nos permite construir nuestra aplicación Angular

10
00:00:39,402 --> 00:00:45,010
, construir la carpeta de distribución y luego tener todos los archivos para

11
00:00:45,010 --> 00:00:50,286
nuestra aplicación Angular compilados y listos para implementar en un sitio de servidor.

12
00:00:50,286 --> 00:00:53,497
Así que eso es lo que vamos a aprender en este ejercicio.

13
00:00:55,477 --> 00:01:00,065
Para seguir adelante con la construcción e implementación de nuestra aplicación Angular en

14
00:01:00,065 --> 00:01:04,969
el prompt type ng building — porque queremos desarrollar la versión

15
00:01:04,969 --> 00:01:09,935
de producción de nuestra aplicación Angular que se puede implementar en un servidor.

16
00:01:09,935 --> 00:01:13,925
Entonces, para hacer eso, en el prompt, como mencioné, escriba ng

17
00:01:15,045 --> 00:01:19,935
build —prod, y luego deje que se complete el proceso de compilación.

18
00:01:22,225 --> 00:01:26,755
Esto tomará un poco de tiempo para que se complete el proceso de compilación.

19
00:01:26,755 --> 00:01:28,924
Una vez completado el proceso de compilación,

20
00:01:28,924 --> 00:01:32,391
verá que la carpeta de distribución ahora estará lista.

21
00:01:32,391 --> 00:01:35,860
Una vez que el proceso de construcción se complete con éxito, por lo que

22
00:01:35,860 --> 00:01:41,111
puede ver que todo está verde allí, por lo que la carpeta de distribución está ahora preparada.

23
00:01:41,111 --> 00:01:44,829
Ahora, ¿cómo implementamos la aplicación Angular?

24
00:01:44,829 --> 00:01:50,789
Ahora, en este caso, si tenemos un servidor donde se puede implementar su aplicación web,

25
00:01:50,789 --> 00:01:54,547
entonces es sólo cuestión de copiar el contenido de

26
00:01:54,547 --> 00:01:58,420
la carpeta de distribución directamente al servidor.

27
00:01:58,420 --> 00:02:02,770
Y luego su aplicación Angular estará en funcionamiento en poco tiempo.

28
00:02:02,770 --> 00:02:06,842
Ahora, afortunadamente, ya tenemos nuestro servidor JSON funcionando allí.

29
00:02:06,842 --> 00:02:09,411
Así que vamos a utilizar nuestro servidor JSON y

30
00:02:09,411 --> 00:02:14,468
la carpeta pública de nuestro servidor JSON, para que copien todo el contenido

31
00:02:14,468 --> 00:02:19,057
de la carpeta de distribución a la carpeta pública de nuestro servidor JSON.

32
00:02:19,057 --> 00:02:23,317
Pasando a la carpeta ConFfusion, donde está almacenada nuestra aplicación,

33
00:02:23,317 --> 00:02:26,370
pasaremos ahora a la carpeta de distribución.

34
00:02:26,370 --> 00:02:28,720
Verá que se ha creado la carpeta de distribución.

35
00:02:28,720 --> 00:02:31,390
Así que entrarás en la carpeta de distribución y

36
00:02:31,390 --> 00:02:36,450
verás que el proceso de compilación Angular CLI ha creado un montón de archivos.

37
00:02:38,015 --> 00:02:43,199
Vamos a copiar todo el contenido de esta carpeta, y

38
00:02:43,199 --> 00:02:50,327
luego iremos al servidor JSON, que está en la carpeta json-server aquí y

39
00:02:50,327 --> 00:02:54,760
ir a la carpeta pública de la carpeta json-server.

40
00:02:54,760 --> 00:02:59,597
Y luego simplemente copiaremos el contenido en esta carpeta pública.

41
00:02:59,597 --> 00:03:05,596
Ahora su aplicación Angular debería estar disponible en localhost:3000 porque

42
00:03:05,596 --> 00:03:12,031
su servidor JSON servirá lo que esté en la carpeta pública en localhost:3000.

43
00:03:12,031 --> 00:03:18,886
Al ir a un navegador, ahora en una nueva pestaña solo escribiré localhost:3000 y

44
00:03:18,886 --> 00:03:26,080
verás que tu aplicación Angular estará en funcionamiento en poco tiempo.

45
00:03:26,080 --> 00:03:29,230
Así que así es como implementaría su aplicación Angular.

46
00:03:29,230 --> 00:03:32,970
Ahora, por supuesto, en este caso, ya que tenemos nuestro servidor bajo nuestro control,

47
00:03:32,970 --> 00:03:36,270
es solo cuestión de copiar los archivos en el lado del servidor.

48
00:03:36,270 --> 00:03:42,030
Ahora, si va a hacer esta implementación en un servidor real en la nube,

49
00:03:42,030 --> 00:03:46,395
, entonces sólo tiene que seguir las instrucciones dadas por

50
00:03:46,395 --> 00:03:51,056
el proveedor de servicios en la nube con el fin de aumentar el lado del servidor.

51
00:03:51,056 --> 00:03:56,982
Por lo tanto, podrían tener una carpeta pública que podría ser compatible con su servidor en la nube.

52
00:03:56,982 --> 00:04:02,706
Así que en ese caso, es posible que simplemente necesite copiar el contenido de su carpeta de distribución

53
00:04:02,706 --> 00:04:09,920
a la carpeta del servidor público en su proveedor de servicios en la nube.

54
00:04:09,920 --> 00:04:14,204
Por supuesto, también debe asegurarse de que haya un servidor back-end

55
00:04:14,204 --> 00:04:17,982
en ejecución que admita la API REST.

56
00:04:17,982 --> 00:04:21,266
En nuestro caso, el servidor JSON está cumpliendo con el propósito.

57
00:04:21,266 --> 00:04:25,719
Cuando complete el curso final de esta especialización,

58
00:04:25,719 --> 00:04:30,434
donde nos ocupamos del desarrollo del lado del servidor usando Node-JS,

59
00:04:30,434 --> 00:04:36,370
aprenderá el procedimiento para construir su propio servidor API REST personalizado.

60
00:04:36,370 --> 00:04:41,240
Entonces, en ese caso, luego dentro del servidor API REST habrá una carpeta pública que

61
00:04:41,240 --> 00:04:43,870
lo admitirá, y luego

62
00:04:43,870 --> 00:04:48,360
necesita copiar su aplicación Angular a la carpeta pública en su lado del servidor.

63
00:04:49,490 --> 00:04:53,170
Así es como implementaría su aplicación Angular.

64
00:04:53,170 --> 00:04:55,860
Con esto, completamos este ejercicio.

65
00:04:55,860 --> 00:05:00,300
En este ejercicio hemos aprendido a implementar nuestra aplicación Angular

66
00:05:00,300 --> 00:05:02,341
en un servidor.

67
00:05:02,341 --> 00:05:07,124
Y cómo hacer uso de la CLI angular para construir una versión de producción de nuestra aplicación angular

68
00:05:07,124 --> 00:05:11,352
antes de hacer la implementación de nuestra aplicación Angular

69
00:05:11,352 --> 00:05:13,604
en el lado del servidor.

70
00:05:13,604 --> 00:05:19,459
[MÚSICA]