DEV Community

stanisław
stanisław

Posted on

N8n dla początkujących (przykład połączenia z Google Ai Studio)

Co to jest n8n?

n8n to narzędzie typu workflow automation. Posiada przejrzysty interfejs i intuicyjne zasady działania. Jego największą zaletą jest możliwość łączenia ze sobą setek aplikacji, takich jak:

  • Gmail
  • Google Sheets
  • Supabase
  • Slack

Wszystko odbywa się za pomocą łączenia ze sobą gotowych klocków (węzłów), co eliminuje konieczność pisania skomplikowanego kodu backendowego.

Google AI Studio (GAS) – Twój asystent AI

GAS to darmowe środowisko od Google, które pozwala korzystać z modelu Gemini w celu tworzenia aplikacji. Interfejs jest maksymalnie uproszczony, dzięki czemu możesz skupić się na generowaniu rozwiązań, a nie na konfiguracji narzędzia.

Przykład praktyczny: Formularz kontaktowy w 2 minuty

Zamiast ręcznie budować stronę i pisać logikę obsługi maili, możesz użyć prostego polecenia.

Prompt użyty w GAS:

"Stwórz stronę w niebieskim stylu z wielkim napisem DEMO WEBSITE. Na dole ma być sekcja kontakt z polami: email, imię, nazwisko, wiadomość. Po uzupełnieniu danych wysyłaj je na webhook o adresie [Twój URL z n8n]."

Wynik działania

Jak wygląda połączenie systemów?

Cały proces opiera się na prostym schemacie:
GAS (Frontend) -> n8n (Logika) -> Gmail (Powiadomienie)

Opis kroków:

  1. GAS: Tworzy stronę, która "zbiera" dane od użytkownika. Skrypt wewnątrz strony wysyła te dane pod wskazany adres URL.
  2. n8n: Odbiera te dane za pomocą węzła Webhook. W n8n możesz dowolnie przetworzyć te informacje (np. zapisać je w bazie danych lub przefiltrować).

Podsumowanie

Dzięki takiemu podejściu możesz w kilka minut stworzyć narzędzie, które normalnie wymagałoby pracy programisty. GAS dba o to, co widzi użytkownik, a n8n pilnuje, aby dane trafiły tam, gdzie ich potrzebujesz. To idealny zestaw na start przygody z automatyzacją.

Top comments (0)