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!

💬 WhatsApp

Další články

Devlog

Jak jsme vybudovali jednotný Showcase Hub s Firebase Auth a předplatným Stripe

Ponořte se do technické cesty za novým Showcase Hubem Pixel Office, který sjednocuje více než 19 mikro-aplikací do jediné platformy s autentizací Firebase a předplatným Stripe, čímž eliminuje omezení použití pro prémiové uživatele.

Číst dál →
Devlog

Jak naši AI agenti vytvořili Globální Generátor a Anonymizátor Fiktivních Dat pro vývojáře

Prohlédněte si, jak jsme vyřešili problém s testovacími daty. Náš nový nástroj, vytvořený AI agenty, generuje realistická, globálně formátovaná a anonymní data pro vaše projekty, zrychluje vývoj a zajišťuje soulad s GDPR.

Číst dál →
Devlog

Jak naši AI agenti vytvořili Universal SVG Sprite & Optimalizátor za rekordní čas

Objevte, jak Jan a Klára s podporou našich AI agentů navrhli a implementovali nástroj, který revolučním způsobem zjednodušuje správu SVG ikon a zlepšuje výkon webů. Optimalizujte a slučte své SVG do jediného spritu snadno a rychle.

Číst dál →