Bubble: Wyświetlanie dynamicznych wartości

0:00Nadal jesteśmy w naszej bazie danych, w

0:02której na chwilę obecną mamy tylko i wyłącznie jeden rekord, czyli jednego

0:05zarejestrowanego użytkownika z lekcji poprzedniej.

0:09Chciałbym tutaj zwrócić też Twoją uwagę na jeden bardzo ważny fakt.

0:12Mamy tutaj pole e-mail.

0:13Mamy pole full name, które sami dodaliśmy.

0:16Natomiast nigdzie tutaj nie znajdziemy pola password.

0:19Dzieje się tak dlatego, że Bubble przechowuje hasła użytkowników pod spodem

0:23i nawet my jako twórcy aplikacji nigdy nie mamy do nich dostępu.

0:27Możemy co prawda za pomocą odpowiednich workflow pozwolić użytkownikowi

0:32zresetować sobie takie hasło albo wysłać link z przypomnieniem.

0:35Natomiast nigdy nie powinniśmy mieć do nich dostępu.

0:38I Bubble o to odpowiednio zadbało.

0:40Dodatkowo, jeżeli przejdziemy do samego workflow, czyli tego za pomocą którego

0:45tutaj rejestrowaliśmy użytkownika tej operacji, to działa ona w ten sposób, że

0:50przede wszystkim rejestruje użytkownika, czyli dodaje nam odpowiedni rekord do bazy

0:54danych, ale też przy okazji od razu go loguje do naszej aplikacji.

0:59Jak więc sprawdzić, czy użytkownik rzeczywiście jest zalogowany?

1:03Bardzo prosto.

1:04Jak widzisz, tutaj rejestrujemy i logujemy

1:06użytkownika, a następnie przechodzimy do strony dashboard.

1:10Przejdźmy więc do niej, do zakładki design.

1:15Tutaj nie będę jej zmieniał.

1:17Teraz w responsywne, chciałbym tylko zademonstrować w jaki sposób wyciągnąć

1:20informacje o bieżącym zalogowanym użytkowniku.

1:23Znów jest to bardzo proste w Bubble, dodajemy pole tekstowe.

1:29Wybierzmy dla niego tutaj może jakiś inny styl np.

1:32H2_dark.

1:34I odpowiednio powiększmy sobie takie pole.

1:37Do tej pory

1:39treści dla takiego pola przekazywaliśmy na sztywno, czyli wpisywaliśmy je tutaj.

1:42No to już doskonale wiesz.

1:44Natomiast w Bubble możemy takie wartości przekazywać również dynamicznie.

1:49Wystarczy, że zaznaczę tą wartość.

1:51I teraz zamiast wpisywać tutaj treść, wybiorę ten przycisk insert dynamic data.

1:57Muszę się teraz odnieść do current user, czyli bieżącego

2:02zalogowanego użytkownika w naszej aplikacji.

2:04Klikam więc current user i mam całą listę informacji o nim, które mogę wyświetlić.

2:09Mnie w tym przypadku interesuje full name czy jego imię i nazwisko.

2:14Rozszerzmy sobie nieco to pole.

2:17Możemy je teraz skopiować i wkleić.

2:21Zmieńmy tutaj styl

2:24na powiedzmy jakiś mniejszy H4_dark.

2:27I tym razem chcę się odnieść do current user, najeżdżam tutaj na full name.

2:31Klikam i mówię, że tym razem chcę wyświetlić e-mail takiego użytkownika.

2:36Przejdźmy więc do podglądu.

2:41Jak widzisz informacje o zalogowanym użytkowniku zostały wyświetlone

2:45mamy tutaj jego imię i nazwisko, mamy podany przez niego adres mailowy.

2:50I w ten sposób możemy właśnie zarządzać naszymi użytkownikami.

2:54Dokładnie zajmiemy się tym w kursie

2:56praktycznym, tu natomiast chciałem Ci tylko zademonstrować właśnie

3:00takie podstawowe działania opcji przekazywania dynamicznych danych.

3:03Wyciąganie informacji o current user, czyli zalogowanym użytkowniku.

3:07Dodajmy mu teraz jeszcze może możliwość wylogowania się z naszej aplikacji.

3:11W tym celu wstawiam to button, nazwijmy go

3:19sign out i utwórzmy odpowiedni workflow.

3:22W tym celu klikamy start edit workflow i

3:25tym razem z gotowych akcji wybieramy opcję lock the user out.

3:30I to tak naprawdę wszystko. Użytkownik

3:33klika w ten przycisk i zostaje wylogowany

3:35z naszej aplikacji, my możemy go oczywiście potem przekierować na jakąś inną stronę.

3:41Natomiast na chwilę obecną może tego nie róbmy.

3:44Wróćmy tutaj do podglądu.

3:46Odświeżmy.

3:49Jak widzisz na ten moment nasz użytkownik

3:50jest zalogowany, a więc te dane tutaj są wyświetlane.

3:54Jeżeli go wyloguje.

3:57Jak widzisz te dane zniknęły, ponieważ nie

3:59mamy teraz żadnego zalogowanego użytkownika.

4:02Natomiast skoro nasz użytkownik może się już zarejestrować i wylogować z naszej

4:06aplikacji, to oczywiście pozostaje nam jeszcze jedna kwestia,

4:10czyli danie mu możliwości by zalogował się do niej ponownie.

4:14Ale tym oczywiście zajmiemy się już w kolejnej lekcji.