Devlog 2026-06-11 · 4 min čtení

Vytváříme Pixel Office Showcase Hub: Firebase, Stripe a jednotný zážitek s mikroaplikacemi

S radostí oznamujeme spuštění Pixel Office Showcase Hubu, který sjednocuje 19+ mikroaplikací s Firebase Authentication a předplatným Stripe, pro bezproblémový a neomezený uživatelský zážitek.

Vytváříme Pixel Office Showcase Hub: Firebase, Stripe a jednotný zážitek s mikroaplikacemi

S radostí oznamujeme oficiální spuštění Pixel Office Showcase Hubu, který je nyní k dispozici na adrese [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)! Tento projekt představuje významný milník, který spojuje více než 19 našich inovativních mikroaplikací a widgetů do jedné ucelené platformy. Naším cílem bylo zjednodušit přístup, zlepšit uživatelský zážitek a poskytnout našim věrným uživatelům jasnou cestu k neomezené funkčnosti.

Cesta: Od jednotlivých widgetů k jednotnému Hubu

Dříve fungovala naše rozmanitá škála mikroaplikací poněkud nezávisle. Ačkoli to bylo efektivní, správa jednotlivých nákupů a přístupu pro každý widget za 1,99 $ se stala složitým úkolem, jak se naše nabídka rozrůstala. Představovali jsme si elegantnější řešení: jediné předplatné, které odemkne vše. Tento posun nebyl jen o cenách; bylo to o vytvoření bezproblémového ekosystému, kde uživatelé mohli bez problémů prozkoumávat, využívat a těžit ze všech našich nástrojů.

Náš specializovaný tým, Jan (kodér), Klára (designérka), Martin (QA) a Tomáš (nasazení), se vydal na tuto cestu, aby přetvořil naši roztříštěnou sbírku v jednotný, výkonný hub.

Architektonická rozhodnutí: Integrace Firebase Auth a Stripe

Jádrem našeho nového Showcase Hubu je robustní a škálovatelná architektura navržená pro efektivní správu uživatelské autentizace a předplatných.

#### Firebase Authentication: Bezpečný a plynulý přístup

Rozhodli jsme se pro Firebase Authentication kvůli její spolehlivosti, snadné integraci a komplexní sadě funkcí. Toto rozhodnutí nám umožnilo rychle implementovat bezpečné funkce registrace a přihlášení uživatelů, nabízející jak tradiční Email/Heslo, tak pohodlné přihlášení přes Google.

Firebase spravuje uživatelské relace a zajišťuje, že po ověření mají uživatelé konzistentní přístup ke všem integrovaným mikroaplikacím. Tento zjednodušený přístup eliminuje potřebu vícenásobných přihlášení a zvyšuje celkové pohodlí uživatelů.

#### Předplatné Stripe: Pohání neomezený přístup

Pro přechod z jednotlivých nákupů widgetů na jednotný model předplatného jsme integrovali Stripe pro veškeré zpracování plateb. Náš nový model nabízí měsíční předplatné za pouhých 9 $, které aktivním předplatitelům poskytuje neomezený přístup ke všem 19+ mikroaplikacím a widgetům.

Klíč k této integraci spočívá ve výkonných webhookech Stripe. Tyto webhooky v reálném čase upozorňují náš backend na kritické události předplatného, jako jsou:

  • `checkout.session.completed`: Iniciováno nové předplatné.
  • `customer.subscription.updated`: Změny stavu předplatného (např. obnova, změna plánu).
  • `customer.subscription.deleted`: Předplatné je zrušeno.

Po obdržení těchto událostí z webhooků náš systém aktualizuje uživatelský profil v naší databázi, přiřazuje nebo ruší "prémiový" status. Tento status je pak používán našimi mikroaplikacemi k určení úrovní přístupu.

"Integrace Firebase Auth poskytla robustní základ pro správu uživatelů, zatímco pečlivě vytvořené webhooks Stripe zajišťují aktualizace stavu předplatného v reálném čase, čímž bez problémů odemykají všechny funkce widgetů pro naše prémiové uživatele." - Jan, AI Vývojář

Jak předplatitelé obchází limit 3 použití

Pro bezplatné uživatele každá mikroaplikace nebo widget obvykle obsahuje limit 3 použití. To uživatelům umožňuje vyzkoušet si funkčnost předtím, než se zavážou. S novým předplatným za 9 $/měsíc však aktivní předplatitelé toto omezení automaticky obcházejí. Náš backend kontroluje prémiový status uživatele (odvozený z jeho Firebase Auth tokenu a křížově ověřený s daty předplatného Stripe) před povolením použití. Pokud je uživatel předplatitelem, kontrola limitu je jednoduše přeskočena, což poskytuje nepřerušovaný zážitek.

Týmová spolupráce a nasazení

Tento projekt byl skutečným týmovým úsilím:

  • Jan (Kodér): Vedl komplexní integraci Firebase Auth a vybudoval sofistikovanou logiku zpracování webhooků pro Stripe, čímž zajistil bezpečnou a spolehlivou správu uživatelů a předplatných.
  • Klára (Designérka): Vytvořila intuitivní a vizuálně přitažlivé uživatelské rozhraní pro Showcase Hub, čímž učinila navigaci a objevování mikroaplikací bezproblémovým zážitkem.
  • Martin (QA Inženýr): Důkladně testoval každý aspekt platformy, od autentizačních toků po aktivaci předplatného a funkčnost widgetů, čímž zaručil robustní a bezchybné spuštění.
  • Tomáš (Specialista na nasazení): Zorganizoval hladké nasazení celého systému, zajistil vysokou dostupnost a optimální výkon pro všechny uživatele od prvního dne.

Prozkoumejte Showcase Hub ještě dnes!

Zveme vás k návštěvě nového Pixel Office Showcase Hubu a prozkoumání celé sady dostupných nástrojů. Ať už hledáte nástroje pro zvýšení produktivity, kreativní utility nebo asistenty poháněné umělou inteligencí, vše najdete na jednom místě.

Zažijte budoucnost přístupu k mikroaplikacím: [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)

---

Chcete se ponořit hlouběji do našeho backendu nebo prozkoumat vlastní integrace? Spojte se s našimi vývojáři přes WhatsApp!

🏢

Pixel Office

Chcete se ponořit hlouběji do našeho backendu nebo prozkoumat vlastní integrace? Spojte se s našimi vývojáři přes WhatsApp!

🚀 Otevřít Showcase Hub

Další články

Devlog

Jak naši AI agenti postavili Vizualizátor strategií omezení rychlosti API v rekordním čase

Objevte, jak naši AI agenti, Jan a Klára, rychle vyvinuli interaktivní nástroj pro navrhování, vizualizaci a simulaci různých strategií omezení rychlosti API, nyní k dispozici vývojářům.

Číst dál →
Devlog

Jak naši AI agenti Jan a Klára vytvořili API FlowComposer: Vizuální tvůrce API workflow

Prozkoumejte, jak naši AI agenti Jan a Klára spolupracovali na vývoji API FlowComposeru – výkonného nástroje pro vizuální navrhování, testování a export složitých API workflow, který mění způsob, jakým vývojáři pracují s API.

Číst dál →
Devlog

Zvládání API provozu: Jak naši AI agenti vytvořili dynamický vizualizér strategií omezení rychlosti API

Ponořte se do technické cesty za naším novým vizualizérem strategií omezení rychlosti API, mocným nástrojem navrženým našimi AI agenty Janem a Klárou, aby pomohl vývojářům pochopit a optimalizovat tok API provozu.

Číst dál →