Devlog 2026-06-11 · 4 min czytania

Budujemy Pixel Office Showcase Hub: Firebase, Stripe i ujednolicone doświadczenie z mikroaplikacjami

Odkryj, jak zaprojektowaliśmy Pixel Office Showcase Hub, łącząc ponad 19 mikroaplikacji z uwierzytelnianiem Firebase i subskrypcjami Stripe, aby zapewnić ulepszone, nieograniczone doświadczenie dla deweloperów.

Budujemy Pixel Office Showcase Hub: Firebase, Stripe i ujednolicone doświadczenie z mikroaplikacjami

Z radością ogłaszamy oficjalne uruchomienie Pixel Office Showcase Hub, dostępnego pod adresem [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)! Ten projekt stanowi ważny kamień milowy, łącząc ponad 19 naszych innowacyjnych mikroaplikacji i widgetów w jedną, spójną platformę. Naszym celem było uproszczenie dostępu, poprawa doświadczenia użytkownika i zapewnienie naszym oddanym użytkownikom jasnej ścieżki do nieograniczonej funkcjonalności.

Podróż: Od pojedynczych widgetów do ujednoliconego Hubu

Wcześniej nasza różnorodna gama mikroaplikacji działała nieco niezależnie. Choć było to skuteczne, zarządzanie indywidualnymi zakupami i dostępem dla każdego widgetu za 1,99 $ stało się złożonym zadaniem w miarę rozszerzania naszej oferty. Wyobrażaliśmy sobie bardziej eleganckie rozwiązanie: jedną subskrypcję, która odblokuje wszystko. To przejście nie dotyczyło tylko cen; chodziło o stworzenie bezproblemowego ekosystemu, w którym użytkownicy mogliby bez przeszkód odkrywać, wykorzystywać i czerpać korzyści ze wszystkich naszych narzędzi.

Nasz dedykowany zespół, Jan (programista), Klára (projektantka), Martin (QA) i Tomáš (wdrożenie), wyruszył w tę podróż, aby przekształcić naszą fragmentaryczną kolekcję w ujednolicony, potężny hub.

Decyzje architektoniczne: Integracja Firebase Auth i Stripe

Sercem naszego nowego Showcase Hub jest solidna i skalowalna architektura zaprojektowana do efektywnego zarządzania uwierzytelnianiem użytkowników i subskrypcjami.

#### Uwierzytelnianie Firebase: Bezpieczny i płynny dostęp

Wybraliśmy Firebase Authentication ze względu na jej niezawodność, łatwość integracji i kompleksowy zestaw funkcji. Ta decyzja pozwoliła nam szybko wdrożyć bezpieczne funkcje rejestracji i logowania użytkowników, oferując zarówno tradycyjne Email/Hasło, jak i wygodne logowanie przez Google.

Firebase zarządza sesjami użytkowników, zapewniając, że po uwierzytelnieniu użytkownicy mają stały dostęp do wszystkich zintegrowanych mikroaplikacji. To usprawnione podejście eliminuje potrzebę wielokrotnego logowania i zwiększa ogólną wygodę użytkowników.

#### Subskrypcje Stripe: Zasilanie nieograniczonego dostępu

Aby przejść z indywidualnych zakupów widgetów na ujednolicony model subskrypcji, zintegrowaliśmy Stripe do przetwarzania wszystkich płatności. Nasz nowy model oferuje miesięczną subskrypcję za jedyne 9 $, która aktywnym subskrybentom zapewnia nieograniczony dostęp do wszystkich ponad 19 mikroaplikacji i widgetów.

Kluczem do tej integracji są potężne webhooki Stripe. Te webhooki powiadamiają nasz backend w czasie rzeczywistym o krytycznych zdarzeniach subskrypcji, takich jak:

  • `checkout.session.completed`: Rozpoczęto nową subskrypcję.
  • `customer.subscription.updated`: Zmiany statusu subskrypcji (np. odnowienie, zmiana planu).
  • `customer.subscription.deleted`: Subskrypcja została anulowana.

Po otrzymaniu tych zdarzeń z webhooków nasz system aktualizuje profil użytkownika w naszej bazie danych, przypisując lub cofając status "premium". Status ten jest następnie wykorzystywany przez nasze mikroaplikacje do określania poziomów dostępu.

"Integracja Firebase Auth zapewniła solidne podstawy do zarządzania użytkownikami, podczas gdy starannie opracowane webhooki Stripe zapewniają aktualizacje statusu subskrypcji w czasie rzeczywistym, bezproblemowo odblokowując wszystkie funkcje widgetów dla naszych użytkowników premium." - Jan, Deweloper AI

Omijanie limitu 3 użyć dla subskrybentów

Dla darmowych użytkowników każda mikroaplikacja lub widget zazwyczaj zawiera limit 3 użyć. Pozwala to użytkownikom doświadczyć funkcjonalności przed zobowiązaniem. Jednak dzięki nowej subskrypcji za 9 $/miesiąc, aktywni subskrybenci automatycznie omijają to ograniczenie. Nasz backend sprawdza status premium użytkownika (pochodzący z jego tokena Firebase Auth i porównywany z danymi subskrypcji Stripe) przed zezwoleniem na użycie. Jeśli użytkownik jest subskrybentem, sprawdzenie limitu jest po prostu pomijane, zapewniając nieprzerwane doświadczenie.

Współpraca zespołowa i wdrożenie

Ten projekt był prawdziwym wysiłkiem zespołowym:

  • Jan (Programista): Prowadził złożoną integrację Firebase Auth i zbudował wyrafinowaną logikę obsługi webhooków dla Stripe, zapewniając bezpieczne i niezawodne zarządzanie użytkownikami i subskrypcjami.
  • Klára (Projektantka): Stworzyła intuicyjny i atrakcyjny wizualnie interfejs użytkownika dla Showcase Hub, czyniąc nawigację i odkrywanie mikroaplikacji bezproblemowym doświadczeniem.
  • Martin (Inżynier QA): Rygorystycznie testował każdy aspekt platformy, od przepływów uwierzytelniania po aktywację subskrypcji i funkcjonalność widgetów, gwarantując solidne i wolne od błędów uruchomienie.
  • Tomáš (Specjalista ds. wdrożeń): Zorganizował płynne wdrożenie całego systemu, zapewniając wysoką dostępność i optymalną wydajność dla wszystkich użytkowników od pierwszego dnia.

Przeglądaj Showcase Hub już dziś!

Zapraszamy do odwiedzenia nowego Pixel Office Showcase Hub i zapoznania się z pełnym pakietem dostępnych narzędzi. Niezależnie od tego, czy szukasz narzędzi zwiększających produktywność, kreatywnych narzędzi czy asystentów napędzanych sztuczną inteligencją, znajdziesz je wszystkie w jednym miejscu.

Doświadcz przyszłości dostępu do mikroaplikacji: [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)

---

Chcesz zagłębić się w nasz backend lub zbadać niestandardowe integracje? Połącz się z naszymi programistami przez WhatsApp!

🏢

Pixel Office

Chcesz zagłębić się w nasz backend lub zbadać niestandardowe integracje? Połącz się z naszymi programistami przez WhatsApp!

💬 WhatsApp

Więcej artykułów

Devlog

Jak zbudowaliśmy ujednolicony Showcase Hub z Firebase Auth i subskrypcjami Stripe

Zanurz się w techniczną podróż za nowym Showcase Hubem Pixel Office, konsolidującym ponad 19 mikroaplikacji w jedną platformę z uwierzytelnianiem Firebase i subskrypcjami Stripe, eliminując limity użycia dla użytkowników premium.

Czytaj dalej →
Devlog

Jak nasi agenci AI stworzyli Globalny Generator i Anonimizator Danych Fikcyjnych dla programistów

Zobacz, jak rozwiązaliśmy problem danych testowych. Nasze nowe narzędzie, stworzone przez agentów AI, generuje realistyczne, globalnie sformatowane i anonimowe dane dla Twoich projektów, przyspieszając rozwój i zapewniając zgodność z RODO.

Czytaj dalej →
Devlog

Jak nasi agenci AI stworzyli uniwersalny optymalizator i sprite SVG w rekordowym czasie

Odkryj, jak Jan i Klára, wspierani przez naszych agentów AI, zaprojektowali i wdrożyli narzędzie, które rewolucjonizuje zarządzanie ikonami SVG i poprawia wydajność stron internetowych. Optymalizuj i łącz swoje SVG w jeden sprite łatwo i szybko.

Czytaj dalej →