React: Bonus - MongoDB Atlas

16.8.x

0:00Cześć, jeśli podczas mojego kursu natrafiłeś lub natrafiłaś na problemy związane z mlab,

0:04który poleciałem, to wynika to z faktu, że mlab został właśnie w

0:08momencie kiedy puściliśmy kurs przejęty przez mongo DB Atlas. Jest

0:13to po prostu inny serwis, który oferuje te same usługi, więc jeśli teraz

0:17i chciałbym się zarejestrować jako nowy użytkownik na mlabie, to prawdopodobnie

0:21zostałbym przekierowany właśnie na mongo DB Atlas. Nie wiedziałem o tym, ponieważ

0:25miałem swoje konto na mlab'ie od dłuższego czasu i nie dostałem tego

0:29komunikatu podczas tworzenia kursu. Dlatego teraz pokażę ci, jak zastąpić

0:33mlab przez mongo DB Atlas. Zrobimy

0:38to razem, robię to po raz pierwszy, więc mogą się pojawić tu jakieś nieoczekiwane

0:43niespodzianki, natomiast wydaje mi się, że ścieżka będzie bardzo podobna

0:47do tej którą przechodziliśmy w mlab'ie, więc wypróbuję

0:51po prostu Get started free. Podam tutaj swojego maila i

0:56po zalogowaniu dostanę tutaj taki model, w którym będę chciał

1:00stworzyć nową aplikację, spróbujemy

1:09tutaj wpisać prostu add note żebyśmy wiedzieli do czego jest ta baza. Tworzymy

1:14teraz użytkownika tutaj dostałem taki komunikat create database user, aha,

1:19muszę poczekać chwilę Your cluster is being created,  więc chwilkę

1:23sobie poczekamy. Rutaj w zakładce Security możemy stworzyć sobie nowego

1:27użytkownika, nazwiemy go admin, podamy mu

1:33jakieś hasło i tutaj Get Started wybiorę

1:37sobie connect to cluster. Add your current IP address, czyli musimy zrobić

1:41dodaj do listy nasza IP adres, żebyśmy mogli uploadować jakieś

1:45dane, więc teraz dodamy sobie mój IP address i

1:52teraz po dodaniu mojego IP dostałem tutaj kod, który

1:57mogę sobie skopiować i teraz jeśli w twoim projekcie nie znajduje się

2:01folder backend, to znaczy, że po prostu masz starą paczkę, w której

2:05po prostu nie zostało to dodane dlatego możesz pobrać to sobie z nowej

2:09paczki na eduweb'ie, po prostu jako załącznik z plikami do kursu albo

2:14możesz wejść na moje repozytorium na github'a slash Hello Roman slash favnote

2:18myślnik node i możesz pobrać sobie to albo kopiując repozytorium

2:23przy pomocy komendy git clone, a jeśli nie do końca jeszcze jesteś

2:27zaprzyjaźniony lub zaprzyjaźniona z gitem, no to wtedy możesz

2:31pobrać sobie taką paczkę ZIP, więc wystarczy to sobie pobrać i otworzyć

2:36to w edytorze kodu, na przykład Visual Studio Code i teraz

2:42podobnie jak w lekcji dotyczącej mlab. Po prostu musimy stworzyć sobie

2:46tutaj plik kropka env, w którym stworzymy sobie zmienną

2:50którą wykorzystujemy tutaj do połączenia się serwerem i tutaj mamy akurat node

2:55podkreślnik database, czyli napiszemy node podkreślnik

3:00database równa się i wklejamy

3:05ten link z mongo db i tutaj

3:09muszę podać hasło i teoretycznie,

3:13jeśli wszystko zrobiliśmy dobrze to po

3:17wpisaniu npm start nasz serwer powinien się uruchomić i tak się też stało. Dostaliśmy

3:22informację, że zostaliśmy połączeni z naszym

3:26backend'em właściwie z naszą bazę danych. Jeśli teraz

3:30odpalimy sobie postman'a, jeśli

3:35nie dotarłeś jeszcze do tego miejsca, w którym pokazuje postman'a to się tym nie przejmuj. Chcemy tylko

3:39przetestować czy te zapytania, które będę wysyłał do naszego

3:44backend'u będą faktycznie realizowane i faktycznie

4:01dostaje zwrotkę, że po utworzeniu użytkownika takie

4:05dane zostały zapisane w bazie danych, jeśli teraz odświeżę sobie tutaj ten

4:10widok to powinniśmy zobaczyć jakiś ruch który został wykonany i faktycznie mam

4:14jutro jakieś 2 KB danych. Czy mogę sobie tutaj gdzieś podejrzeć Jak wygląda

4:19ta baza collections prawdopodobnie to będzie i

4:24ten użytkownik, który przed chwilą został zapisany przeze mnie z poziomu

4:28postman'a powinien teraz być widoczny w collections i mamy

4:33faktycznie user, wszystko działa, tak więc tak wygląda podpięcie naszego

4:38backend'u do mongo DB Atlas, a nie do mlaba. Mam nadzieję,

4:42że ta lekcja ci pomoże i ułatwi ci realizację mojego kursu.