Make: Wprowadzenie do webhooków

0:00Do tej pory korzystaliśmy w majku z modułów, które były uruchamiane

0:04co jakiś konkretny czas.

0:05Mieliśmy tutaj te ustawienia planowania i moglibyśmy wykonywać nasze

0:10automatyzacje na przykład codziennie.

0:12Mamy tutaj masę różnych, bardziej zaawansowanych opcji.

0:14Na przykład możemy ustalić, że będziemy wykonywać ją tylko we wtorki

0:18i w środę o godzinie 19:50.

0:20Ale możemy też zacząć na przykład od 4 września i skończyć na innym terminie.

0:25Wszystkie te rzeczy można naprawdę dość szczegółowo tutaj ustalić.

0:29Natomiast takie odpytywanie naszych serwisów o dane co jakiś

0:34czas nie jest zbyt efektywne.

0:36Wyobraź sobie, że skorzystalibyśmy z tej metody, którą robiłem

0:39w poprzedniej lekcji.

0:40Odpytywali naszego bloga o feed RSS codziennie o godzinie dziewiątej rano,

0:44natomiast posty publikowalibyśmy tylko raz w tygodniu.

0:47Wtedy mielibyśmy sześć wolnych przebiegów i nasza automatyzacja

0:51zjadłaby operacje na darmo.

0:54Po prostu nic by się nie wykonało.

0:56I drugą możliwością uruchamiania automatyzacji jest dostarczanie

1:01danych w czasie rzeczywistym.

1:03Ma to szereg zalet.

1:04Nie tylko takie zalety, które płyną z tego, że nie musimy odpytywać, na przykład

1:09pukać do takiego filmu RSS co chwilę.

1:11Ale też najważniejsze jest to, że po prostu dane, które wpadają nam na przykład

1:17przez formularz na stronie internetowej, będą dostarczane do tego

1:21scenariusza natychmiast.

1:23Oczywiście nie w przypadku wszystkich aplikacji można zastosować takie

1:26natychmiastowe dostarczenie danych do Maka, ale w wielu przypadkach się da i

1:32jest to koncepcja, którą być może już znasz.

1:35Jest to koncepcja tzw.

1:37webhooków Webhooki właśnie.

1:39Zamiast odpytywać serwer o jakieś dane, stają się takim trochę klientem serwerem,

1:46który przyjmuje dane, które są wysyłane w czasie rzeczywistym na ten

1:51konkretny adres web hooka.

1:52Już pokazuję Ci jak to działa.

1:53Jeśli znajdziesz tutaj Web Hook i wybierzesz sobie Web Hooks, a następnie

1:57Custom Web Hook, to będziesz mógł dodać coś takiego, co jak

2:02widzisz ma zupełnie inną ikonkę niż ten zegarek, mianowicie ikonkę pioruna.

2:06I ta ikonka oznacza, że dane zostaną dostarczone natychmiast.

2:10Teraz wystarczy jeszcze dodać nowy web hook i może to być nasz testowy web

2:14Hook, więc wybierzmy sobie test Web Hook.

2:17Ja tutaj sobie wpiszę taką jego nazwę.

2:20Można te web huki zarezerwować tylko dla określonych IP.

2:24To znaczy.

2:25Można wpisać IP naszego serwera, który będzie mógł podać dane do tego web hooka i

2:32żaden inny wtedy nie będzie mógł tego zrobić.

2:34Można powiedzieć, że trochę bardziej zaawansowana opcja, którą pewnie Adam

2:37będzie jeszcze tłumaczył w kolejnej części.

2:39Ja zostawiam ją bez zmian.

2:40I chodzi o to, że mamy adres takiego web hooka, który mogę teraz

2:44skopiować sobie do schowka.

2:45I co to jest tak naprawdę ten adres?

2:47To jest tak, jakbyśmy wystawili trochę sobie serwer i on

2:51czekałby na rozmaite dane.

2:53Jeśli uruchomimy teraz ten scenariusz, no to ten scenariusz kręci się, ponieważ

2:57czeka właśnie na dane w nowej karcie.

3:01Wkleje sobie ten adres web hooka, to jest dokładnie ten adres i po prostu go

3:06wywołam, Czyli wykonam w przeglądarce polecenie metodą Post.

3:10I jak widzisz dostaliśmy informację zwrotną, że nasz request, nasze żądanie

3:16zostało zaakceptowane i w miarę jak byśmy do tego weszli zobacz, że mamy jedną

3:22jakby scenariusz zakończył działanie i mamy jedną informację jeden bundle.

3:26Natomiast ten panel jest pusty.

3:28Właśnie w ten sposób możemy wysyłać dane do web hacków i w tak prostej

3:32formie jak mamy tutaj.

3:33Z pomocą paska adresu można również przesłać różne dane do tego web

3:36hooka, a to za pomocą parametrów.

3:39Jeśli wybierzemy znak zapytania, a następnie podamy nazwę np.

3:44Email równa się i podamy mail@gmail.

3:47com, to możemy przekazać taką dane do tego scenariusza.

3:52Możemy też przekazać kolejne parametry i pierwszy parametr zawsze rozdzielamy od

3:57adresu ze znakiem zapytania, natomiast już kolejne rozdzielamy znakiem end.

4:01Czyli mamy tutaj end i możemy np.

4:03Name i wpiszemy sobie John.

4:07I jeszcze jakaś kolejna rzecz, czyli na przykład surname

4:11równa się I damy tutaj Smith.

4:13I teraz, jeśli wyślemy te dane, tak naprawdę wysłaliśmy zapytanie i znowu

4:19zwrócił nam, że zostało to zaakceptowane.

4:21No ale jak wejdziemy do naszego scenariusza, no to w sumie jesteśmy

4:24w tym samym miejscu, co byliśmy.

4:25A to dlatego, że nie uruchomiliśmy sobie nasłuchiwania tych danych.

4:30Więc jeśli teraz to uruchomimy, okaże się, że mamy jakieś dane w kolejce i z tego

4:35poziomu możemy spokojnie sobie też uruchamiać, uruchamiać tą kolejkę.

4:39Możemy albo czekać na nowe dane, ale tego nie chcemy.

4:41Chcemy uruchomić te dane, które do nas przyszły przed chwilą i możemy

4:46wykonać takie zapytanie.

4:47Jak widzisz przyszedł do nas Bundle 1 i jest to email mail

4:51name John a nazwisko Smith.

4:53Te dane odebraliśmy i będziemy mogli oczywiście zrobić z nimi coś dalej.

4:57Na przykład będziemy mogli skorzystać z modułu MailChimp, a następnie zapisać

5:03sobie takiego użytkownika, czyli Subscriber.

5:06Możemy wybrać polecenie Add Update Subscriber i dodać subskrybenta

5:11do naszego Mailchimpa.

5:13Jeśli chodzi o zastosowanie tego w praktyce, to zwykle ja korzystam z takich

5:20webhooków, które przyjmują dane z moich rozmaitych stron

5:24internetowych czy formularzy.

5:25I tutaj mam bardzo prostą stronę, którą zrobiłem w card.

5:28co.

5:29Super prosty serwis, gdzie możemy wyklikać sobie łatwo wizualnie na podstawie

5:34jakichś szablonów stronę.

5:35I tutaj wyklikałem taką stronę, która zawiera jako jeden z elementów formularz.

5:40Wystarczy dodać z pomocą plusa na tę stronę coś takiego jak forum.

5:44I wybieram sobie ten formularz tutaj w tym formularzu.

5:47Jego typ wybiorę na custom i mogę wybrać różne tutaj opcje np.

5:52Send email, send URL airtable make up.

5:55No właśnie między innymi jest tutaj coś takiego jak send to make.

5:58Tak naprawdę niczym nie różni się to praktycznie od wysłania tego na adres URL.

6:04Będziemy mogli na adres URL metodą Post mogli wysłać te dane tak, jakbyśmy

6:09uruchamiali to w przeglądarce.

6:11Ale jeśli jest tutaj coś takiego jak make, no to będzie nam nawet prościej.

6:15I jak widzisz, to tutaj możemy podać właśnie adres tego naszego web hooka, więc

6:20ja sobie usunę ten, który miałem poprzednio, a następnie wrzucę

6:23ten nasz bieżący web hook.

6:25Teraz wybiorę polecenie dane, a następnie opublikuję, Zapiszę tę stronę

6:32i opublikuję ją.

6:33Ona jest pod taką domeną Szybka rt.

6:35com i po opublikowaniu tej strony będę mógł sobie wejść na tę domenę.

6:41Następnie wejdę też do scenariusza w make u i go sobie uruchomię.

6:46Czekam teraz na dane.

6:47No tu mi się ten moduł nie uruchomi, bo nie skonfigurowany, ale tak czy inaczej

6:52zobaczymy te dane jak do nas przyjdą.

6:53I tu jako adres e-mail wpiszę sobie na przykład greg@ Techsistence .

7:00com, a tutaj wpiszę sobie imię Greg.

7:03I wybiorę polecenie Start Journey.

7:05I teraz ten formularz wysłał mi te dane na moją integrację, czyli właśnie

7:12wysłał mi je w to miejsce.

7:14Odebrałem sobie e-mail Techsistence .

7:16com, a także FirstName Greg.

7:18Moduł MailChimp oczywiście się wywalił o czym tutaj nas informuje.

7:22Jest to invalid URL.

7:23Generalnie po prostu w ogóle nie mam podłączonego Mailchimpa

7:26z tym scenariuszem.

7:27Musiałbym go połączyć i skonfigurować to połączenie po to, żeby te

7:31dane sobie zapisać na listę.

7:33Ale chodzi mi w zasadzie o wytłumaczenie głównie tej konkretnej koncepcji, która

7:37polega na tym, że te dane są odbierane w czasie rzeczywistym.

7:41I co prawda faktycznie my sobie kliknęliśmy to, żeby uruchomić taką

7:45automatyzację, ale jeśli ona byłaby uruchomiona, to w tym momencie mamy

7:50informację o tym, że dane będą przekazywane do niej natychmiast,

7:56w momencie, gdy przyjdą na ten konkretny web hook.

7:58To znaczy, że po wypełnieniu formularza automatycznie

8:03ten scenariusz nam się wykona.

8:05I to jest najbardziej skuteczny, efektywny model wykonywania właśnie tego typu

8:10automatyzacji, więc tam, gdzie jest to tylko możliwe, używamy właśnie

8:14webhooków po to, aby odbierać dane.

8:17No i Adam będzie Ci to tłumaczył trochę bardziej szczegółowo.

8:21On również zamiast tego przekazywania tych parametrów w pasku adresu będzie korzystał

8:26z insomnii czy innego narzędzia, które po prostu pozwala.

8:29Bardzo łatwo wysyłać tego typu zapytania post do tych webków, ale w skrócie w

8:34gruncie rzeczy jest to dokładnie to samo, co na przykład zrobiłem z pomocą kart

8:38czy zrobiłem z pomocą paska adresu.

8:41Chciałbym, żebyś w tej lekcji zapamiętał to, że właśnie Web Hook jest to najlepszy

8:46sposób na odebranie danych w czasie rzeczywistym, a sygnalizuje to ten

8:50piorunek i w momencie, gdy włączymy sobie ten scenariusz, możemy już

8:54jesteśmy gotowi na to, żeby przyjmować dane w momencie, gdy użytkownicy

8:57gdzieś je nam wprowadzą.

8:59To wszystko, co chciałem wytłumaczyć Ci w tej lekcji.

9:02Dziękuję Ci bardzo za uwagę i jednocześnie oddaję głos Adamowi, który przekaże Ci

9:07dużo więcej zaawansowanych technik, które możesz wykorzystać w Maku.

9:11Do usłyszenia!