Shopify felfedezése: Egy fejlesztő szemszögéből

Kapj mélyreható tippeket és betekintéseket a Shopify webfejlesztéshez olyan iparági szakértőktől, akik a platformot használják weboldalak és online boltok építésére.

Kapj mélyreható tippeket és betekintéseket a Shopify webfejlesztéshez olyan iparági szakértőktől, akik a platformot használják weboldalak és online boltok építésére.

2024. szept. 27.

Sziasztok! Ksenia Zvereva vagyok, a Mollie Fejlesztői Közösség Vezetője, és a legtöbb időmet fejlesztőkkel és a technikai közösséggel töltöm. Munkám során főként olyan e-kereskedelmi platformokkal dolgoztam, amelyek előrehaladott technikai ismereteket igényelnek. De nemrég egyre inkább lenyűgözött a Shopify európai térnyerése és az, hogy miként próbálja megnyerni a fejlesztők szívét és elméjét.

Magam is kíváncsi voltam annak használhatóságára, ezért első kézből fedeztem fel a terméket. Az első benyomásom? Egyszerű. Tényleg fejlesztőnek kell lennie ahhoz, hogy ezzel a technológiával építkezzen? Talán nem: a hozzáférhetőség és a felhasználói élmény szintje kiemelkedő. A Shopify minimalizálja a backend karbantartás és DevOps szükségességét, ami segít a költségek csökkentésében az on-prem rendszerekhez képest. Felhasználóbarát felülete még technikai tudás nélkül is elérhető, lehetővé téve a felhasználók gyors kezdését.

Többet akartam megtudni. Ezért leültem a Shopify-t rendszeresen weboldalak építésére használó szakértőkkel, hogy megértsem a finomságait: Simon Freimoser, Client Services Igazgató – Shopify a Strix DE-nél, Yann Karl, CTO a Strix DE-nél, és Tico van Beurden, Head of Product az Ask Phill-nél, hogy felfedezzük a platformot.


Miért válaszd a Shopifyt?

Ksenia Zvereva: Először is, miért Shopify? Milyen tipikus felhasználási esetek vannak? 

Tico van Beurden: A Shopify megoldást kínál minden típusú e-kereskedelmi márkának, az egyéni vállalkozóktól a nagy márkákig, mint például a Gymshark, az Allbirds és Kylie Cosmetics. A Shopify szépsége abban rejlik, hogy segít a márkáknak bővülni anélkül, hogy platformokat kellene váltaniuk. Akár a Theme Store egyik sablonját használod, testreszabod egy témát, egyéni témát készítesz, vagy headless megoldást választasz – a Shopify minden márkatípusra kínál megoldásokat. Korábban a D2C márkákra fókuszáltak, de a Shopify mindenféle online bolt megoldásává válik. Akár online, B2B, offline vagy viszonteladóként értékesítesz, a Shopify segíthet neked.

Simon Freimoser: Teljesen egyetértek! A Shopify nagyszerűen elmozdult attól a képtől, hogy a kisvállalkozók „boltrendszere”. Az utóbbi pár Shopify Editions, a kétévente megjelenő új funkciók, különösképpen a nagyobb vállalatokat célozzák meg. A Shopify most már éppúgy szolgálja a KKV-kat, niche szereplőket és dropshippereket, mint a nagyvállalatokat fizikai üzletekkel vagy azok nélkül. Az is figyelemre méltó, milyen erőteljes pozíciót értek el az utóbbi év során a tisztán B2B játékosok körében, és ez mutatja, hogy komolyan veszik céljukat, hogy 'jobbá tegyék a kereskedelmet mindenki számára'.

Ksenia Zvereva: A Shopify híres intuitív felületéről, sablonjairól és témáiról. De miért szeretik a fejlesztők a Shopify-val való munkát? Nem egy fejlesztő-központú platform. Mi a fejlesztő szerepe egy Shopify-projektben?

Tico van Beurden: A Shopify lehet, hogy nem egy fejlesztő-központú platform, de mindenképpen fejlesztő-barát, ügyfélközpontú megközelítéssel. A nap végén nem magunknak készítünk weboldalakat, hanem az ügyfeleinknek. A Shopify ezt érti és gyakorlatba ülteti. Ez logikus, mert a platform és a fejlesztők ugyanazt a célt szolgálják: jobbá tenni a weboldalt és egyszerűsíteni az üzleti életet. A Shopify jó fejlesztői eszközöket kínál, mint például a saját CLI és SDK, melyeket aztán a weboldalaink építésére használunk. Ez, egy stabil backenddel és folyamatosan fejlődő kiterjedt funkciókkal kombinálva, nagyon fejlesztő-barát környezetet teremt.

Yann Karl: A Shopify hangsúlyt helyez a felhasználói oldalra, de az utóbbi években a fejlesztők vonzóképessége is jelentősen megnőtt. A bőséges API-kínálat lehetővé teszi a fejlesztők számára, hogy a platform funkcionalitását kiterjesszék és külső rendszerekkel könnyen integrálják, még middleware nélkül is. 

A Liquid, a Shopify sablonmotorja, könnyen megtanulható és erőteljes eszköz az egyéni témák és kirakatok létrehozására. Már jól integrálódott a meglévő fejlesztési platformokba, amelyek támogatják például az automatikus kiegészítést vagy kód javaslatokat, hogy megkönnyítsék a fejlesztők mindennapi életét.

A Shopify részletes dokumentációt kínál minden bővítési pontjához és funkciójához, segítve a fejlesztőket nemcsak a témák testreszabásában, hanem egyéni alkalmazások építésében további funkciókhoz vagy harmadik fél integrációkhoz is, amelyeket aztán a Shopify App Store-ban lehet értékesíteni.

Általánosságban, a felhasználói és fejlesztői nézőpontból, a Shopify készen álló infrastruktúrája gyors piacra jutási időt biztosít, ami lehetővé teszi minden érintett fél számára, hogy a nagyszerű élmény létrehozására összpontosítson anélkül, hogy a tárhelyről, a biztonságról vagy a teljesítmény problémákról kellene aggódnia.

Shopify kihívások

Ksenia Zvereva: A Shopify egyszerűségével kapcsolatban vannak-e olyan kihívások, mint például a testreszabás vagy az infrastruktúra, amelyeket az ügyfeleknek és a fejlesztőknek szem előtt kell tartaniuk, amikor vele dolgoznak?

Simon Freimoser: Bár határozottan vannak kihívások, mindig az a kérdés, hogyan kezeljük őket, igaz? Azt mondanám, hogy mind a testreszabás, mind az infrastruktúra kihívást jelent. De végső soron egy Shopify projekt majdnem 50%-ban gondolkodásmód kérdése. Igen, első pillantásra a testreszabási lehetőségek korlátozottnak tűnhetnek, és a mélyebb testreszabás csak a Liquid alapos ismeretével, API-jaikkal, vagy akár Hydrogennel lehet lehetséges, ami saját headless keretrendszerük része. A nap végén azonban az a kérdés, hogy szükséges-e a testreszabás, és annak hatásának értékelése a szükséges erőfeszítésekkel szemben, gyakran megteszi a hatást. 

Egy másik, sokat vitatott téma a Shopify app ökoszisztémájától való erős függőség és az elérhető appok puszta mennyisége. De a Shopify dolgozott azon, hogy ezt fejlessze. A Shopify most integrálta alapfunkcióit az appkészletébe. Míg más funkciók még harmadik feleket igényelnek, van egy világos útmutatás arról, hogy melyik appok és szolgáltatók a legjobbak a területükön. Igen, ezek elég drágák lehetnek, de hasonlóan könnyű gyorsan növelni a befektetés megtérülését. 

Amikor egy Shopify bolt teljes tulajdonlási költségét nézzük, gyakran látjuk, hogy egy bolt összköltsége növekszik. De ezzel egyidejűleg látjuk, hogy a nyereség megsokszorozódik a befektetett összeghez képest. Ez azt mutatja, hogy önmagában a költségekre fókuszálni rövid távú kihívás lehet, de gyorsan perspektívába kerül, amikor az üzletek profitálni tudnak az induló befektetési költségek össznyereményeiből.

Ez hasonló a Shopify infrastruktúra kihívásaihoz. Mint egy API-first platform, néha szükség van mikroszolgáltatásokra vagy middleware-re bizonyos követelmények teljesítéséhez vagy bizonyos adatpontok migrációjához. Bár ez nehézkesnek tűnik, láttunk különböző eseteket, ahol ez a megközelítés egy karcsúbb és átláthatóbb middleware-réteget eredményezett, ami sok történelmi problémát megoldott. 

Tehát a kihívás itt az, hogy rávegyük az eladókat a middleware használatára – legtöbbjüknek sötét múltja van ezzel az eszközzel – és bizonyítsuk, hogy az évek során megváltozott, és most már nagyon különbözik a korábbi feketetáskás varázslás hírnevétől.

Tico van Beurden: A Shopify infrastruktúrája kiváló, és sok mindenről gondoskodik, így Ön és ügyfele arra koncentrálhat, amit valóban kell. A hosztingot a Shopify intézi, így nem kell ezzel foglalkoznia, és egy 99.99%-os rendelkezésre állási idővel nincs miért aggódni. A Shopify beépített CDN-nel rendelkezik, amely automatikusan tömöríti a képeket, és különböző méretekben kínálja azokat a felhasználóknak. A Shopify sablonnyelve e-kereskedelemre összpontosít, így az alapvető tulajdonságok többségét azonnal megadja. Ez lehetővé teszi, hogy modern weboldalt építsen csak egy alapértelmezett Shopify Plan felhasználásával.

Azonban, mivel a Shopify gondoskodik az infrastrukturáról, néhány dolog lehetetlen a natív platformján. Például nem változtathatja meg az URL-struktúrát. Ez forró téma olyan vállalkozások számára, akik platformot váltanak, mivel ez drámai hatással van az SEO-ra. Fejlesztőként az a kihívás, hogy kreatív megoldást találjon ügyfelei számára, miközben minél közelebb maradjon a platform natív viselkedéséhez. A platform körüli testreszabás és hackerkedés technikai adósságot fog eredményezni a jövőben.

Ksenia Zvereva: Míg a Shopify kezeli a hosztingot, a biztonságot és a karbantartást, lehetővé téve a fejlesztőknek, hogy az építésre koncentráljanak, úgy tűnik, hogy még mindig vannak olyan szempontok, amelyeket érdemes szem előtt tartani.

Shopify fejlesztési bevált módszerek

Ksenia Zvereva: Mik a legjobb Shopify gyakorlatok, mind projekt, mind fejlesztés szempontjából?

Simon Freimoser: Először is, a megfelelő alapok meghatározásával kezdődik, amelyekkel dolgozunk. Ide tartozik a projekt konkrét célkitűzéseinek világos dokumentálása, valamint az, hogy 'adat-első' módon lépjünk be, ellenőrizve a vállalkozás már meglévő adatstruktúráit. Ha ismeri minden adatentitás információs architektúráját, sokkal könnyebb az elejétől fogva összehangolni a projektmunkát. Könnyűnek és nyilvánvalónak hangzik, de ezt a lépést gyakran kihagyják.

Az alapozó munka után a következő fontos lépés az átfogó projekttervezés. Itt fontos megismételni a Shopify projektek egyedi vonásait: gyors piacra kerülés, méretezhetőség és bővíthetőség. Az iterációk és mérföldkövek megtervezése lehetővé teszi, hogy ezeket a tulajdonságokat felhasználva hatékonyan valósítsa meg a sikeres projektet.

Amint megkezdődik a fejlesztési fázis, elengedhetetlen, hogy megbízható és gyors tesztelési eljárások álljanak rendelkezésre. Ez biztosítja, hogy a Shopify fejlesztés kritikus jellemzői, a sebesség és a zökkenőmentes működés, a kódolás befejezése után is megmaradjanak.

Végül, de nem utolsósorban a fejlesztési folyamat során mindig tegye fel magának a kérdést: "Az, amit éppen teszek, hozzájárul-e a kereskedő képessé tételéhez?" Ha egy vállalkozás nem tudja önállóan kezelni az áruházat, és ez akadályozza a karbantartási erőfeszítéseiket, akkor valamit rosszul csinál.

Ksenia Zvereva: És a fejlesztés oldaláról?

Yann Karl: Alapvető fontosságú, hogy minden fejlesztő szigorúan kövesse a Shopify fejlesztési irányelveit és a témák, valamint az alkalmazások legjobb gyakorlatait. Ne feledje, nagy hatalommal nagy felelősség jár. Nem szabad csak a személyre szabás kedvéért testre szabni. 

Az első lépés a fejlesztőink felkészítésében a Shopify-val való munkára a megfelelő gondolkodásmód beültetése. Mindig először fontoljuk meg a platform képességeit, majd kihívást jelentsen az ügyfél számára, gondoljuk át újra, és csak ezután gondolkodjunk el azon, hogyan lehet személyre szabni anélkül, hogy újjá kellene találni a kereket. Ahogy Simon említette, a fejlesztési munkatársainkkal való munka megközelítése hasonló az ügyfélmunkához való megközelítésünkhöz.

Általában a legjobb gyakorlatok ugyanúgy alkalmazandók, mint más projekteknél: használjon verziókezelést a fejlesztési munkájához a változások kezeléséhez és a hatékony együttműködéshez, valamint a témák, alkalmazások és integrációk minél naprakészebben tartása érdekében a inkompatibilitások, hibák vagy biztonsági problémák megelőzése érdekében.

A Shopify kiváló CLI komponenst kínál, amely támogatja a fejlesztőket a különböző témák változtatásának telepítésében, tesztelésében, staging és éles környezetben. Ez kötelező mindenkinek, aki bármilyen kódváltoztatáson dolgozik.

Végül, de nem utolsósorban, tartsa fenn a világos és alapos dokumentációt az összes egyedi kódról, funkcióról és konfigurációról. Ez elengedhetetlen a teljes projekt magas szintű karbantarthatóságának eléréséhez – Ön és kollégái számára.

Tico van Beurden: Igyekszünk minél közelebb maradni a Shopify natív funkcióihoz és viselkedéséhez. Harmadik fél eszközének bevezetése több technikai adósságot hozhat létre, valamint további havi költségeket is magával hozhat. Hiszünk a Shopifyban, és igyekszünk a lehető legtöbb natív funkcióját használni, hogy sikeresen hullámozzunk vele. Az előoldalunkat is ugyanerre a célra építettük: hogy a lehető legtöbb natív böngésző funkciót használjuk ki.

A karcsú fejlesztési beállítás fenntartása, amely nincs túlságosan függve túl sok csomagtól, szintén kulcsfontosságú. Minél több csomagot ad hozzá, annál inkább függ tőlük, és annál több karbantartást kell végeznie. Ha pedig kétségei vannak egy adott megvalósítással kapcsolatban, érdemes megnézni, hogyan van ez megoldva a Dawn-ban, a Shopify saját témájában. Ezt a témát ingyenesen telepítheti bármelyik áruházra, hogy megfigyelje annak viselkedését, vagy ellenőrizze a nyilvános adattárat a technikai megvalósítási részletekért.

A Shopify GitHub integrációjának kihasználása a telepítéshez és az azonnali biztonsági mentésekhez egy másik legjobb gyakorlat, amely biztosítja a zökkenőmentes működést és az azonnali biztonsági mentéseket. Ezenkívül, a szerver nélküli funkciókkal kibővítheti natív témájának funkcionalitását a Shopify Admin API-k használatával. Ily módon kibővítheti a témáját olyan funkciókkal, amelyek nem lehetségesek alaphelyzetben.


Shopify-val építene? Ne felejtsen el megtekinteni Mollie x Shopify pluginünk, valamint a integrációs útmutatóinkat.

Folytatná ezt a beszélgetést? Csatlakozzon a Mollie fejlesztői közösséghez, hogy beszélgessen mérnökeinkkel, termékcsapatainkkal és más közösségi tagokkal. 

Maradj naprakész

Ne maradj le semmiről! Kapj termékfrissítéseket, híreket és vásárlói történeteket közvetlenül az e-mail fiókodba.

Form fields

Tartalomjegyzék

Tartalomjegyzék

MollieNövekedésShopify felfedezése: Egy fejlesztő szemszögéből
MollieNövekedésShopify felfedezése: Egy fejlesztő szemszögéből
MollieNövekedésShopify felfedezése: Egy fejlesztő szemszögéből
MollieNövekedésShopify felfedezése: Egy fejlesztő szemszögéből