MVP aplikacji w rekordowym czasie z Bubble: Jaką kwotę otrzyma sprzedawca

0:00Rozpoczynamy naszą pracę dokładnie od momentu, w którym zakończyliśmy ją w

0:04lekcji poprzedniej, gdzie stanęliśmy przed bardzo ważnym problemem, czyli w jaki

0:08sposób w naszym serwisie wyciągnąć sobie ze strip to, jaką kwotę netto

0:13ostatecznie otrzyma nasz sprzedawca.

0:15Co prawda ma on oczywiście dostęp do tych danych w swoim Wordzie Strip,

0:19ale dobrze by było wyświetlić mu zarówno ilość transakcji, jak i

0:22kwoty jakie za nie otrzymał.

0:23Również i wewnątrz naszej aplikacji.

0:25I tu znów wykorzystam wiedzę, którą podzielił się genialny Gregory Jones,

0:29który rozgryzł, jak dotrzeć właśnie do tych danych.

0:32Jeśli to początek Twojej przygody ze Strip, to pewnie jeszcze tego nie

0:35zauważyłeś, ale im więcej czasu spędzisz w ich dokumentacji, tym szybciej dotrze do

0:40Ciebie bardzo ważny fakt, że w ich przypadku cały serwis składa się

0:44z osobnych klocków, które potem za pomocą API łączą się w całość.

0:48W praktyce oznacza to, że niemal każdy element tej układanki to osobny data type,

0:53do którego otrzymujemy szereg metod, jakie możemy wykorzystać.

0:56I tak dokładnie jest i w tym przypadku, gdzie w danych, które otrzymujemy na łeb

1:00hook zdefiniowany w poprzedniej lekcji otrzymujemy info o samej sprzedaży.

1:05Ale próżno szukać wartości, która nas interesuje.

1:08Czy to w takim razie oznacza, że nie możemy do niej dotrzeć?

1:11Otóż jak najbardziej możemy, ale nasza droga musi prowadzić przez kilka

1:15połączonych ze sobą elementów.

1:17W pierwszej kolejności musimy wyciągnąć dane z elementu o nazwie Payment tent.

1:21I właśnie teraz dokumentację dotyczącą tego elementu widzisz na

1:25ekranie swojego monitora.

1:27Jak pamiętasz, akurat w jego przypadku takie ID wraca nam już

1:31w łebku z poprzedniej lekcji.

1:34Natomiast mając taki obiekt możemy w kolejnym kroku pobrać dane o następnym

1:38elemencie, które nas interesuje.

1:40A nosi on nazwę haracz.

1:43Przechodzimy tutaj. Mamy np.

1:46payment jak i go sobie wyciągamy.

1:49I tutaj znajdziemy coś, co się nosi nazwę tutaj haracz, jeśli sobie tutaj zerknę.

1:58Tak, chyba nie, ale zerknijmy, czy będziemy mieć to tutaj właśnie.

2:05mamy mamy w tym miejscu tutaj ten parametr o nazwie Latest Chart.

2:10I to właśnie na tej podstawie będziemy wyciągać ten drugi element, którego

2:13potrzebujemy, czyli właśnie czar.

2:16A więc mogę teraz tutaj przejść do odpowiedniej dokumentacji.

2:19Więc znów widzisz ją na ekranie monitora.

2:24I dopiero wtedy, gdy mamy już pobrany taki haracz, możemy z niego wyciągnąć ID

2:29kolejnego elementu, które nas interesuje.

2:31A ten element nazywa się w tym przypadku balance transaction.

2:35Znów mamy właśnie tutaj.

2:36Jak widzisz balans Transaction mamy ID, a mając ID możemy wykorzystać

2:41kolejną metodę i tym razem właśnie wyciągnąć sobie

2:44ten element, czyli ten balans transaction, o którym wcześniej mówiłem.

2:48I dopiero tutaj znajdziemy wszystkie te informacje jakie nas interesują.

2:52Czyli jakie?

2:53FI czyli jaki procent pobrał sobie strip oraz jaką kwotę netto właśnie

2:58otrzymał nasz sprzedawca.

3:01Jak więc widzisz, potrzebujemy dodać w Babel i potem odpalić aż trzy połączone ze

3:05sobą metody tylko po to, by uzyskać jedną wartość, która jest nam potrzebna.

3:09I tu kolejny ważny komunikat.

3:11Jest to praktyka, którą będziesz musiał wykorzystywać znacznie częściej niż

3:14sądzisz, zwłaszcza w przypadku script, ale często spotkasz się z nią

3:18również w przypadku innych API.

3:20A więc nie pozostaje nam nic innego, jak pogodzić się z tym i zaimplementować

3:25wszystkie potrzebne metody w naszym edytorze.

3:27Ja już je przygotowałem, tak więc będziesz mógł je sobie podejrzeć

3:30potem wzorując się na moim edytorze i tylko odpowiednio wdrożyć.

3:34A więc wracamy na samą górę.

3:37Oczywiście do API konektora.

3:42I teraz możemy dodać te wszystkie wymagane metody.

3:46A więc tak zaczynamy od tej, czyli Receive payment content i standardowo

3:51będzie to wykorzystane jako action.

3:54Tutaj korzystamy z metody GET.

3:57Wysyłamy zapytanie pod taki adres.

3:59Tu właśnie od razu w URL u możemy podawać jakieś parametry i zapisujemy je właśnie w

4:03takich nawiasach kwadratowych, a w tym miejscu właśnie wyskoczy nam ten

4:06klucz, do którego przekazujemy odpowiednią wartość.

4:09Skąd pobrać to payment content?

4:11Otóż, jak pamiętasz, w poprzedniej lekcji utworzyliśmy sobie sile.

4:15A więc mogę wrócić do Data tutaj do AppData i do Sail.

4:21I mam tu właśnie to payment, które nas interesuje.

4:24A więc po prostu skopiowałem sobie tą wartość.

4:28Przechodzę do tej metody.

4:31Wklejam to w to miejsce.

4:33Oczywiście będziemy to przekazywać dynamicznie, więc odznaczamy private.

4:37I znowu są to dane wyciągane z tego konta Account, czyli z konta naszego sprzedawcy.

4:42A więc tutaj również musimy przekazać dokładnie ten sam header

4:45jaki przekazywaliśmy właśnie tutaj, kiedy tworzyliśmy do niego taki

4:48link do checkout page.

4:50A więc kopiujemy to z tym account i wklejamy tutaj.

4:55I to jest pierwsza metoda, która nam zwróci właśnie taki obiekt payment id and.

4:59Jeśli to odpowiednio odpalisz to otrzymasz taką odpowiedź

5:03bardzo podobną do tego co już tam wcześniej widziałeś w dokumentacji.

5:07Natomiast tak jak mówiłem interesuje tutaj ten element.

5:10W zasadzie ten parametr architecture, ponieważ to jest ID tego charge, którego

5:15musimy sobie wyciągnąć w kolejnym kroku, a więc kopiujemy tą wartość.

5:21I dodajemy kolejną metodę Również one są wszystkie bardzo podobne.

5:25Wszędzie korzystamy z GET, przekazujemy tutaj ID i oczywiście kąt.

5:29W tym przypadku właśnie jest to to ID, które przed chwilą sobie

5:32skopiowałem, a więc wklejam.

5:34To tutaj oddaje właśnie z tripa kąt.

5:38Zaznaczam ten checkbox, odpalam i otrzymuję właśnie taki obiekt Chart.

5:44A tu tak jak mówiłem kolejne ID, które musimy wykorzystać czyli

5:48Balans transaction.

5:50A więc ta wartość znów kopiujemy.

5:52Teraz to ID tylko po to właśnie aby dodać je tutaj w

5:57tej trzeciej metodzie, która wyciągnie nam właśnie informacje o tym obiekcie.

6:00Znów get pod taki adres Action ID Balans Balance transaction wstawione

6:07tutaj id tray kont zaznaczony ten checkbox I tym razem właśnie powinniśmy

6:13otrzymać taki obiekt.

6:14Jak widzisz tu mam informacje o pełnej kwocie, którą zapłacił nasz klient.

6:19Mamy tutaj fee jakie pobrał sobie strip, mamy tutaj jakie my pobraliśmy

6:24oraz co najważniejsze wartość netto, czyli jaką kwotę ostatecznie

6:27otrzymał nasz sprzedawca.

6:29Pamiętaj, że ona jest tutaj wyrażona w groszy bądź w procentach, a więc

6:32musimy to wszystko pomnożyć razy 100.

6:35No to nie pozostaje nam nic innego jak teraz właśnie wdrożyć

6:39metodę do naszego workflow.

6:41A więc zamykam i w pierwszej kolejności chcę dodać odpowiednie pola data type fi.

6:47Tak aby właśnie zapisać wszystkie te wartości i potem bezproblemowo móc

6:51je wykorzystać lub do nich wrócić.

6:53A więc to co tutaj dodałem to przede wszystkim tag service fi.

6:58Tu przekażemy dokładnie tą samą wartość, którą przekazujemy do bookingu.

7:02Kolejno mamy Trip balance and transaction it trip, here it.

7:08Tutaj mamy trip fi, czyli właśnie te trip obiera sobie sam trip oraz trip netto

7:13month, czyli właśnie jaką kwotę rzeczywiście tutaj

7:16otrzyma nasz sprzedawca.

7:17Czyli właśnie te wartości, tak żebyś potem mógł odpalić dany obiekt, sale i na

7:21przykład właśnie pobrać sobie te dane i wyciągnąć jakieś informacje dalej,

7:26jeśli będziesz ich potrzebował.

7:28A więc jeśli już dodałeś tutaj te odpowiednie pola, to teraz musimy

7:31oczywiście dostosować nasze workflow.

7:33Wracam więc tutaj do back end Workflow i do tego workflow, które

7:36tworzyliśmy w poprzedniej lekcji.

7:38Jedyna zmiana jaką tu dodałem to w kroku drugim.

7:41Tak jak mówiłem ustalam właśnie serwisy na tą wartość wyciągniętą z bookingu

7:46czyli booking, service i amount.

7:49Kolejno właśnie mamy krok trzeci i tu dodałem następną metodę, której

7:54właśnie będziemy odpalać te wszystkie metody, które tam dodaliśmy

7:58i odpowiednio właśnie je wykorzystywać.

8:00Czyli tworzymy sobie tutaj nowe API.

8:03Tym razem ono nie jest publiczne, wykorzystujemy je tylko na swoje potrzeby,

8:07a więc zaznaczamy tylko te dwa check boxy.

8:10Tu będziemy przekazywać sealed, ponieważ tam znajdziemy wszystkie

8:12potrzebne nam informacje.

8:15I tutaj właśnie odpalamy sobie taki workflow i przekazujemy sile, która

8:20utworzyliśmy tu w kroku numer 2.

8:22W ten sposób właśnie mamy to utworzone.

8:25A teraz nasze kolejne workflow.

8:26Właśnie PO wyciąga te wszystkie wartości, czyli wykona po prostu te wszystkie trzy

8:30kroki, a potem odpowiednio zaktualizuje ten obiekt.

8:34A więc najpierw daj Benefit.

8:37Gdzie tutaj właśnie z tripa Konto jest po prostu wyciągnięte, z

8:41Sail Seller, z Tripa ID.

8:44I oczywiście z Sail wyciągamy z Trip Payments intencje, które

8:48zapisaliśmy w tym workflow.

8:52Teraz kiedy to pobierzemy to z rezultatow wyciągamy late charge.

8:57I to jest właśnie ID takiego czasu, który musimy teraz pobrać.

9:01Następnie przechodzimy do trzeciego kroku i tym razem właśnie z tego kroku nr 2

9:06wyciągamy sobie body z Body Balance Transaction i to będzie

9:10z kolei właśnie ID Balans Transaction.

9:12Czyli mamy te trzy metody.

9:14Jak widzisz tworzymy taki łańcuszek pobierając elementy po kolei i przekazując

9:18te wartości do następnego kroku.

9:20I tu dopiero na kroku nr 4 aktualizujemy sobie właśnie ten obiekt

9:25while i teraz przypisujemy tutaj te wszystkie informacje, które wyciągnęliśmy

9:28właśnie w tych poszczególnych krokach.

9:30A więc zarówno Target Strip balance Transaction z kroku

9:35numer 2, a potem z kroku 3 strip oraz Strip.

9:39Netto Amount I dopiero teraz właśnie nasz Excel jest w pełni kompletny, a my mamy

9:43wszystkie informacje, których będziemy potrzebować.

9:46Na przykład w naszym Dashboard.

9:49I tu znów jest to następny ważny fakt, który musisz zapamiętać.

9:53W zależności od tego, jak bardzo złożony będzie Twój serwis, taki mechanizm

9:56połączonych ze sobą API będzie czymś standardowym.

9:59Czyli mamy łebków, na które wpadają dane, a potem odpalamy kolejne API, które

10:03nam wykonuje jakieś kolejne czynności.

10:06Najlepszym bowiem podejściem jest tworzenie jak najprostszych workflow,

10:10które mają wykonać jedno proste zadanie, a potem łączenie je ze sobą w

10:14tętniącą życiem i logiką całość.

10:16W moim przypadku wygląda to następująco.

10:19Czyli mamy to, a potem odpalamy to drugie, czyli Netto amount.

10:24A skoro rozwiązaliśmy kolejny problem, to z dumą możemy chwilę odpocząć i zebrać

10:28siły przed kolejną lekcją, do której Cię serdecznie zapraszam.