A WooCommerce áruházad frissítése komoly dolog, mivel olyan funkciókat törhetsz el, amelyek negatívan befolyásolhatják az eredményedet, vagy egyszerűen az oldalad működését.

A WooCommerce frissítések kapcsán négyféle iskola létezik az áruház tulajdonosok körében:

• A cowboy: Ezek a bolt tulajdonosok gondolkodás nélkül nyomják meg a “frissítés” gombot. Aztán a boltjaik összeomlanak körülöttük.
• A kanapé krumpli:
• A félős macska: Ezek a bolt tulajdonosok azért rendelkeznek annyi elavult bővítménnyel és témával, mert rettegnek attól, hogy mi fog történni, ha megpróbálnak frissíteni.
• A hóbortos:

Valójában mindenkinek Mavericknek kellene lennie. Szerencsére nem nehéz azzá válni! A megfelelő eszközökkel, egy alapos tesztelési ellenőrzőlistával és némi automatizálással elkezdheti naprakészen tartani a WooCommerce webhelyét, és mindig zökkenőmentesen működhet.

Ebben a bejegyzésben végigvesszük, hogyan végezzen el egy biztonságos WooCommerce frissítést az elejétől a végéig, beleértve a használandó eszközöket és egy nagy tesztelési és frissítési ellenőrzőlistát.

Készen állsz az indulásra? Akkor vágjunk bele!

Invesztálj egy kis időt most, hogy sok időt (és szorongást) spórolj meg később

Mielőtt belevetnénk magunkat, a legjobb gyakorlatok szerint soha ne frissítsd webhelyedet, különösen a WooCommerce-et, anélkül, hogy előbb alaposan tesztelnéd az új kiadásokat. Ez vonatkozik a major, minor és patch kiadásokra is – nem számít.

Hajlandónak kell lenned arra, hogy most egy kis időt áldozz, hogy később sok időt spórolj meg.

Nem kell azonnal megnyomnod a “frissítés” gombot. Adjon magának egy kis időt, és győződjön meg róla, hogy érti, milyen változások lesznek, és ami a legfontosabb, hogyan befolyásolhatnak minden mást a webhelyén. Ha egyszerűen csak utánaolvasol a WooCommerce azon verziójának új funkcióinak, amelyre frissíteni szeretnél, az segíteni fog abban, hogy átlásd, mire kell felkészülnöd.

Hogy a dolgokat perspektívába helyezd, és megértsd, milyen könnyen elromolhatnak dolgok, gondolj egy pillanatra a plugin vagy a téma fejlesztőjének szemszögéből: mivel a WooCommerce magjának, valamint a WordPress magjának is visszafelé kompatibilisnek kell lennie. Most gondolj arra, hogy te – vagy az ügyfeled webhelye – hány bővítményt használsz. Mennyire valószínű, hogy egy WooCommerce-frissítés megtörik valamilyen funkciót? Nos, gondolom, a választ már tudod: rendkívül valószínű.

Ez az oka annak, hogy közvetlenül egy WooCommerce frissítés bejelentése után mindig jó, ha átnézed a changelogokat és a WordPress.org támogatási fórumait, mielőtt frissítenéd a WooCommerce-et. Ha valaha is probléma merülne fel egy frissítéssel kapcsolatban, az esetek 99%-ában valaki más találkozik először a problémával, így rengeteg időt és gondot spórolhatsz meg magadnak a probléma kezelésével.

Az sem ritka, hogy tartózkodsz attól, hogy a WooCommerce frissítését azonnal feltoldd az oldaladra, és megvárod, hogy a plugin/téma szerzők kiadják a saját frissítéseiket a WooCommerce-hez kapcsolódó termékekhez, mielőtt te is frissítenéd az oldaladat. Tehát türelmesnek lenni és időt szánni a kompatibilitás ellenőrzésére valóban kifizetődő lehet.

Amikor a WooCommerce webhelyed frissítéséről van szó, úgy működsz, mint 🤠 a Cowboy, 🥔 a Couch Potato, 🙀 a Scaredy-Cat, vagy 😎 a Maverick? Kattints, hogy megtudd, melyik típusú áruház-tulajdonos vagy 👇Click to Tweet

Kezdés a WooCommerce frissítéssel

A WooCommerce frissítések megközelítésekor négy alapvető szakasz van, mindegyiknek megvan a maga meghatározott lépése. Ígérjük, hogy miután egyszer végigfutottál mindenen, minden alkalommal gyorsabb és könnyebb lesz! Végigvezetünk a WooCommerce frissítésének mind a négy következő szakaszán:

A WooCommerce frissítése: A megfelelő eszközök beszerzése

Nézzünk szembe a tényekkel: a WooCommerce kézi tesztelése fárasztó és időigényes. Ezen okok miatt nagyon sokan egyszerűen nem teszik meg, vagy ha megteszik, akkor nem tesztelnek megfelelően, és nem veszik észre a hibákat a webhelyeiken.

Szerencsére vannak olyan eszközök, amelyek segíthetnek felgyorsítani a tesztelési folyamatot, és kevésbé unalmassá teszik azt. Miután az évek során számtalanszor teszteltük a WooCommerce frissítéseket, ezeket az eszközöket ajánljuk. Nézzük meg közelebbről mindegyiket.

Staging Site

Ez nem tárgyalható. Soha ne frissítse az élő webhelyét közvetlenül a WooCommerce új kiadása után. A staging site-ok egy tesztelési környezetet biztosítanak, ahol szabadon elronthatsz dolgokat (általában következmények nélkül).

Ezeken futtathatod a WooCommerce frissítéseket, tesztelheted az új verziókat, és megnézheted, hogyan reagálhat a webhelyed, mielőtt frissítenéd az éles webhelyedet. Ha nincs staging site-ja, a Kinsta segíthet (egykattintásos staging környezetet kínálunk):

Vizuális összehasonlító eszközök

Honnan tudja, hogy a webhelye megváltozott-e egy WooCommerce frissítés után? Ha egy nagy, több tucat oldalt tartalmazó webhelyet üzemeltet, a formázásban bekövetkezett apró változások vagy akár a widgetek megjelenésének megszűnése időigényes lehet a nyomon követése.

Egy olyan vizuális összehasonlító eszközzel, mint a WP Boom, amelyet ebben a bemutatóban használni fogunk, készíthet egy pillanatfelvételt az oldaláról, megnyomhatja a “frissítés” gombot, majd készíthet egy második pillanatfelvételt, így gyorsan láthatja, mi változott:

Fontos kiemelni, hogy egy vizuális változás nem feltétlenül jelenti azt, hogy valamilyen funkció elromlott az oldaladon, csak azt, hogy elromolhatott.

Végponttól-végpontig tartó tesztelési eszközök

Míg a vizuális összehasonlító eszközök segítségével gyorsan észreveheti a webhelye formázásában és kialakításában bekövetkezett változásokat, a végponttól-végpontig tartó tesztelési eszközök tovább mennek. Ezek a webhely tényleges funkcionalitását tesztelik, és nagyobb bizonyosságot nyújtanak, ha valami nem működik.

A webhelyen való kattintgatás a tesztek elvégzéséhez, például egy termék kosárba helyezéséhez és a kijelentkezéshez, időt vesz igénybe. Ezek a feladatok elég gyorsan megunják, ha már százszor tesztelted a WooCommerce frissítéseit.

A végponttól végpontig tartó tesztelési eszközökkel automatizálhatod ezt a folyamatot, így automatikusan elvégezheted helyettük.

A Robot Ninja leállása miatt ebben a bemutatóban két különböző eszköz használatát mutatjuk be.

Az első a Ghost Inspector:

A második végponttól végpontig tesztelő eszköz, amit kipróbálhatsz, az Usetrace:

Ez egy másik automatizált végponttól végpontig tesztelő eszköz a WooCommerce számára, amit staging és live oldalakon egyaránt használhatsz. A cikk későbbi részében végigvesszük, hogyan kell mindkettőt beállítani. A WooCommerce-nek is van néhány E2E tesztje, amit végigfuttathatsz, ha inkább fejlesztő vagy.

Backup Tools

Rendszeres biztonsági mentéseket kell futtatnod a webhelyedről. Ha az adatbázis mentések érdekelnek, akkor a WP Migrate DB Pro-t ajánljuk, vagy egyszerűen a WP-CLI-t a gyors exportok futtatásához.

Ha a Kinsta-nál vagy, minden csomagunkhoz biztosítunk automatikus napi mentéseket, manuális mentési pontokat és a mentések megőrzését:

Ha már megvannak a megfelelő eszközök, itt az ideje az előkészületeknek.

A WooCommerce frissítése:

Ha azt szeretné, hogy a WooCommerce frissítése zökkenőmentesen menjen, akkor némi előkészületet kell tennie. Ez egy kis munkával jár, de miután egyszer már felkészültél, könnyebb kitölteni az üres helyeket, és a következő frissítésnél gyorsabban elvégezni. Az alábbiakban az általunk ajánlott hét előkészítő lépést mutatjuk be.

1. lépés: Ismerkedjen meg újra a frissítendő webhelyével

Ha nem tudja biztosan, hogyan kell működnie a webhelyének (pl. ha egy új ügyfél webhelyéről van szó), készítsen néhány jegyzetet. Ez segít enyhíteni a szorongást, amit akkor érezhet, ha egy frissítés után összezavarodik a webhely működésével kapcsolatban (ez gyakrabban előfordul, mint gondolná).

Azt is ajánlom, hogy készítsen egy listát a kritikus URL-címekről és a webhely (és az ügyfelek) működéséről. Ennek tartalmaznia kell a webhelye fontos oldalait, például a főoldal, a kategória és a termék, a “fiókom”, a kosár és a pénztár oldalakat.

2. lépés: Ellenőrizze, hogy a biztonsági mentések aktuálisak-e

Ha a biztonsági mentések nem aktuálisak, itt az ideje, hogy újabb biztonsági mentést futtasson. Ismerkedjen meg újra a biztonsági mentési eszközével. A legfontosabb, hogy ellenőrizze, hogy megfelelően működik-e, és győződjön meg róla, hogy tudja, hogyan térhet vissza webhelye korábbi pillanatfelvételéhez.

3. lépés: A WP Boom beállítása

Az eszköz beállítása mindössze egy percet vesz igénybe. Ha a memóriád és a jegyzetelésed nem túl jó (mindannyian követhetünk el hibákat), a WP Boom segíthet kitölteni a hiányosságokat az oldaladról készített képernyőképekkel. Gondolj rájuk úgy, mint az “előtte” fotókra a fogyókúrás promóciókban.

Az első webhely pillanatkép elkészítésével érdemes kezdened, hogy legyen egy vizuális alapfelvételed a frissítés előtti staging webhelyedről.

Jellemzően nem tud képernyőképeket készíteni a pénztárról (szükséged van néhány termékre a kosaradban) és a védett oldalakról, de ebben a következő eszközök egyike segíthet.

Megjegyzés: A WP Boom beállítását és használatát később ebben a bejegyzésben ismertetjük.

4. lépés: Automatizált tesztelési eszköz beállítása

Ha manuálisan tesztelnéd a WooCommerce-et, ez az a rész, ahol elkészítenéd a tesztforgatókönyvek listáját: Pl, nyissa meg a webhelyét, tegyen egy terméket a kosárba, lépjen a pénztárhoz, adja meg a fizetési adatokat stb.

Szerencsére mind a Ghost Inspector, mind az Usetrace képes mindezt automatikusan elvégezni Ön helyett. Hamarosan elmagyarázzuk, hogyan kell mindkét eszközt beállítani.

5. lépés: A webhely egyéb, tesztelni kívánt részeinek azonosítása

A következő lépés a webhely egyéb, tesztelni kívánt részeinek azonosítása a korábban létrehozott kritikus URL-címek és funkciók listája alapján. Ezek lehetnek olyan funkciók, mint a kapcsolatfelvételi űrlapok és felugró ablakok, vagy olyan elemek, mint a diavetítések és galériák.

Tesztelheti ezeket a dolgokat kézzel, vagy ha technikailag képzettebb, megpróbálhatja automatizálni ezt a lépést is.

6. lépés: Nézze meg, mi újság a WooCommerce verziójában, amelyre frissít

Az is jó ötlet, hogy megnézze, milyen új frissítések és funkciók állnak rendelkezésre a WooCommerce verziójában, amelyre frissít. Pontosabban, ellenőrizze, hogy a bővítményei és a témája kompatibilisek-e vele.

Még egyszer, jobb, ha most szán egy kis időt, hogy később időt és aggodalmat spóroljon meg magának. Javasoljuk, hogy ellenőrizze a kiadási bejelentéseket a WooCommerce.com oldalon, a változásnaplókat, a GitHub problémákat és a WordPress támogatási fórumokat.

7. lépés: Klónozza az élő webhelyét a staging környezetbe

Ha olyan bővítményeket használ, amelyek staging móddal rendelkeznek, mint például a WooCommerce Subscriptions, kapcsolja be őket, vagy egyszerűen tiltsa le őket. Hasonlóképpen, az e-maileket is ki kell kapcsolnia.

Ezután kétszer ellenőrizze, hogy a staging környezet a lehető legjobban utánozza-e az élő webhelyét. Azt is javasoljuk, hogy ezen a ponton engedélyezze a WordPress hibakeresési módját, hogy segítsen a későbbi problémamegoldásban.

Fontos: Miután az oldalát áttette a stagingre, ne akarja elveszíteni az esetlegesen érkező megrendeléseket. Ennek elkerülése érdekében azt javasoljuk, hogy a WooCommerce áruházát állítsa karbantartási üzemmódba. Ez biztosítja, hogy a frissítések és a tesztelés ideje alatt nem érkeznek megrendelések.

A WooCommerce frissítése: Update and Testing Your Staging Site (A 7-Step Checklist)

Most, hogy felkészültél és készen állsz, most jön a mókás rész: a staging site frissítése. Az a nagyszerű dolog a staging site-okban, hogy nem számít, ha az oldalad elromlik, mert az csak egy másolat. Nézzük meg a folyamat ezen részének lépéseit.

1. lépés: Pillanatkép készítése a webhelyedről a WP Boom segítségével

Az első dolog, amit tenned kell, hogy készítesz egy pillanatfelvételt a webhelyedről a WP Boom segítségével. Ez egy vizuális alapfelvételt ad a frissítés előtti staging webhelyedről.

2. lépés: Futtasd a tesztelő eszközt, és győződj meg arról, hogy a tesztek átmennek

Amint korábban említettük, a tesztek automatizálásához használhatsz egy végponttól végpontig tartó tesztelő eszközt, például a Ghost Inspectort vagy az Usetrace-t. A cikk további részében végigvezetjük, hogyan futtathat tesztet mindkét eszközzel, és ellenőrizheti, hogy a tesztek átmennek-e.

3. lépés: Frissítse a bővítményeit és a témáját

Az előkészítő szakaszban említettük, hogy ellenőrizze, hogy a bővítmények és a téma kompatibilisek-e a WooCommerce legújabb verziójával, amelyre frissít. Ha észrevette, hogy a bővítményei vagy témája elavult, és már nem kompatibilis a WooCommerce legújabb verziójával, akkor itt az ideje, hogy frissítse őket egy kompatibilis verzióra.

4. lépés: A WooCommerce frissítése a staging site-on

Mihelyt frissítette a bővítményeit és témáit, megbizonyosodva arról, hogy nem lesznek kompatibilitási problémák, készen áll a staging site frissítésére a WooCommerce legújabb verziójára. A staging webhely frissítése lehetővé teszi, hogy azonosítsa az esetleges hibákat, amelyeket meg kell oldania, mielőtt a WooCommerce frissítését az élő webhelyére tolja.

5. lépés: Ellenőrizze a naplóit hibák után

A pluginok, a téma és a WooCommerce frissítése után okos dolog ellenőrizni a naplóit, hogy megkeresse a frissítésekből eredő hibákat. Végezzen egy gyors ellenőrzést, hogy megbizonyosodjon arról, hogy még mindig el tudja érni a kezdőlapját és az admin területet.

Ha fehér halál képernyője jelenik meg, vagy más helyrehozhatatlan helyzetbe került, akkor itt az ideje, hogy visszaállítsa a webhely egy korábbi pillanatfelvételét. A problémamegoldást elvégezheti saját maga, vagy segítséget kérhet.

6. lépés: Második pillanatkép készítése a változások összehasonlításához

Ha eddig minden jól megy, futtassa újra a WP Boomot, és készítsen egy második pillanatképet. Hasonlítsd össze az előtte és utána pillanatképeket, hogy lásd, mi változott.

A WP Boom nagyszerű tulajdonsága, hogy megmondja, mennyit változott az oldalad az utolsó pillanatkép óta.

Ez lehet például 7%-os vizuális változás a két pillanatkép között. Ez ugyan nem feltétlenül jelenti azt, hogy webhelyed elromlott, de azt jelentheti, hogy néhány stílust át kell állítanod.