1
00:00:00,510 --> 00:00:00,920
D'accord.

2
00:00:00,930 --> 00:00:04,560
Commençons donc par déployer une application très simple.

3
00:00:04,560 --> 00:00:09,770
Encore une fois, il va simplement avoir deux routes à des modèles vraiment très simple.

4
00:00:09,900 --> 00:00:12,710
La première chose que je veux faire est juste de faire cette application.

5
00:00:12,990 --> 00:00:14,790
Je vais donc le faire très rapidement.

6
00:00:14,790 --> 00:00:17,770
J'ai créé un nouveau dossier appelé deploy demo.

7
00:00:18,060 --> 00:00:21,670
La première chose que je vais faire est NPM et.

8
00:00:22,740 --> 00:00:27,410
Et je vais juste passer la plupart de ces assez rapidement.

9
00:00:27,570 --> 00:00:30,540
J.S. Comme mon point d'entrée.

10
00:00:31,460 --> 00:00:34,980
Autrement c'est tout ce que nous devons faire.

11
00:00:34,980 --> 00:00:47,210
La prochaine chose que je vais faire est NPM installer Express et vous aussi faire E.J. S tiret de tiret et tiret de tiret.

12
00:00:47,220 --> 00:00:51,280
Enregistrer est particulièrement important dès maintenant lorsque nous déployons.

13
00:00:51,390 --> 00:01:19,610
Nous voulons nous assurer que notre paquet que Jason va de l'avant et que nous voulons nous assurer qu'il a toutes nos dépendances parce que ce qui arrive est que nous allons envoyer notre code et notre paquet que Jason sur son Roku en utilisant Obtenir en fait est comment nous le faisons nous allons l'envoyer aux serveurs Heroku et puis Heroku va exécuter NPM installer et installer tout ce qui est dans le paquet de choses Jason.

14
00:01:19,620 --> 00:01:28,660
Donc, dans ce cas Ejay nous et exprimer Si nous manquons quelque chose si nous n'avons pas exprimé dans ce paquet que Jason Heroku ne saurait pas l'installer.

15
00:01:28,950 --> 00:01:35,670
Donc, la clé est que nous n'envoyons pas le répertoire des modules de nœuds.

16
00:01:35,670 --> 00:01:47,470
Cela ne va pas tout le chemin à Roku parce qu'il n'y a aucune raison de faire que c'est un point de NPM au lieu d'envoyer ces fichiers géants et les répertoires entiers tout le module d'Express.

17
00:01:47,580 --> 00:01:53,370
Tout ce que nous faisons est d'envoyer le paquet que Jason qui contient les instructions ou la recette dont nous avons besoin Express, nous en avons besoin.

18
00:01:53,370 --> 00:01:53,860
Oui.

19
00:01:53,910 --> 00:01:57,990
Sort d'une liste d'achats, puis Heroku va aller et télécharger tout cela.

20
00:01:58,020 --> 00:02:00,230
Nous voulons simplement nous assurer que tout est là.

21
00:02:00,510 --> 00:02:07,170
Dans ce cas, c'est vraiment court et simple, mais quand nous arrivons au camp de Yelp nous voulons faire un contrôle approfondi pour s'assurer que tout est là.

22
00:02:07,260 --> 00:02:10,220
Si vous oubliez quelque chose, ce n'est pas la fin du monde.

23
00:02:10,260 --> 00:02:13,040
Je vais vous montrer comment faire que je vais délibérément briser.

24
00:02:13,170 --> 00:02:16,770
Une fois que nous avons mis en place le camp afin que vous puissiez voir comment vous le réparez.

25
00:02:16,770 --> 00:02:25,710
Bon, la prochaine chose que je veux faire est de faire mon application J J.S. Et puis je vais aussi faire un répertoire de View.

26
00:02:26,130 --> 00:02:31,890
Et puis, alors que je suis ici, nous allons faire des vues de slash et nous allons faire à la maison papa E.J ..

27
00:02:31,910 --> 00:02:33,120
Oui.

28
00:02:33,420 --> 00:02:39,610
Et l'autre va appeler à ce sujet E.J. Oui.

29
00:02:40,050 --> 00:02:40,640
Génial.

30
00:02:40,800 --> 00:02:43,120
Donc, juste deux points de vue.

31
00:02:43,170 --> 00:02:45,240
Nous les remplirons avec des trucs vraiment simples.

32
00:02:45,240 --> 00:02:46,990
Donc ce que nous allons déployer à nouveau.

33
00:02:47,370 --> 00:02:51,740
Une application avec deux routes deux modèles qui vont juste être hideux.

34
00:02:51,740 --> 00:02:54,760
Knowsley évaluer juste le strict minimum absolu.

35
00:02:55,170 --> 00:03:02,980
Mais vous pouvez prendre cela et vous savez déployer un site de portefeuille ou de déployer un site de blog ou quoi que vous fassiez qui ne nécessite pas un backend mongo.

36
00:03:03,360 --> 00:03:10,530
Alors ouvrons ceci et commençons par leur application J nous et en haut.

37
00:03:10,530 --> 00:03:24,070
La première chose que vous voulez faire est d'exprimer exprimer exprimer express et puis nous ferons ce qui équivaut à Express qui exécute cette fonction.

38
00:03:24,750 --> 00:03:38,570
Pendant que nous sommes ici, nous dirons au départ que le moteur de visualisation de Ejay nous et puis tout ce que nous devrions avoir à faire maintenant est de déclarer nos cordes.

39
00:03:38,670 --> 00:03:51,060
Alors commençons par apt get seulement la page d'accueil ou l'itinéraire et nous allons juste faire un rendu de repos.

40
00:03:52,140 --> 00:04:04,370
Et nous allons juste ce qui est notre maison modèle home redstart rendre à la maison comme ça fera la même chose, sauf pour slosh environ et rendra render.

41
00:04:04,380 --> 00:04:06,510
Sur la droite.

42
00:04:06,510 --> 00:04:10,060
Donc, deux routes avec deux modèles différents.

43
00:04:10,170 --> 00:04:11,970
Maintenant, nous devons remplir ces modèles.

44
00:04:12,240 --> 00:04:20,390
Alors, nous allons faire la maison d'abord et de le remplir.

45
00:04:20,610 --> 00:04:38,090
Donc, je vais juste faire une page d'accueil H-1 et nous pouvons ajouter quelque chose plus tard, mais commençons avec cela et faire la même chose pour environ H-1 sur Paige.

46
00:04:38,100 --> 00:04:38,650
D'accord.

47
00:04:38,910 --> 00:04:40,630
Nous allons commencer par là.

48
00:04:41,400 --> 00:04:48,300
Et la toute dernière chose dont nous avons besoin avant que nous puissions démarrer notre serveur est notre après écouter à la fin.

49
00:04:48,300 --> 00:04:55,150
Très bien, donc c'est notre application super simple devrait tous être examen de très tôt dans la partie Express de ce cours.

50
00:04:55,380 --> 00:04:57,020
Assurons-nous donc que les choses fonctionnent.

51
00:04:57,330 --> 00:04:59,180
Essayez d'exécuter des applications de nœud.

52
00:04:59,280 --> 00:05:02,100
Oui.

53
00:05:03,390 --> 00:05:04,440
Nous n'avons pas envoyé de message.

54
00:05:04,440 --> 00:05:13,630
Donc, il fonctionne juste ne semble pas très gentil ou ne nous dit pas vraiment qu'il fonctionne, mais c'est alors nous allons aller et prévisualiser notre application.

55
00:05:14,460 --> 00:05:19,640
Oop ressemble à nous avons un petit problème aucun moteur par défaut a été spécifié aucune extension n'a été fournie.

56
00:05:19,710 --> 00:05:21,250
Qu'avons-nous au départ.

57
00:05:21,450 --> 00:05:22,500
Afficher le moteur.

58
00:05:22,620 --> 00:05:24,840
Et bien sûr, je me suis trompé.

59
00:05:24,990 --> 00:05:28,980
Il n'est pas censé être un tableau de bord leur moteur de l'espace de vue.

60
00:05:29,540 --> 00:05:29,780
Droite.

61
00:05:29,790 --> 00:05:32,730
Essayons donc une fois de plus.

62
00:05:34,440 --> 00:05:39,090
J'espère que certains d'entre vous ont attrapé qui peut rafraîchir.

63
00:05:39,160 --> 00:05:44,280
Vous pouvez aussi ce rapide ici pour ouvrir dans le navigateur.

64
00:05:44,610 --> 00:05:49,500
Vous pouvez voir ici que nous obtenons notre application pense que nous pouvons effectivement se débarrasser de tout cela.

65
00:05:49,500 --> 00:05:50,140
Voilà.

66
00:05:50,340 --> 00:05:53,500
Et si je vais à slash environ j'obtiens environ page.

67
00:05:53,610 --> 00:05:57,330
Donc, deux enveloppements super simple et c'est tout ce que nous allons faire.

68
00:05:57,330 --> 00:05:59,340
Peut-être que nous ajouterons un lien.

69
00:05:59,340 --> 00:06:08,620
Donc, si nous allons à la maison, nous allons ajouter dans une balise d'ancrage A-Trak devrait juste être slash environ.

70
00:06:09,210 --> 00:06:18,480
Accédez à la page À propos, puis nous la remettrons ou la copierons dans la page À propos et nous avons un lien vers l'itinéraire.

71
00:06:18,480 --> 00:06:21,110
Rentrer chez soi.

72
00:06:21,900 --> 00:06:22,680
D'ACCORD.

73
00:06:23,310 --> 00:06:28,470
Vérifions donc que cela fonctionne.

74
00:06:28,470 --> 00:06:29,510
Accédez à la page À propos.

75
00:06:29,550 --> 00:06:30,720
Rentrer chez soi.

76
00:06:30,750 --> 00:06:31,260
Génial.

77
00:06:31,500 --> 00:06:33,200
Nous avons donc deux routes.

78
00:06:33,570 --> 00:06:35,550
Notre application est terminée.

79
00:06:36,060 --> 00:06:37,910
Incroyable droit d'application.

80
00:06:37,950 --> 00:06:42,280
Je vais donc fermer ça ici.

81
00:06:42,300 --> 00:06:43,350
Voilà.

82
00:06:43,920 --> 00:06:47,400
Et la prochaine chose que nous allons faire est effectivement travailler sur le déploiement de ce.

83
00:06:47,520 --> 00:06:50,390
Nous avons donc terminé avec l'application elle-même.

84
00:06:50,580 --> 00:07:00,400
Encore une fois pas excitant, mais c'est la même idée exacte si vous faites une belle application bien stylé ou un super simple pour l'acheminement Express app.