Shopify Polaris 2.0: päivitä räätälöidyt sovellukset ilman yllätyksiä

Shopify Polaris 2.0: Update Custom Apps Without Surprises

Shopify Polaris 2.0 herättää räätälöityjä sovelluksia käyttävälle kauppiaalle käytännön kysymyksen: sopivatko henkilöstön päivittäin käyttämät työkalut edelleen uudistuneeseen hallintapaneeliin? Shopifyn uusi ilme ei päivity näihin sovelluksiin automaattisesti. Ennen kuin hyväksyt ulkoasun uudistamisen, selvitä kunkin sovelluksen käyttämä käyttöliittymäkirjasto ja testaa tärkeimmät työnkulut. Selkeä näkymä on hyvä asia. Tallentamattomat muutokset hukkaava ostotilauslomake on kuitenkin paljon merkittävämpi huoli.

Mitä Shopify Polaris 2.0 muuttaa ja mitä ei?

Shopify on uudistanut hallintapaneelin rakenteen, navigoinnin ja visuaalisen ilmeen. Shopifyn hallintapaneelin uudistusta käsittelevässä esittelyssä lähtökohtana on se, miten kauppiaat käyttävät alustaa. Verkkokaupan tiimille ajankohtaisin tehtävä on verrata sisäisiä koulutusmateriaaleja nykyiseen käyttöliittymään. Ei kannata olettaa, että kaikki kuvakaappaukset ja navigointiohjeet ovat edelleen ajan tasalla.

Kehittäjille suunnattu julkaisu on rajatumpi. Shopify kertoo 22. lokakuuta julkaistussa tiedotteessaan, että Polaris Web Components 2.0 on saatavilla Polaris CDN:n vakaissa julkaisukanavissa. Se vastaa uudistuneen hallintapaneelin ilmettä ja on ensimmäinen pääversio CDN:n semanttisen versiointimallin käyttöönoton jälkeen.

Polaris Web Components on Shopifyn sovelluksille tarkoitettu käyttöliittymäkomponenttien kirjasto. Sen päivittäminen muuttaa sovelluksen käyttöliittymän perustaa, ei verkkokaupan teemaa. Ero on tärkeä, jos joku pohtii, pitääkö verkkokauppa uudistaa hallintapaneelin muuttuneen ilmeen vuoksi. Tämä julkaisu ei ole syy rakentaa asiakkaille näkyvää verkkokauppaa uudelleen.

Päivitys ei myöskään tapahdu automaattisesti. Shopify toteaa selvästi, että polaris.js ja polaris-1.js tarjoavat edelleen Polaris 1.1 -version eikä polaris.js koskaan siirry versioon 2.x. Uuden pääversion käyttöönotto tässä CDN-toteutuksessa edellyttää, että kehittäjä vaihtaa skriptiviittaukseksi polaris-2.js.

Suosituksemme on käsitellä päivitystä harkittuna sovelluksen ylläpitopäätöksenä. Älä tee siitä kiireellistä ilman näyttöä ongelmasta, mutta älä myöskään oleta, että versioimattomalta näyttävä tiedostonimi tarkoittaa sovelluksen seuraavan automaattisesti jokaista uutta pääversiota.

Aloita Shopify Polaris 2.0 -kartoitus sovellusten vastuista

Ensimmäiseksi kannattaa selvittää, kuka voi tehdä sovellukseen muutoksia. Kauppias saattaa mieltää kaiken hallintapaneelissa näkyvän osaksi Shopifyta, vaikka yksittäisiä näkymiä ylläpitäisivät erilliset toimittajat tai yrityksen oma kehitystiimi.

Tee lyhyt luettelo sovelluksista, joita henkilöstö tarvitsee työssään. Kirjaa kunkin sovelluksen vastuuhenkilö tai -taho, käyttöliittymäteknologia, jos se on tiedossa, sekä sovelluksen tukema työtehtävä. Lisää myös tieto siitä, miten tehtävä hoidettaisiin, jos sovellus olisi tilapäisesti poissa käytöstä.

  • Toimittajan ylläpitämät sovellukset: Kysy toimittajalta, vaikuttaako julkaisu sovelluksen käyttöliittymään ja onko henkilöstön syytä varautua muutoksiin. Oman tiimin ei yleensä pidä yrittää muuttaa toimittajan toteutusta.
  • Yrityksesi omistamat räätälöidyt sovellukset: Pyydä ylläpitäjää selvittämään käytössä oleva Polaris-versio ja kuvaamaan ehdotetun päivityksen laajuus.
  • Sovellukset, joiden ylläpitäjä ei ole tiedossa: Varmista pääsy lähdekoodiin ja julkaisuprosessiin ennen kuin tilaat ulkoasumuutoksia.
  • Sovellukset, jotka eivät käytä kyseisiä verkkokomponentteja: Älä oleta, että skriptin vaihtaminen päivittää niiden käyttöliittymän. Arvioinnin on perustuttava sovelluksen todelliseen teknologiaan.

Tarkoituksena on kartoittaa yhteensopivuus, ei etsiä syytä korvata toimivia ohjelmistoja. Vanhahtavalta näyttävä sovellus voi olla säilyttämisen arvoinen, jos se hoitaa luotettavasti vaativan tehtävän. Olennaista on, vaikeutuuko sen ylläpito ja ratkaiseeko uusi versio jonkin tiimin todellisen ongelman.

Realistinen toimituksellinen asetelmakuva 3:2-vaakamuodossa: avoin, modulaarinen myymälän lajittelulokerikko auringon valaisemalla lämpimänharmaalla työpöydällä

Ohjeista kehittäjää muustakin kuin skriptin vaihtamisesta

Jos sovellus käyttää jo kyseistä CDN-toteutusta, ensimmäinen vaihe kuulostaa yksinkertaiselta: vaihdetaan skriptiviittaus. Se ei kuitenkaan vielä takaa, että jokainen sivu toimii muutoksen jälkeen oikein.

Shopify antaa myös erillisen ohjeen React Router -pohjasta rakennetuille sovelluksille: polarisUrl on asetettava sekä AppProvider-komponenttiin että shopifyApp-palvelinmääritykseen, ja arvojen on oltava samat. Pyydä kehittäjää tarkistamaan soveltuvat pakettivaatimukset täydellisestä muutoslokista ennen toteutusta. Työkuvauksessa kannattaa nimetä nämä asetuskohdat sen sijaan, että ohjeeksi annetaan vain ”päivitä Polaris”.

Pyydä rajattu, helposti tarkistettava muutos

Pidä komponenttikirjaston päivitys mahdollisuuksien mukaan erillään liiketoimintalogiikan muutoksista. Jos samalla kirjoitetaan alennuslaskenta uudelleen tai muutetaan tuotetuonteja, epäonnistuneen testin syytä on huomattavasti vaikeampi selvittää.

Pyydä kuvaus siitä, mikä muuttuu ja mikä säilyy ennallaan. Kuvauksen tulee kattaa myös sovelluksen oma CSS ja komponentteja ympäröivät omat toteutukset. Aiemmin oikean ulkoasun varmistaneet tyyliohitukset on syytä tarkistaa erityisen huolellisesti, kun niiden alla olevat komponentit muuttuvat.

Kehittäjän tulee myös yksilöidä testattu sovellusversio ja kertoa, miten edelliseen toimivaan julkaisuun palataan. ”Voimme vaihtaa sen takaisin” on liian epämääräinen vastaus, jos kukaan ei ole tarkistanut, mitä muuta julkaisu sisältää.

Sopikaa hyväksymiskriteerit ennen työn aloittamista

Kuvakaappaus osoittaa ulkoasun, ei käytettävyyttä. Määrittele hyväksymiskriteerit loppuun suoritettavien tehtävien kautta: työntekijä voi muokata tietuetta, nähdä validointivirheen, korjata sen ja tallentaa onnistuneesti. Tallennetun tuloksen on vastattava tarkoitettua muutosta.

Pelkkään tietojen katseluun tarkoitetussa raportointisovelluksessa painopiste on toinen. Tarkista, ovatko suodattimet edelleen ymmärrettäviä ja pitkät arvot luettavissa. Anna sovelluksen käyttötarkoituksen ohjata testausta.

Testaa hankalat käyttötilanteet, älä vain aloitusnäkymää

Useimmat sisäiset sovellukset näyttävät toimivilta siistillä esimerkkidatalla. Arjessa henkilöstö kohtaa tyhjiä hakutuloksia, poikkeuksellisen pitkiä tuotenimiä ja hitaita vastauksia. Juuri nämä tilanteet kannattaa ottaa mukaan päivityksen testaukseen.

Käytä mahdollisuuksien mukaan tuotannosta erillistä testiympäristöä ja todellisia käyttötilanteita vastaavia tietoja. Älä sisällytä asiakkaiden henkilötietoja kuvakaappauksiin tai testiaineistoihin, ellei siihen ole perusteltua tarvetta ja käyttö ole hallittua.

  • Lomakkeet: Tarkista pakolliset kentät, virheelliset syötteet ja tallentamattomat muutokset. Varmista, että ensisijainen toiminto erottuu edelleen selvästi.
  • Tietoa täynnä olevat näkymät: Kokeile pitkiä nimiä ja suuria tulosjoukkoja. Etsi leikkautuvia käyttöliittymäelementtejä ja kenttien otsikoita, joista kentän tarkoitus ei enää käy ilmi.
  • Näppäimistökäyttö: Suorita tavallinen työtehtävä ilman hiirtä. Tarkista kohdistuksen näkyvyys ja järjestys, jossa kohdistus siirtyy elementistä toiseen.
  • Palaute käyttäjälle: Tarkista lataus-, onnistumis- ja virhetilat. Työntekijän pitää pystyä päättelemään, valmistuiko pyyntö, ennen kuin hän yrittää uudelleen.
  • Käyttöoikeusrajoitukset: Testaa henkilöstön todellisilla käyttöoikeuksilla, älä pelkästään kehittäjän tunnuksilla.

Nämä ovat suosittelemamme hyväksymistestit, eivät Polaris 2.0:ssa raportoituja vikoja. Niiden tarkoitus on löytää sovelluksen integraation ongelmat ennen kuin henkilöstö törmää niihin kiireisen työvuoron aikana.

Ota testaukseen mukaan joku, joka käyttää työkalua säännöllisesti. Hän saattaa huomata tutun toiminnon siirtyneen tai tilatiedon erottuvan aiempaa heikommin, vaikka kehittäjän mielestä sivu toimisi teknisesti oikein.

Realistinen toimituksellinen valokuva 3:2-vaakamuodossa: modulaarisen puulokerikon sopivuuden tarkistus myymälän pakkauspöydällä

Pidä POS-päivitykset erillään hallintapaneelin päivityksestä

Shopify julkaisi samana päivänä myös POS-laajennusten muutoksia. Niihin kannattaa perehtyä, jos yrityksesi ylläpitää POS-ohjelmistoja, mutta ne ovat erillisiä hallintapaneelin Polaris CDN -version käyttöönotosta.

Shopifyn reaktiivista tallennustilan käyttöä koskeva tiedote esittelee shopify.storage.current-ominaisuuden API-versiossa 2026-10. Sen avulla saman laajennuksen eri kohteet voivat reagoida tallennettujen arvojen muutoksiin samalla POS-laitteella. Kirjoittamiseen ja poistamiseen käytetään edelleen nykyisiä Storage API -menetelmiä.

Ominaisuus voi esimerkiksi auttaa räätälöityä kanta-asiakasnäkymää reagoimaan, kun taustalla toimiva laajennuskohde päivittää tallennettuja pisteitä. Kyse ei ole laitteiden välisestä synkronoinnista. Jos ehdotettu ratkaisu edellyttää arvojen siirtymistä kassalta toiselle, tämä tiedote ei yksin vahvista tällaista toimintaa.

Shopify esitteli myös s-pos-list-komponentin POS UI -laajennuksille API-versiossa 2026-10. Se on saatavilla Shopify POS -versiossa 11.17.0 ja sitä uudemmissa versioissa. Virtualisoitu lista ottaa vastaan rivitiedot sellaisenaan sekä mukautetut rivimallit. Se korvaa vanhemman List-komponentin laajennuksissa, jotka ottavat uuden version käyttöön.

Kauppiaan kannalta olennaista on työn rajaus. Räätälöityä POS-listaa kehittävällä ohjelmoijalla voi olla hyvä syy ottaa nämä työkalut käyttöön. Työlle pitää kuitenkin määritellä omat laitetestit ja hyväksymiskriteerit. Kumpikaan POS-julkaisu ei edellytä muutoksia nykyisiin laajennuksiin vain siksi, että uusi ominaisuus on tullut saataville.

Päivitetäänkö nyt vai myöhemmin?

Suosittelemme arvioimaan ensisijaisesti paljon käytetyt räätälöidyt hallintapaneelisovellukset, etenkin jos epäyhtenäiset käyttöliittymäelementit vaikeuttavat jo henkilöstön työtä. Aktiivisesti kehitettävä sovellus on toinen luonteva kohde: ylläpitäjä voi arvioida uuden perustan ennen käyttöliittymäkoodin laajentamista.

Vakaasti toimivan, harvoin käytetyn sovelluksen kanssa olisimme varovaisempia juuri ennen liiketoiminnan kannalta kriittistä myyntijaksoa. Pelkkä ulkoasun eroavaisuus oikeuttaa harvoin toiminnan häiriintymisen. Aikatauluta arviointi, kirjaa nykyinen riippuvuus ja nimeä henkilö, joka vastaa asiaan palaamisesta.

Lähteenä käytetty tiedote ei määrittele Polaris 1.1:n käytön päättymispäivää. Ylläpitoehdotuksessa ei pidä luoda kiirettä oletetun määräajan perusteella. Toisaalta vanhemman version saatavuus ei ole syy lykätä ylläpitoa loputtomiin.

Hyvä työkuvaus on suoraviivainen: tunnista sovellukset, joita muutos koskee, päivitä tarkasti rajattu kohde ja hyväksy se vasta, kun henkilöstön todelliset työtehtävät onnistuvat testeissä. Näin uudistunut hallintapaneeli tuo käytännön hyötyä ilman, että komponenttijulkaisusta tehdään tarpeetonta uudelleenrakennusprojektia.

Keskeiset huomiot

  • Polaris 2.0 ei päivity automaattisesti sovelluksiin, jotka käyttävät polaris.js- tai polaris-1.js-tiedostoa.
  • Selvitä kunkin sovelluksen vastuuhenkilö tai -taho ja käyttöliittymäteknologia ennen työn hyväksymistä.
  • Testaa henkilöstön työtehtävät alusta loppuun, myös virhetilanteissa. Älä hyväksy päivitystä pelkkien kuvakaappausten perusteella.
  • Arvioi POS-laajennusten päivitykset erillään hallintapaneelin komponenttikirjaston päivityksestä.

Lähteet

Haluatko jättää työn meille?

ZAGO on Shopify Premier Partner. Teemme päivittäin juuri tätä: parannamme suorituskykyä, optimoimme konversiota ja rakennamme verkkokauppoja, jotka maksavat itsensä takaisin. Varaa maksuton verkkokaupan kartoitus, niin näytämme kolme korjausta, jotka toteuttaisimme ensimmäiseksi.

Usein kysytyt kysymykset

Päivittääkö Shopify Polaris 2.0 räätälöidyt sovellukset automaattisesti?

Ei. Shopifyn mukaan polaris.js ja polaris-1.js tarjoavat edelleen Polaris 1.1 -version. Tätä CDN-toteutusta käyttävien sovellusten on otettava polaris-2.js erikseen käyttöön, jotta ne siirtyvät uuteen pääversioon.

Muuttaako Polaris 2.0 Shopify-verkkokauppani teemaa?

Julkaisu koskee sovellusten käyttämää käyttöliittymäkomponenttien kirjastoa. Se ei ole verkkokaupan teemapäivitys eikä edellytä asiakkaille näkyvän verkkokaupan uudistamista.

Mitä kehittäjän pitää tarkistaa React Router -pohjaisissa sovelluksissa?

Shopify ohjeistaa asettamaan polarisUrl-arvon sekä AppProvider-komponenttiin että shopifyApp-palvelinmääritykseen. Arvojen on oltava samat. Kehittäjän tulee myös tarkistaa soveltuvat pakettivaatimukset täydellisestä muutoslokista.

Miten kauppiaan kannattaa testata Polaris 2.0 -päivitys?

Testaa henkilöstön tavalliset työtehtävät todellista käyttöä vastaavilla tiedoilla ja normaaleilla käyttöoikeuksilla. Sisällytä testeihin virheelliset lomakesyötteet, pitkät sisällöt, näppäimistökäyttö ja epäonnistuneet pyynnöt. Varmista tallennettujen tulosten oikeellisuus pelkkien kuvakaappausten tarkastelun sijaan.

Ovatko uudet Shopify POS -komponentit osa Polaris 2.0 -hallintapaneelipäivitystä?

Kyse on erillisistä julkaisuista. Reaktiivinen tallennustilan käyttö ja s-pos-list kuuluvat POS UI -laajennusten API-versioon 2026-10, ja ne on arvioitava erikseen. Niiden julkaisut eivät edellytä muutoksia nykyisiin laajennuksiin.

MATKASI ALKAA TÄSTÄ!

Jos haluat hyödyntää esiteltyjä toimintoja tai optimoida verkkosivustojasi, ota meihin yhteyttä lomakkeella räätälöityjä ratkaisuja varten.

Maksuton kartoituspuhelu.