1
00:00:00,510 --> 00:00:05,660
OK donc retour à la question de la connexion à notre base de données.

2
00:00:05,760 --> 00:00:10,280
Le problème est encore que localement se souviennent de nos bases de données.

3
00:00:10,500 --> 00:00:15,760
Mongo est ce serveur ici que nous nous connectons à l'utilisation de la mangouste.

4
00:00:15,870 --> 00:00:23,560
C'est local et Heroku notre application sur elle qui n'a aucun accès à ce à tous.

5
00:00:23,610 --> 00:00:43,510
Donc la solution que nous allons aller avec est d'utiliser une base de données Mongo hébergé en utilisant quelque chose appelé laboratoire Mongo laboratoire Samaniego est essentiellement juste une instance de Mongo s'exécutant sur un serveur quelque part que nous pouvons obtenir une URL à partir de cela plutôt que d'être un local hôte.

6
00:00:43,590 --> 00:00:56,100
Ce sera mango Lahab quelque chose quelque chose que vous êtes tout ce que nous pouvons utiliser dans notre application qui existe en dehors de cet environnement local qui existe réellement en ligne quelque part.

7
00:00:56,190 --> 00:01:01,280
Donc Mongo lab dot com avant de commencer ce n'est pas la seule solution.

8
00:01:01,290 --> 00:01:04,440
C'est juste une solution commune très simple.

9
00:01:04,440 --> 00:01:09,920
Vous pouvez obtenir Mongo installé localement sur l'instance de Heroku.

10
00:01:09,930 --> 00:01:13,130
C'est une sorte de douleur et il a son propre ensemble de problèmes.

11
00:01:13,170 --> 00:01:26,310
Donc, c'est vraiment un outil assez standard à utiliser et l'autre chose est qu'il vous donne une grande interface visuelle aussi pour interagir avec votre base de données pour gérer les autorisations de faire des choses comme réinitialiser votre base de données.

12
00:01:26,310 --> 00:01:33,440
Dieu nous en garde si jamais vous avez eu besoin de faire cela ou de regarder différents éléments d'information et spects choses.

13
00:01:33,720 --> 00:01:35,440
Il vous donne beaucoup d'outils cool.

14
00:01:35,940 --> 00:01:38,450
Alors inscrivez-vous.

15
00:01:39,120 --> 00:01:59,270
Vous devez également utiliser une véritable adresse e-mail réelle, je vais donc appeler ce nom d'utilisateur de camp de développement web dev et juste être e-mail froid et puis ajoutez votre mot de passe rapide, sauf que vous devez lire cela apparemment.

16
00:01:59,280 --> 00:02:06,120
Ouvrez-la au moins puis cliquez sur accepter, puis cliquez sur Créer un compte.

17
00:02:06,120 --> 00:02:08,850
Nous sommes maintenant au laboratoire de Monga.

18
00:02:08,970 --> 00:02:11,970
La prochaine chose que nous devons faire est de vérifier notre adresse e-mail.

19
00:02:12,060 --> 00:02:13,170
Alors allez-y et faites-le.

20
00:02:13,170 --> 00:02:14,640
Ouvrez votre compte de messagerie.

21
00:02:14,640 --> 00:02:16,860
Cliquez sur le lien qu'ils vous envoient.

22
00:02:17,770 --> 00:02:18,110
D'ACCORD.

23
00:02:18,150 --> 00:02:21,030
J'ai donc vérifié mon e-mail.

24
00:02:21,060 --> 00:02:24,260
Vous pouvez voir ici mon adresse e-mail a été vérifiée.

25
00:02:24,300 --> 00:02:26,030
Maintenant j'ai accès à ces boutons.

26
00:02:26,130 --> 00:02:34,650
Donc, c'est notre page d'accueil ou tableau de bord qui nous permet de créer de nouveaux déploiements Mongo qui est la première chose que nous voulons faire.

27
00:02:34,650 --> 00:02:45,680
Donc, fondamentalement, nous faisons juste une autre base de données qui vit sur des serveurs de laboratoire Mongo plutôt que la nôtre pour aller de l'avant et cliquez sur Créer nouveau prendre un peu parfois.

28
00:02:46,290 --> 00:02:46,700
Génial.

29
00:02:46,710 --> 00:03:11,550
Donc, cela nous permet maintenant de créer notre nouvelle base de données sur Mongo Lab. Ce que nous allons faire est de s'en tenir à Amazon Web Services, mais plutôt que répliquer ensemble cluster qui est un puissant haute vitesse haute disponibilité mais coûteux que vous pouvez voir qu'ils obtiennent des options très coûteuses nous ne le ferons pas.

30
00:03:11,670 --> 00:03:13,240
Nous resterons avec un nœud unique.

31
00:03:13,530 --> 00:03:16,640
Et pour l'instant nous ferons juste sandbox.

32
00:03:16,770 --> 00:03:22,490
Alors c'est le plan libre alors ce que nous allons faire est de créer un nom pour notre base de données.

33
00:03:22,560 --> 00:03:31,620
Nous allons juste appeler le up est venu et doit être en minuscules camp $ 0 mois.

34
00:03:31,650 --> 00:03:33,790
Cela me semble correct.

35
00:03:33,810 --> 00:03:39,450
Sur créer attendre pour ce finir.

36
00:03:39,450 --> 00:03:40,500
D'accord.

37
00:03:40,500 --> 00:03:41,990
Donc, si commencé.

38
00:03:42,030 --> 00:03:56,810
Nous sommes presque là pour ce que nous devons faire sur le laboratoire Monga et nous pouvons cliquer sur ce 0 5 5 peu importe ce que vous êtes tout ce que vous obtenez et vous verrez qu'il nous donne cette nouvelle URL.

39
00:03:56,850 --> 00:03:59,900
Donc, si je copier juste cette URL, ça ne fonctionnera pas encore.

40
00:04:00,120 --> 00:04:01,300
Mais je veux simplement vous le montrer.

41
00:04:01,310 --> 00:04:06,480
Donc, si je le copie et retourne à votre camp Où est-ce.

42
00:04:06,470 --> 00:04:07,560
Et c'est parti.

43
00:04:07,800 --> 00:04:10,560
Et juste collé ci-dessous.

44
00:04:10,560 --> 00:04:12,690
Notez que c'est très similaire à cela.

45
00:04:12,700 --> 00:04:15,380
C'est un mongo D-B Yoro.

46
00:04:15,810 --> 00:04:20,970
Cependant au lieu de localhost c'est Monga lab dot com slash Yup camp.

47
00:04:21,270 --> 00:04:25,610
Et il ya aussi ce mot de passe D-B utilisateur D-B que nous allons avoir à prendre soin de.

48
00:04:25,710 --> 00:04:27,710
C'est pourquoi j'ai dit que nous n'étions pas tout à fait fait.

49
00:04:28,030 --> 00:04:36,580
Donc, je vais revenir en arrière et nous devons commencer et effectivement Telsey cet utilisateur de base de données est nécessaire pour se connecter à cette base de données.

50
00:04:36,600 --> 00:04:38,650
Cliquez ici pour en créer un nouveau.

51
00:04:39,150 --> 00:04:41,780
Donc nous avons besoin d'avoir un utilisateur.

52
00:04:41,990 --> 00:04:46,890
Fondamentalement, la façon dont cela fonctionne est mis sur le laboratoire Lango.

53
00:04:47,280 --> 00:04:49,710
Vous pouvez avoir différents utilisateurs différentes autorisations.

54
00:04:49,710 --> 00:04:53,260
Nous ne parlons pas des utilisateurs de notre application.

55
00:04:53,280 --> 00:04:54,600
Fondamentalement développeurs.

56
00:04:54,990 --> 00:05:00,720
Ainsi, les gens qui peuvent se connecter à cette base de données, vous voudrez peut-être avoir deux applications qui utilisent la même base de données.

57
00:05:00,880 --> 00:05:08,830
Vous savez que vous avez comme des données de vente que vous avez capturé un tas de pistes et que vous voulez avoir le marketing, mais vous voulez également vos e-mails à.

58
00:05:08,940 --> 00:05:11,640
Je ne sais pas si vous voulez avoir des gens différents.

59
00:05:11,640 --> 00:05:17,390
Différentes équipes ont accès à la même base de données peut-être avec différentes autorisations que vous pouvez réellement gérer ici.

60
00:05:17,820 --> 00:05:21,490
Mais nous allons juste aller avec le plus simple simple utilisateur.

61
00:05:21,840 --> 00:05:24,020
J'ai donc besoin de créer un nom d'utilisateur pour cette base de données.

62
00:05:24,060 --> 00:05:28,170
Je vais juste appeler le mot de passe Colt.

63
00:05:28,290 --> 00:05:38,780
Je vais juste être rouillée, alors techniquement vous les gars serait en mesure de se connecter à cette base de données parce que je vous montre cette partie.

64
00:05:38,940 --> 00:05:45,750
Vous seriez en mesure de se connecter à resti elle à cette base de données en utilisant mon nom d'utilisateur et mot de passe qui est juste pour la base de données.

65
00:05:45,750 --> 00:05:50,470
Encore une fois ce n'est pas le nom d'utilisateur et le mot de passe pour mon compte sur Monga Lab. C'est juste pour cette base de données.

66
00:05:50,670 --> 00:05:57,240
Mais vous pourriez aller et visser avec vous savent toutes les données super importantes que j'ai sur Joachim.

67
00:05:57,900 --> 00:06:05,390
Mais je vais vous le montrer simplement pour que vous voyiez comment cela fonctionne.

68
00:06:05,400 --> 00:06:08,370
Très bien créer rapidement.

69
00:06:08,370 --> 00:06:09,500
Nous allons donc revenir en arrière.

70
00:06:09,510 --> 00:06:28,660
Vous pouvez copier ceci si vous n'avez pas copié cette URL revenir ici et nous devons mettre à jour ceci ainsi au lieu de l'utilisateur de DB que vous voulez le colt et au lieu du mot de passe de DB que nous voulons passer par cet ensemble qui est Rustie n'importe quel mot de passe et nom d'utilisateur vous Il ya ce que vous devez utiliser.

71
00:06:29,460 --> 00:06:36,360
Donc, je vais aller de l'avant et commenter la ligne originale qui utilise notre base de données locale.

72
00:06:36,360 --> 00:06:41,790
Je vais copier cette URL et l'utiliser pour me connecter.

73
00:06:43,020 --> 00:06:52,640
Maintenant, je ne me débarrasse pas de cela dans la prochaine vidéo, je vais parler de pourquoi nous ne voulons pas simplement utiliser la même base de données pour le développement et la production.

74
00:06:52,710 --> 00:07:00,400
Nous allons en parler maintenant, mais je vais vous montrer une solution dans la prochaine vidéo afin que nous puissions avoir plusieurs bases de données dans cette vidéo.

75
00:07:00,450 --> 00:07:08,180
Nous allons juste l'exécuter localement et sur Roku en utilisant ce laboratoire de Mongul la même base de données mais habituellement vous ne voulez pas faire cela.

76
00:07:08,580 --> 00:07:13,780
Vous ne voulez pas vous soucier de visser les données supprimant les choses corrompant stuff.

77
00:07:14,040 --> 00:07:17,580
Vous voulez le garder séparé, mais nous ne le faisons pas encore.

78
00:07:17,940 --> 00:07:20,700
Essayez donc de vous connecter localement.

79
00:07:20,700 --> 00:07:29,830
Donc, je vais revenir ici maintenant notre application avec le changement que nous avons fait n'a rien à voir avec ce processus Homme-Dieu en cours d'exécution plus.

80
00:07:30,150 --> 00:07:42,340
Donc, lorsque nous démarrons cette page et rafraîchissons cette page si les choses se passaient bien si notre base de données de laboratoire est correctement configurée, il n'y aura pas de terrains de camping ici qui devraient être vides.

81
00:07:42,360 --> 00:07:52,920
Donc, essayons de nous assurer que dans le bon nœud de répertoire, le génie APTA indique que le serveur a commencé à rafraîchir.

82
00:07:53,730 --> 00:07:56,450
Et comme vous pouvez le voir, nous n'avons pas de terrains de camping.

83
00:07:56,790 --> 00:08:06,440
Nous avons donc réussi à vous connecter à une base de données parce que nous n'avons pas reçu d'erreur si nous n'avions pas correctement corrigé connecté si vous ou moi nous nous trompions, nous obtiendrions quelque chose comme une erreur.

84
00:08:06,450 --> 00:08:16,500
Connection refusée comme nous l'avons fait avec Heroku il ya quelques minutes et nous ne sommes pas connectés à la base de données d'origine parce que nous ne voyons aucune de ces données.

85
00:08:16,560 --> 00:08:31,570
Vous n'avez peut-être pas exactement les mêmes données évidemment que vous pourriez avoir vous n'auriez peut-être pas eu n'importe quel camping encore aurait pu avoir 20 ou 30 mais dans mon cas il vous illustre que nous utilisons maintenant ce Mangalam mis en place.

86
00:08:31,740 --> 00:08:38,690
Alors testez-le, assurez-vous que nous pouvons toujours vous inscrire et ajouter avec succès de nouveaux messages et de nouveaux terrains de camping.

87
00:08:38,820 --> 00:08:44,890
Donc je vais envoyer avec resti à Tator dot com.

88
00:08:44,970 --> 00:08:48,640
Le mot de passe sera juste un mot de passe.

89
00:08:49,800 --> 00:08:57,180
Alors nous nous inscrivons et nous allons ajouter un nouveau terrain de camping.

90
00:08:57,180 --> 00:08:59,980
Le nom est plage de rodéo.

91
00:09:00,300 --> 00:09:12,760
Description est une plage avec de jolis rochers et je vais utiliser cette image que j'ai pris le week-end dernier essayer cette chose la photographie entière.

92
00:09:13,470 --> 00:09:16,130
Évidemment utiliser n'importe quelle image que vous aimez.

93
00:09:16,350 --> 00:09:21,300
Assurez-vous qu'il a créé avec succès et il n'a impressionnant semble bon.

94
00:09:21,720 --> 00:09:22,430
D'ACCORD.

95
00:09:22,860 --> 00:09:33,930
Donc nous ajoutons maintenant des données à la base de données de laboratoire de Mongo et si nous passons réellement à Mangalam et rafraîchissons.

96
00:09:35,280 --> 00:09:39,190
Nous devrions pouvoir voir dans les collections.

97
00:09:39,570 --> 00:09:43,060
Nous avons maintenant deux campements de collection et des utilisateurs.

98
00:09:43,110 --> 00:09:47,460
Ainsi jetons un coup d'oeil aux terrains de camping par exemple.

99
00:09:47,570 --> 00:09:52,380
Nous allons prendre un moment pour charger, mais vous avez réellement accès aux données ici.

100
00:09:52,590 --> 00:09:53,490
Tu peux le voir.

101
00:09:53,580 --> 00:09:54,760
Donc, c'est assez cool.

102
00:09:54,760 --> 00:09:56,100
C'est une interface agréable.

103
00:09:56,100 --> 00:10:02,810
Vous pouvez faire des choses comme supprimer tous les documents, mais je pourrais aussi ajouter quelque chose ici ou modifier quelque chose si nécessaire.

104
00:10:02,820 --> 00:10:08,210
En général, vous ne voulez pas faire cela, mais il est assez commun de vouloir lire les données.

105
00:10:08,250 --> 00:10:08,690
Génial.

106
00:10:08,700 --> 00:10:10,330
Nous travaillons donc localement.

107
00:10:10,470 --> 00:10:14,410
Maintenant tout ce que nous devons faire est d'ajouter ce changement et de le pousser jusqu'à son oku.

108
00:10:14,880 --> 00:10:20,220
Nous allons donc revenir arrêter le serveur.

109
00:10:21,360 --> 00:10:33,660
Nous avons besoin d'ajouter ce changement dans où nous avons remplacé le Vango vous êtes tous avec Mangu D-B Monga laboratoire dot com slash quelle que soit votre URL particulière.

110
00:10:33,660 --> 00:10:44,620
Ensuite, nous devons faire un engagement de dire ajouter Mongo laboratoire et puis obtenir maître Push Heroku.

111
00:10:45,870 --> 00:10:50,930
Donc, encore une fois, il passe par un tas de choses à réinstaller tous les paquets.

112
00:10:51,300 --> 00:10:55,130
En fait, il vérifie si elles ont déjà été installées.

113
00:10:55,140 --> 00:10:58,600
Il tente de les réinstaller il réalise qu'il a déjà tous.

114
00:10:58,860 --> 00:11:04,470
Ensuite, il va exécuter NPM commencer et les doigts traversés tous les travaux cette fois.

115
00:11:04,470 --> 00:11:25,700
Vous ne savez jamais avec le déploiement c'est toujours sorte de toujours un peu d'un crapshoot en fonction de ce genre de choses que vous avez fait avec mes élèves du camp d'entraînement, c'était toujours un groupe d'étudiants qui attendrait jusqu'à la toute dernière minute pour déployer droit Avant une grande présentation lorsque les entreprises étaient en train d'entrer.

116
00:11:25,830 --> 00:11:37,290
Et qui a conduit à beaucoup d'erreurs inattendues dans les étudiants supposé serait simple parce que l'application simple que nous avons déployé a pris cinq minutes et il s'avère qu'ils se sont heurtés à une erreur bizarre ou quelque chose a mal tourné.

117
00:11:37,290 --> 00:11:43,620
Il n'ya pas de compilation CSSA ou quelque chose s'est passé et vous exécutez dans ces erreurs fou déployer.

118
00:11:43,620 --> 00:11:45,090
Ne le sous-estimez donc pas.

119
00:11:45,090 --> 00:11:47,490
Ce n'est pas toujours super super lisse.

120
00:11:48,150 --> 00:11:52,930
Maintenant, essayez d'actualiser cette page ou celle-ci ici.

121
00:11:53,020 --> 00:11:56,290
UPS zone désolé, c'était notre ancienne application de celui-ci.

122
00:11:56,550 --> 00:11:59,090
Quel est votre camp?

123
00:11:59,640 --> 00:12:01,360
Et regardons les terrains de camping.

124
00:12:02,100 --> 00:12:03,080
Et voilà.

125
00:12:03,240 --> 00:12:05,160
Donc, c'est la connexion à Mongul.

126
00:12:05,190 --> 00:12:15,870
Maintenant, rappelez-vous que c'est le partage des données avec la version locale de la version de développement qui n'est vraiment pas idéal, mais il fonctionne bien pour l'instant.

127
00:12:15,870 --> 00:12:16,570
Génial.

128
00:12:16,590 --> 00:12:20,280
Donc, pour passer en revue toutes ces étapes, vous avez passé par tout était exactement la même chose.

129
00:12:20,280 --> 00:12:26,820
Dans la mesure où obtenir un net Heroku créer ad commit obtenir pousser Heroku maître.

130
00:12:27,090 --> 00:12:32,290
Mais le problème était que notre base de données de Mangu fonctionnait localement et cela ne fonctionnerait pas sur Heroku.

131
00:12:32,640 --> 00:12:41,910
Alors, nous sommes allés au laboratoire Mangu a créé une base de données hébergée Monga laboratoire que nous pouvons vous connecter à partir de notre version locale et de la version Heroku.

132
00:12:42,360 --> 00:12:51,500
Et la prochaine vidéo nous allons voir comment nous pouvons changer les bases de données selon si nous utilisons Heroku ou pour écrire le code localement et le développement.

133
00:12:51,780 --> 00:12:52,460
D'accord.