1
00:00:00,300 --> 00:00:06,620
Bienvenue dans les prochaines vidéos, nous allons nous concentrer sur la création de cette application avec l'art utilisateur et de commencer.

2
00:00:06,630 --> 00:00:14,170
Nous avons besoin d'installer la structure d'application réelle dont vous avez besoin pour installer quelques paquets, y compris ceux-ci ici-bas dont j'ai parlé dans la dernière vidéo.

3
00:00:14,330 --> 00:00:19,460
Ensuite, nous allons ajouter deux routes de base pour que nous n'allions pas couvrir une authentification pour le moment.

4
00:00:19,680 --> 00:00:22,840
Nous allons simplement poser les bases pour que nous puissions le faire dans la prochaine vidéo.

5
00:00:23,280 --> 00:00:39,520
J'ai donc créé un nouveau répertoire appelé authentification et je ferai un nouveau répertoire à l'intérieur de celui appelé Auth. Démo et CD dans démo démo et puis exécutera NPM et il sera juste la vitesse à travers cette description.

6
00:00:39,550 --> 00:00:45,860
Le blanc je voudrais changer cela en fait oui Arthur.

7
00:00:47,010 --> 00:00:47,990
Oui, c'est bon.

8
00:00:48,260 --> 00:00:51,220
OK, alors faisons son adresse.

9
00:00:52,260 --> 00:00:55,410
Maintenant, nous avons besoin d'installer ses paquets, nous avons donc quelques-uns.

10
00:00:55,530 --> 00:01:01,350
Nous avons besoin d'installer express mongoose passeport corps parser passeport local.

11
00:01:01,350 --> 00:01:06,560
Nous avons également besoin de passeport mongoose locale et exprimer la session tout à fait quelques-uns.

12
00:01:06,660 --> 00:01:10,920
Je vais les faire dans quelques lignes différentes, même si c'est agréable de tout faire en une seule ligne.

13
00:01:10,920 --> 00:01:14,540
Il sera difficile de regarder sur la vidéo au cas où il serait coupé ici.

14
00:01:14,580 --> 00:01:21,060
Donc, je vais commencer à faire l'installation de NPM Expressen mongoose dash dash sauver.

15
00:01:22,080 --> 00:01:25,930
Et ensuite, nous allons faire passeport et passeport local.

16
00:01:26,450 --> 00:01:26,840
D'ACCORD.

17
00:01:26,930 --> 00:01:39,650
Donc, maintenant, nous allons faire NPM installer passport espace passer ou tiret tableau de bord local sauver et qui nous donnera deux plus.

18
00:01:39,660 --> 00:01:46,880
Ensuite, nous allons faire NPM installer passeport mongoose tableau de bord tiret.

19
00:01:46,890 --> 00:02:00,980
Enregistrer maintenant fera des parties du corps pour NPM installer Audi parser et sera également faire session excusez-moi express tableau de bord dash.

20
00:02:00,980 --> 00:02:03,860
Sûr et qui devrait être tout ce dont nous avons besoin.

21
00:02:03,870 --> 00:02:10,450
Jetons donc un coup d'oeil sur le paquet que Jason et nous avons.

22
00:02:10,440 --> 00:02:17,580
Express express mongoose passeport passeport local passeport local mangouste et analyseur de corps.

23
00:02:17,610 --> 00:02:19,320
Quelques paquets là-bas.

24
00:02:19,590 --> 00:02:23,670
Très bien maintenant, allons-nous à la chasse à l'application et de fermer que vers le bas.

25
00:02:23,670 --> 00:02:24,820
C9.

26
00:02:25,180 --> 00:02:25,830
Oui.

27
00:02:26,160 --> 00:02:32,070
Et pendant que nous sommes dans le terminal, nous allons faire notre répertoire vues juste là.

28
00:02:32,070 --> 00:02:39,710
Là, nous allons et nous allons aussi faire un répertoire modèle et nous allons seulement avoir un modèle qui sera utilisateur.

29
00:02:39,990 --> 00:02:41,560
Et nous y reviendrons dans la prochaine vidéo.

30
00:02:41,910 --> 00:02:45,210
Donc, à l'intérieur oui, nous allons commencer avec notre application express de base.

31
00:02:45,450 --> 00:02:55,690
Jusqu'à présent, les appels express exigent express et puis nous allons faire une application VAR équivaut à exprimer exactement comme ça.

32
00:02:56,340 --> 00:02:58,440
Et puis nous allons faire une partie de notre autre configuration.

33
00:02:58,440 --> 00:03:08,540
Donc, app que le moteur de vue set être Ejay nous et c'est un paquet, nous avons effectivement oublié d'installer afin que nous puissions le faire maintenant et l'installer.

34
00:03:08,620 --> 00:03:09,140
Oui.

35
00:03:09,210 --> 00:03:12,450
Sauter tableau de bord.

36
00:03:13,060 --> 00:03:17,880
Et alors alors que ça va nous ajouterons notre première route et nous allons simplement ajouter l'itinéraire de route pour commencer.

37
00:03:17,880 --> 00:03:26,600
Si apt get slash et nous allons simplement rendre un modèle que nous appelons la maison.

38
00:03:26,850 --> 00:03:32,250
Donc rez qui rendent la maison.

39
00:03:32,250 --> 00:03:33,990
Maintenant nous devons faire le modèle à la maison.

40
00:03:34,350 --> 00:03:37,710
Donc nous avons notre répertoire vues ici.

41
00:03:37,740 --> 00:03:54,800
Maintenant, nous devons faire des vues tactiles slash home que Ejay nous et puis va ouvrir ce fichier et nous allons ajouter dans un H-1 simple qui dit que c'est la page d'accueil comme ça.

42
00:03:55,770 --> 00:04:00,540
Et puis la dernière chose et la plus importante est de réellement démarrer le serveur pour ajouter l'application.

43
00:04:00,550 --> 00:04:17,830
Écoutez et rappelez-vous son processus que EMV que le port Khama processus que EMV IP commune fonction de rappel qui sera exécuté et sera juste pour annuler que le serveur de journal a démarré.

44
00:04:18,600 --> 00:04:19,620
Voilà.

45
00:04:20,100 --> 00:04:27,510
Nous allons lui donner un coup de fil et de voir si je suis manquant quelque chose d'important donc nous allons effacer cela et nous exécutons nœud après J S.

46
00:04:27,570 --> 00:04:29,360
Très bien, le serveur a commencé.

47
00:04:29,370 --> 00:04:31,160
Maintenant, nous allons visiter l'URL.

48
00:04:31,350 --> 00:04:32,430
Donc, le chemin racine ici.

49
00:04:32,460 --> 00:04:34,560
Il suffit de slash et nous devrions obtenir.

50
00:04:34,560 --> 00:04:36,570
C'est la page d'accueil et nous le faisons.

51
00:04:36,570 --> 00:04:37,350
Génial.

52
00:04:37,350 --> 00:04:43,570
Maintenant, nous allons mettre en place la route secrète qui sera juste un autre enlever secrète secret.

53
00:04:43,650 --> 00:04:54,170
Et pour l'instant nous allons rendre un modèle et ce modèle va juste dire que c'est la page secrète et nous pouvons ajouter une photo embarrassante là-bas si vous voulez.

54
00:04:54,330 --> 00:04:56,440
Si secret comme ça.

55
00:04:56,570 --> 00:04:58,370
Et maintenant, nous devons créer ce modèle.

56
00:04:58,650 --> 00:05:10,080
Donc, touch utiliser slash secret Ejaz et puis nous allons ouvrir que et nous allons ajouter un H-1.

57
00:05:10,080 --> 00:05:16,420
C'est la page secrète et nous pouvons ajouter un paragraphe aussi.

58
00:05:16,680 --> 00:05:23,220
Vous m'avez trouvé et puis j'ajouterai une étiquette d'image ici avec cette horriblement embarrassante photo de moi.

59
00:05:23,400 --> 00:05:28,380
N'hésitez pas à mettre ce que vous voulez aussi longtemps que c'est horriblement embarrassant et devrait être dans le fichier secret.

60
00:05:28,740 --> 00:05:29,040
D'ACCORD.

61
00:05:29,070 --> 00:05:32,530
Enregistrez-la pour l'instant ou redémarrez le serveur.

62
00:05:32,880 --> 00:05:39,390
Et nous devrions être en mesure de voir cette page secrète parce que nous n'avons pas de secret d'authentification slash.

63
00:05:39,630 --> 00:05:42,650
Et oui ça marche parce que nous n'avons pas encore notre auth.

64
00:05:42,960 --> 00:05:43,460
Génial.

65
00:05:43,470 --> 00:05:46,500
C'est donc tout ce que je voulais faire dans cette vidéo.

66
00:05:46,500 --> 00:06:14,960
Une autre chose que nous pouvons faire aux États-Unis est juste commencer à ajouter notre code de la mangouste, donc nous allons faire un mangoustan VAR égaux exigent mangouste et puis nous allons simplement se connecter à une base de données avec notre mangouste qui se connecte et qui doit être Mongo DB Colon slash slash localhost slash et puis tout ce que nous voulons que ce soit appelé, je vais juste l'appeler off app de démonstration comme ça.

67
00:06:15,480 --> 00:06:15,840
D'ACCORD.

68
00:06:15,840 --> 00:06:17,750
Et c'est tout ce que nous allons faire dans cette vidéo.

69
00:06:17,910 --> 00:06:24,000
Nous avons maintenant ouvert la voie afin que dans la prochaine vidéo nous puissions commencer à créer le modèle d'utilisateur et à importer tous les paquets que nous avons installés.