ensinnäkin olet todennäköisesti jo tavallinen yhden sivun sovellusten käyttäjä.
yhden sivun sovellukset ovat loistava työkalu uskomattoman mukaansatempaavien ja ainutlaatuisten kokemusten tekemiseen käyttäjillesi.
Joitakin Yhden Sivun Sovellus esimerkkejä ovat kuten Gmail, Google Maps, AirBNB, Netflix, Pinterest, Paypal ja monet muut käyttävät Kylpylät rakentaa nestettä, skaalautuva kokemus.,
kuitenkin aiemmin kylpylät ovat jättäneet markkinoijat pimentoon sisällön hallinnan suhteen. Onneksi, se on nyt mahdollista yhdistää SPA oikea CMS antaa sekä kehittäjille ja markkinoijille tason control he tarvitsevat.
What ’ s Single Page Application?
yhden sivun sovellus (SPA) on yksi sivu (siis nimi), jossa paljon tietoa pysyy samana ja vain muutama pala pitää päivittää kerrallaan.,
esimerkiksi, kun selaat sähköposti huomaat, että ei ole paljon muutoksia navigoinnin aikana – sivupalkin ja header pysyy koskemattomana kun käyt läpi saapuneet-kansioon.
Kylpylä lähettää vain sen, mitä tarvitset jokaisella klikkauksella, ja selaimesi antaa nämä tiedot. Tämä eroaa perinteisestä sivukuormasta, jossa palvelin tekee koko sivun uudelleen jokaisella tekemälläsi klikkauksella ja lähettää sen selaimeesi.
Tämä pala palalta, client side menetelmä tekee latausaika on nopeampi käyttäjille ja tekee määrän tietoa palvelimen täytyy lähettää paljon vähemmän ja paljon enemmän kustannustehokas., Win-win.
mikä on yhden sivun Sovellusarkkitehtuuri? Miten se toimii?
yhden sivun sovellus on web-sovellus tai sivusto, joka on vuorovaikutuksessa käyttäjän dynaamisesti kirjoittamasta nykyisen sivun, sen sijaan, lastaus-koko uusia sivuja palvelimelta.
tämä lähestymistapa tyhjenee käyttäjäkokemuksen keskeytymisestä peräkkäisten sivujen välillä, jolloin sovellus käyttäytyy enemmän työpöytäsovelluksen tavoin.
useimmilla sivustoilla on paljon toistuvaa sisältöä.,
Jotkut se pysyy samana riippumatta siitä, missä käyttäjä menee (ylä-ja alatunnisteet, logot, navigointipalkin, jne), jotkut se on vakio vain tietty osa (suodatin baareja, bannerit), ja on olemassa monia toistuva ulkoasuja ja malleja (blogit, self-service, google mail setup edellä on mainittu).
yhden sivun sovellukset hyödyntävät tätä toistoa.
sanokaamme, että näkemyksesi sivuilta on talon ja puun maalaus. Perinteiset, monisivuiset sivustot maalaavat koko kuvan sinulle palvelimella ja lähettävät sen selaimeesi.,
Kylpylät antaa sinulle maali-by-numerot oppaita sivuston, mukaan lukien toistuva oppaita saat todennäköisesti käyttää, ja sitten putkien oikea maali (tiedot ja sisältö) täyttää malliin.
Joko niin näet sama puu, mutta nopeus KYLPYLÄ tulee, kun pyydät uutta sisältöä – kuin klikkaamalla ”seuraava”, suodatus tulokset, avaamalla mail tai – tässä vähän metafora – pyytää nähdä eri puu.
perinteisellä sivustolla pyyntösi uudesta puusta saisi palvelimen maalaamaan koko kuvan uudelleen ja lähettämään sen takaisin.,
on Yhden Sivun Sovellus, palvelin sanoo, ”hei, minulla on uusi puu, mutta sinulla on jo talossa, niin jätä että sama”, sitten lähettää päivitetyt ohjeet uuden puu ja maali tehdä se.
siirtämällä maalaustyöt (sivun tuottaminen) palvelimelta asiakkaalle (sinä) sivu voidaan dynaamisesti uudelleen, sen sijaan menee läpi koko reload.
tämä tekee asioista paljon nopeampia.,
Yhden Sivun Sovelluksia Etuja
On olemassa monia etuja SPA ratkaisuja, kuten parannettu sovellusten suorituskykyä ja johdonmukaisuus, ja vähentää kehityksen aikaa ja infrastruktuurin kustannuksia.
erottamalla esityksen sisältöä ja tietoja, kehitys joukkueet voi toimia eri nopeuksilla, kun vielä on integroitu yleinen ratkaisu. SPA on hyvä tehdä reagoiva suunnittelu mobiili, työpöytä ja tabletti.,
Kerta, kun Tiedoston Ladata Jokainen HTML, CSS, JS
Yhden Sivun Sovellus, kun ensimmäinen sivu ladataan, palvelin ei lähetä enää HTML-sinulle – voit ladata sen kaikki heti alussa.
palvelin lähettää sinulle shell-sivu ja selain tekee käyttöliittymä (UI).
Sitten, kun valitset noin, SPA-lähettää pyyntöjä tietojen ja markup, palvelin ampuu takaisin raaka-aineita tarvitaan, ja selain vie sen ja tekee päivitetty UI – vaihtamalla kappaletta ilman, että tarvitsee päivittää koko sivua.,
Tämä nopea vaihdettavuus tekee kylpylöistä uskomattoman hyödyllisiä sivuilla, jotka ovat erittäin navigoituja ja käyttävät toistavia malleja.
Ei Ylimääräisiä Kyselyitä Palvelimelle
Koska palvelimen ei tarvitse viettää aikaa & energiaa tehdä koko piirustus, Kylpylät pienempi vaikutus palvelinten yleistä – mikä tarkoittaa, että voit säästää rahaa käyttämällä vähemmän palvelimia sama määrä liikennettä.
Nopea ja Reagoiva Front-end Rakennettu
Yhdessä nopeammin suorituskykyä aikaa edellä, Kylpylät myös antaa kehittäjille rakentaa etupään paljon nopeammin.,
Tämä johtuu kylpylöiden tuotannosta irrotetusta arkkitehtuurista tai takapään palvelujen ja etupään näytön erottelusta.
monet bisneskriittiset funktiot eivät muuta kaikkea niin paljon takapäässä.
Vaikka miten asiakkaat kirjaudu sisään, rekisteröidy, ostaa ja seurata tilauksia voi muuttaa se on ”katso” tai esityksen ajoittain, logiikka ja tiedot orkestrointi sen takana on melko vakio – ja et halua ottaa riskiä messing ylös.
vastaavasti raaka sisältösi ja datasi saattavat pysyä samoina, mutta se, miten haluat näyttää sen, eroaa.,
erottamalla toisistaan, että back-end logiikkaa & tietoja, miten se on esitetty käännä se ”palvelu”, ja kehittäjät voivat rakentaa useita eri front-end tapoja osoittaa ja käyttää kyseistä palvelua.
Kanssa irrotettu tuotannosta asetukset, kehittäjät voivat rakentaa, ottaa käyttöön ja kokeilla front-end täysin itsenäisesti taustalla back-end-tekniikkaa.
he suunnittelevat, miltä he haluavat käyttäjäkokemuksen näyttävän ja tuntevan, ja vetävät sitten sisällöt, tiedot ja toiminnallisuuden näiden palvelujen kautta.,
Tämä on tehty käyttämällä Api: a, joka on standardi asettaa sääntöjä sovellusten välillä siitä, miten ne ovat rakenne -, vaihto -, ja koota tiedot.
Tämä setup API avulla kehittäjät voivat työskennellä nopeasti UI, joilla ei ole riski liiketoiminnalle kriittisten back-end-tekniikat.
parantaa Käyttäjän Kokemuksia
Kun yhä useammat toiminnot ovat rakennettu modulaarinen palveluihin (microservice arkkitehtuuri), joita voidaan päivittää itsenäisesti, on helpompi kokeilla, miten ne esitetään ja käytetään.,
Kylpyläpuitteet ovat hyviä leikkimään näillä palveluilla luodakseen kiehtovia, dynaamisia ja jopa animoituja käyttäjäkokemuksia.
Myös, paljon ihmisiä vain yksinkertaisesti pidä kehittää tietyllä ohjelmointikielellä (monet SPA kehykset käyttää javascript) ja kiitos APIs, Kylpylät voit rakentaa yksi kieli voi toimia iloisesti back-end-palvelut on kehitetty eri kielillä.
Yhden Sivun Hakemus Kulmikas vs Reagoida vs Ember vs Vue?,
Angular and React (ja monet muut, kuten Ember ja Vue) ovat kehyksiä, joilla kehittäjät luovat kylpylöitä tehokkaasti ja kaunopuheisesti.
yksinkertaisesti sanottuna nämä puitteet ovat kokoelma uudelleenkäytettäviä komponentteja, joihin monet kehittäjät ovat osallistuneet, jotka noudattavat määriteltyjä rakennussääntöjä.
Jos luulet sitä kuin rakentaa talon, voit sekoittaa savea, kuivaa tiilet, minun ja hometta teräs-itse – tai voit käyttää tiilet, ja putket muut ihmiset ovat jo suunniteltu ja keskittyä teidän aikaa, mikä tekee talosta ainutlaatuisen.,
mitä eroja ne kaikki, en ole mikään asiantuntija (mutta tämä kaveri tuntuu olevan), mutta suuri asia Kylpylät ja puitteet, jotka tukevat heitä, on se, että, kiitos APIs, oikea integraatiot voit käyttää kumpi framework haluat teidän muiden API-pohjaisia teknologioita.
Miksi Yhden Sivun Sovellukset ja CMSs Olivat Historiallisesti Vaikea Paritus
Kun käytät Kylpylät, kehittäjät voivat ajatella, kokemus kuin ”app” mutta vierailija ei vielä menossa, että verkkosivun, ja jos siellä on verkkosivu, on markkinointi joukkue kutina optimoida se.,
Koska Kylpylät ovat sovellukset, jotka vaativat kehitystyötä korjailla näyttö & toimitus kokemus, markkinoijat eivät tarvitse mennä takaisin digitaalisen kivikauden (eli 90-luvulla) ja pyytää kehitys auttaa jokaista nipistää – aiheuttaa väistämätöntä pullonkauloja.
Poistaa editointi työkaluja Markkinoijat ovat tottuneet
CMS editointi ominaisuuksia, markkinointi joukkueet luottaa (live preview, vedä ja pudota, WYSIWYG editointi, jne.) ovat yleensä sidottu toimitus tier CMS.,
kylpylöiden kanssa toimitus määräytyy kylpylän mukaan ja sisältö yksinkertaisesti tallennetaan CMS: ään tavanomaisella tavalla, jota APIs: t voivat lukea. Koska SPA on suoritettu front-end, back-end-CMS ei ole aavistustakaan, mitä se pitäisi näyttää, ja siksi voi spin ylös esikatselu.
joten CMS-käyttäjät päätyvät jumittumaan hyvin päivätyn lähestymistavan kanssa-täytä lomake, risti sormesi, työnnä julkaisua ja mene katsomaan, miltä se näyttää livenä.
palata meidän maali-by-numerot esimerkiksi CMS-myymälöissä raaka sisältöä (maali) ja SPA-kylpylässä on maali-by-numerot opas siitä, miten sen sisältöä pitäisi tarkastella., Esikatselussa ei ole tätä ohjetta, joten ei voi selvittää, miltä sisällön pitäisi näyttää.
Tämä on puhdasta ”päätön” toimituksen sisältöä (aka, se ei ole CMS toimitus tason kuin ”pää”). Se on hienoa, että kehittää nopeasti, mutta hieman karkea markkinoijat, jotka haluavat muuttaa sivuston omasta ilman koodia.
Rinnalla, että Markkinoijat ovat tottuneet ajattelemaan asioita ”sivut” mutta koska SPA on, no, yhden sivun, sivun rakennus ja editointi ominaisuuksia, markkinoijat tarvitsevat eivät ole käytettävissä.,
Jos he haluavat uuden” sivun ”(”reitin” kylpylässä) tai haluavat näkymän näyttävän erilaiselta, heidän on kysyttävä kehittäjältä.
oli vaikea käyttää sisältöä uudelleen
Tämä kysymys tulee kaksi keskeistä syytä, yksi vanhentunut CMSs ja muita SPA-suunnittelu.
Ensinnäkin, on olemassa tiettyjä CMSs, jossa ei yksinkertaisesti ole de-coupling, miten sisältö näyttää ja miten se on tallennettu.,
Koska varastointi sisältö ei ole vakio, neutraali esitys muodossa SPA voi käyttää API-pohjainen tapa on haluaa.
Tämä ei ole vain ongelma, kun käytetään kylpylöitä tietenkin, tällainen CMS perustettu tekee mahdottomaksi käyttää sisältöä kanavien kautta yleensä.
Koska sisältö on sidottu siihen, miten se näkyy (sivun-pohjainen järjestelmä), usein kysytyt kysymykset laitat oman sivuston voi olla vain hyväksi, että joku flip kautta heidän fiksu katsella – sinun täytyy tallentaa sama sisältö kahdella eri tavalla.,
SPA tarvitsee sisältöpohjaisen CMS: n toimiakseen kunnolla, jotta se voi vetää raakaa sisältöä ja näyttää sen miten haluaa.
SPA-side, vaikeus tulee siitä, että monet sivustot tulevat olemaan hybridi setup.
vaikka saatat haluta joitakin osia kylpylänä, saatat haluta, että toiset perustetaan perinteisellä tavalla (usein parempi SEO), ja näiden välillä on oltava yhtenäinen tunne.
jos setup on kaksi ämpärillistä sisältöä, palasia perinteiselle sivustolle ja kylpylään, että koheesio menee rikki., Tarvitset sisältöä, joka toimii kaiken yli.
Vaikea Personalization/Merkitystä
Kylpylät napata sisältöä ”palvelu” tavalla, niin että se on vähän nugget sisältöä ilman paljon yhteydessä, ei apua asiaan toimitus.
Päälle, että, paljon CMSs tehdä niiden personointi joko sivu-pohjainen (ei hyödyllistä SPA-alue), tai client-side – ja javascript personalization säännöt eivät pelaa hienosti päälle SPA javascript. Personointikeittiössä on liikaa kokkeja.
ovatko markkinoijat tuomittuja ikuisesti KYLPYLÄMAAILMASSA?
tietenkään ei!, Tarvitset vain CMS: n, jossa on arkkitehtuuri valmiina kylpyläkäyttöön.
Yksi, joka on API-pohjainen, decouples sisältöä esityksen, voi työskennellä SPA tarjoavat live-esikatselu & editointi työkaluja, tukee hybridi setup, ja ei personalization palvelimen puolella.
in below parts I ’ ll walk you through the way Bloomreach does just that.
-
Miten Bloomreach tarjoaa Yhden Sivun Sovellus Helpottaa Kehittäjät ja Markkinoijat
-
Mukauttaminen ja Hybridi-Tuki Yhden Sivun Sovelluksia