Prozkoumání Shopify: Perspektiva vývojáře

Získejte podrobné tipy a postřehy pro webovou tvorbu na Shopify od odborníků z oboru, kteří tuto platformu používají k vytváření webových stránek a online obchodů.

Získejte podrobné tipy a postřehy pro webovou tvorbu na Shopify od odborníků z oboru, kteří tuto platformu používají k vytváření webových stránek a online obchodů.

27. 9. 2024

Ahoj. Jsem Ksenia Zvereva, vedoucí komunity vývojářů v Mollie, a někdo, kdo tráví většinu času s vývojáři a technickou komunitou. Během své pracovní kariéry jsem většinou pracovala s ecommerce platformami, které vyžadují pokročilé technické znalosti. Ale nedávno mě stále více fascinoval vzestup Shopify v Evropě a jeho snaha získat srdce a mysl vývojářů.

Zvědavá na jeho použitelnost jsem produkt prozkoumala z první ruky. Můj prvotní dojem? Je to jednoduché. Opravdu je třeba být vývojářem, abyste s touto technologií mohli pracovat? Možná ne: úroveň přístupnosti a UX je vynikající. Shopify minimalizuje potřebu údržby backendu a DevOps, což pomáhá snižovat náklady ve srovnání s on-prem systémy. Jeho uživatelsky přívětivé rozhraní je dostupné i bez technických znalostí, což umožňuje uživatelům rychlý start.

Chtěla jsem se dozvědět více. Takže jsem si sedla s odborníky, kteří pravidelně používají Shopify k vytváření webových stránek, abych porozuměla jeho jemnostem: Simon Freimoser, Ředitel klientských služeb – Shopify ve Strix DE, Yann Karl, CTO ve Strix DE, a Tico van Beurden, vedoucí produktu v Ask Phill, abych prozkoumala platformu.


Proč si vybrat Shopify?

Ksenia Zvereva: Začněme, proč Shopify? Jaké jsou typické případy využití? 

Tico van Beurden: Shopify nabízí řešení pro všechny typy ecommerce značek, od malých firem s jednou osobou až po obrovské značky jako Gymshark, Allbirds a Kylie Cosmetics. Krása Shopify spočívá v tom, že pomáhá značkám růst bez nutnosti přenosu platforem. Ať už používáte téma z Theme Store, přizpůsobujete téma, vytváříte vlastní téma nebo jdete headless – Shopify nabízí řešení pro všechny typy značek. Dříve jsme viděli zaměření na D2C značky, ale Shopify se vyvíjí do řešení pro všechny typy online obchodů. Ať už prodáváte online, B2B, offline nebo přeprodáváte, Shopify vám může pomoci.

Simon Freimoser: Nemohu víc souhlasit! Shopify se skvěle podařilo opustit představu 'shopsystem pro malé podnikatele'. Poslední Shopify Editions, jejich dvakrát ročně uváděné nové funkce, byly zvláště přitažlivé pro větší společnosti. Shopify nyní slouží SME, hráčům v niku a dropshipperům stejně dobře jako větším podnikům s nebo bez fyzických poboček. Také pozice, kterou získali s čistými B2B hráči za poslední rok nebo tak, je skutečně pozoruhodná a ukazuje, že berou svou vizi 'zlepšení obchodu pro všechny' vážně.

Ksenia Zvereva: Shopify je známý pro své intuitivní rozhraní, šablony a témata. Ale proč vývojáři rádi pracují se Shopify? Není to primárně platforma pro vývojáře. Jaká je role vývojáře v projektu Shopify?

Tico van Beurden: Shopify možná není platforma primárně pro vývojáře, ale rozhodně je přátelská pro vývojáře s přístupem na prvním místě pro zákazníka. Na konci dne neděláme webové stránky pro sebe, ale pro naše klienty. Shopify to chápe a uvádí to do praxe. To dává smysl, protože platforma i vývojáři slouží stejnému cíli: zkvalitnit web a zjednodušit život firmy. Shopify nabízí dobré vývojářské nástroje, jako jsou vlastní CLI a SDK, které pak používáme k vývoji našich stránek. To v kombinaci se stabilním backendem s rozsáhlými funkcemi, které se neustále vyvíjejí, vytváří velmi přátelské prostředí pro vývojáře.

Yann Karl: Důraz Shopify je rozhodně na uživatelské straně, ale také atraktivita pro vývojáře se v posledních letech výrazně zvýšila. Bohatá nabídka API umožňuje vývojářům snadno rozšířit funkcionalitu platformy a integrovat se s externími systémy, i bez potřeby middleware. 

Liquid, šablonovací engine Shopify, je snadno naučitelný a je mocným nástrojem pro vytváření vlastních témat a výkladních skříní. Je také již dobře integrován do stávajících vývojových platforem, které podporují např. automatické doplňování kódu nebo návrhy kódu pro usnadnění každodenního života vývojáře.

Pro začátek Shopify nabízí podrobnou dokumentaci pro všechny svoje rozšiřovací body a funkce, což podporuje vývojáře nejen při přizpůsobování témat, ale také při vývoji vlastních aplikací pro další funkce nebo integrace třetích stran, které lze poté prodávat v Shopify App Store.

Obecně, z pohledu uživatele i vývojáře, Shopify's ready-to-use infrastruktura nabízí rychlý čas na trh, což umožňuje všem stranám soustředit se na tvorbu skvělého zážitku, aniž by se musely starat o hosting, bezpečnost nebo výkonnostní problémy.

výzvy Shopify

Ksenia Zvereva: S jednoduchostí Shopify, existují nějaké výzvy, jako například přizpůsobení nebo infrastruktura, které by zákazníci a vývojáři měli mít na paměti při práci s ním?

Simon Freimoser: I když určitě existují výzvy, vždy záleží na tom, jak je řešíme, že? Řekl bych, že existují jak výzvy v přizpůsobení, tak v infrastruktuře. Ale v konečném důsledku je projekt na Shopify téměř z 50 % záležitostí mindsetu. Ano, na první pohled se může zdát, že možnosti přizpůsobení jsou omezené, a hloubkové přizpůsobení může být možné pouze s rozsáhlou znalostí Liquid, jejich API nebo dokonce Hydrogen, což je součástí jejich vlastního headless frameworku. Nakonec však stačí se ptát, zda je přizpůsobení nutné, a zhodnotit jeho dopad vůči potřebnému úsilí, často to postačí. 

Dalším často diskutovaným tématem je velká závislost Shopify na jeho ekosystému aplikací a ohromný výběr dostupných aplikací. Ale Shopify se snaží toto vylepšit. Shopify nyní integroval svou klíčovou funkčnost do svého app stacku. I když jiné funkčnosti stále vyžadují třetí strany, existuje jasný směr, které aplikace a poskytovatelé jsou ve svém oboru nejlepší. Ano, mohou být poměrně drahé, ale je také srovnatelně snadné rychle zvýšit návratnost investic. 

Když se podíváme na celkové náklady na vlastnictví obchodu na Shopify, často vidíme, že celkové náklady obchodu rostou. Ale současně vidíme, že zisky rostou násobně v poměru k investované částce. To ukazuje, že pouze pohled na náklady může představovat výzvu v krátkodobém horizontu, ale rychle se dostává do perspektivy, kdy podniky mohou těžit z celkových výnosů z počátečních investic.

To je podobné infrastrukturním výzvám Shopify. Jako platforma zaměřená na API někdy vyžaduje mikroservisy nebo middleware na splnění specifických požadavků nebo migraci určitých datových bodů. I když to může působit zdlouhavě, viděli jsme různé případy, kdy tento přístup vedl k štíhlejší a průhlednější střední vrstvě, což vyřešilo mnoho historických problémů na straně. 

Takže výzva zde je přesvědčit obchodníky, aby používali middleware - většina z nich má temnou minulost s tímto nástrojem - a dokázat, že se během let změnilo a nyní je velmi odlišné od předchozí pověsti jako černě zasklené kouzelnictví.

Tico van Beurden: Infrastruktura Shopify je vynikající a oni se starají o mnoho věcí, takže vy a váš klient se můžete soustředit na to, co byste měli dělat. Hosting je na Shopify, takže to nemusíte řešit a s 99,99% dostupností, není se čeho obávat. Shopify má také vestavěný CDN, který automaticky komprimuje obrázky a nabízí je v různých velikostech pro uživatele. Shopify 's templating language je zaměřen na ecommerce, takže vám poskytuje většinu vlastností, které potřebujete, přímo mimo krabici. To vám umožňuje postavit moderní web se standardním plánem Shopify.

Přestože Shopify se stará o infrastrukturu, některé věci nejsou na jeho nativní platformě možné. Například nemůžete měnit strukturu URL. Toto je horké téma pro podniky, které přecházejí platformy, protože to dramaticky ovlivňuje SEO. Jako vývojář je výzva najít kreativní řešení pro vaše klienty a přitom zůstat co nejblíže nativnímu chování platformy. Přizpůsobování a manipulace s platformou může v budoucnu vytvářet technický dluh.

Ksenia Zvereva: I když Shopify se stará o hosting, bezpečnost a údržbu, což umožňuje vývojářům soustředit se na budování, zdá se, že stále existují některé aspekty, na které je třeba dát pozor.

Nejlepší postupy pro vývoj na Shopify

Ksenia Zvereva: Jaké jsou vaše nejlepší osvědčené postupy pro Shopify, jak z hlediska projektu, tak z hlediska vývoje?

Simon Freimoser: Především to začíná správným definováním základů, se kterými pracujeme. To zahrnuje jasnou dokumentaci konkrétních cílů projektu stejně jako přístup 'data-first', tedy kontrolu všech základních datových struktur, které již podnik nabízí. Pokud znáte informační architekturu každého datového subjektu, je mnohem snazší sladit práci na projektu od samého začátku. Zní to snadno a samozřejmě, ale tento krok je často opomenut.

Po základní práci je dalším klíčovým krokem komplexní plánování projektu. Zde je důležité zopakovat jedinečné aspekty Shopify projektů: rychlé uvedení na trh, škálovatelnost a rozšiřitelnost. Plánování v iteracích a milnících vám umožní efektivně využít tyto funkce k úspěšnému dokončení projektu.

Když začne fáze vývoje, je nezbytné mít robustní a rychlé testovací postupy. To zajišťuje, že rychlost a bezproblémová funkčnost, což jsou kritické prvky vývoje pro Shopify, jsou udrženy i po dokončení kódování.

A konečně, během celého procesu vývoje, se ptejte sami sebe: "Přispívá to, co právě dělám, k posílení možností obchodníka?" Pokud podnik nemůže nezávisle spravovat obchod a brání to jeho údržbovým úsilím, pak děláte něco špatně.

Ksenia Zvereva: A co se týče vývoje?

Yann Karl: Je nezbytné, aby všichni vývojáři přísně dodržovali vývojové pokyny a nejlepší praktiky Shopify pro motivy a aplikace. Pamatujte, s velkou mocí přichází velká zodpovědnost. Neměli byste upravovat jen pro úpravu samotnou. 

Prvním krokem v přípravě našich vývojářů na práci s Shopify je vštěpit správný postoj. Vždy myslete nejdříve na schopnosti platformy, pak vyzvěte zákazníka, přemýšlejte a teprve poté hledejte způsoby, jak přizpůsobit bez zbytečného vynalézání kola. Jak zmínil Simon, náš přístup k práci s našimi vývojáři je obdobný jako přístup k práci s klienty.

Obecně se osvědčené postupy aplikují stejně jako u jiných projektů: používejte řízení verzí pro svou vývojovou práci pro efektivní správu změn a spolupráci a udržujte motivy, aplikace a integrace co nejaktuálnější, aby se předešlo nekompatibilitám, chybám nebo bezpečnostním problémům.

Shopify nabízí vynikající CLI komponentu, která podporuje vývojáře v celém procesu nasazování změn pro vaše různé motivy pro testování, staging a produkci. Je nutné ji používat pro každého, kdo pracuje na jakékoli změně kódu.

A konečně, udržujte jasnou a důkladnou dokumentaci pro veškerý vlastní kód, funkce a konfigurace. Je to zásadní pro dosažení vysoké úrovně udržovatelnosti celého projektu – pro vás i vaše kolegy.

Tico van Beurden: Snažíme se co nejvíce držet přirozených funkcí a chování Shopify. Implementace nástroje třetí strany může vytvořit více technického dluhu a zvýšit měsíční náklady. Věříme v Shopify a snažíme se co nejvíce využívat jeho přirozené funkce, abychom úspěšně zvládali vývoj. Naše úvodní strana je postavena se stejným cílem: využít co nejvíce přirozených funkcí prohlížeče.

Udržení úsporného vývojového nastavení, které není příliš závislé na příliš mnoha balíčcích, je také klíčové. Čím více balíčků přidáte, tím více jste závislí a tím více údržby potřebujete. Také pokud máte pochybnosti ohledně konkrétní implementace, podíváním se, jak to je uděláno v Dawn, vlastním tématu Shopify, je užitečné. Toto téma si můžete nainstalovat zdarma do jakéhokoli obchodu, abyste mohli sledovat jeho chování nebo zkontrolovat veřejné úložiště pro technické podrobnosti implementace.

Využití integrace Shopify na GitHub pro nasazování a okamžité zálohy je další osvědčenou praxí, která zajišťuje hladký provoz a okamžité zálohy. Kromě toho, s funkcemi bez serveru, můžete rozšířit funkčnost vašeho přirozeného tématu využitím Shopify’s Admin APIs. Tímto způsobem můžete rozšířit své téma o funkce, které nejsou standardně možné.


Plánujete stavět s Shopify? Nezapomeňte prozkoumat náš plugin Mollie x Shopify, stejně jako naše integrační průvodce.

Chcete pokračovat v této diskusi? Připojte se ke komunitě Mollie Developer Community a mluvte s našimi inženýry, produktovými týmy a dalšími členy komunity. 

Buďte v obraze

Nikdy nezmeškejte žádnou novinku. Dostávejte produktové novinky, zprávy a příběhy zákazníků přímo do své schránky.

Form fields

Obsah

Obsah

MollieRůstProzkoumání Shopify: Perspektiva vývojáře
MollieRůstProzkoumání Shopify: Perspektiva vývojáře
MollieRůstProzkoumání Shopify: Perspektiva vývojáře
MollieRůstProzkoumání Shopify: Perspektiva vývojáře