Za prvé, jste s největší pravděpodobností pravidelným uživatelem jednostránkových aplikací (SPAs) již.
jednostránkové aplikace jsou skvělým nástrojem pro vytváření neuvěřitelně poutavých a jedinečných zážitků pro vaše uživatele.
Některé Single Page Aplikace, příklady jsou, jako je Gmail, Google Maps, AirBNB, Netflix, Pinterest, Paypal, a mnoho dalších jsou pomocí Lázně vybudovat tekutiny, škálovatelné zkušenosti.,
v minulosti však Lázně zanechaly obchodníky ve tmě, pokud jde o správu obsahu. Naštěstí je nyní možné spárovat vaše lázně se správným CMS, aby vývojáři i obchodníci získali úroveň kontroly, kterou potřebují.
co je aplikace pro jednu stránku?
single page application (SPA) je jedna stránka (odtud název), kde mnoho informací zůstává stejné a pouze několik kusů je třeba aktualizovat najednou.,
například při procházení e – mailem si všimnete, že během navigace se příliš nemění-postranní panel a záhlaví zůstávají nedotčeny, když procházíte doručenou poštou.
SPA odesílá pouze to, co potřebujete, s každým kliknutím, a váš prohlížeč vykresluje tyto informace. To se liší od tradičního načtení stránky, kde server znovu vykreslí celou stránku s každým kliknutím a odešle ji do prohlížeče.
tento kus po kousku, metoda na straně klienta je doba načítání musí být rychlejší pro uživatele a činí množství informací server musí poslat mnohem méně a mnohem nákladově efektivnější., Výhra.
co je architektura aplikace pro jednu stránku? Jak to funguje?
single page aplikace je webová aplikace nebo webové stránky, která interaguje s uživatelem pomocí dynamicky přepisování aktuální stránky, spíše než načtení celé nové stránky ze serveru.
Tento přístup dutin přerušení uživatelské zkušenosti mezi po sobě jdoucích stránek, tvorba aplikace chovat více jako desktopové aplikace.
na většině webových stránek je spousta opakujícího se obsahu.,
Některé to zůstane stejné bez ohledu na to, kde uživatel přejde (záhlaví, zápatí, loga, navigační lišty, apod), některé z nich je konstantní jen v určitém úseku (filtru bary, bannery), a existuje mnoho opakování rozvržení a šablony (blogy, self-service, google nastavení pošty je uvedeno výše).
aplikace s jednou stránkou využívají tohoto opakování.
řekněme, že váš pohled na web je obraz domu a stromu. Tradiční, vícestránkové webové stránky malovat celý obrázek pro vás na serveru a odeslat ji do prohlížeče.,
SPAs vám průvodce malování podle čísel pro web, včetně opakujících se průvodců, které pravděpodobně používáte, a poté vyplní správnou barvu (data a obsah) pro vyplnění šablony.
jak vidíte, stejný strom, ale rychlost LÁZNĚ přijde, když žádost o nový obsah, jako kliknutí na „další“, filtrování výsledků, otevření mailu, nebo – v tomto trochu metafora – ptá se na jiný strom.
na tradičním webu by vaše žádost o nový strom způsobila, že server překreslí celý obrázek a odešle jej zpět.,
S Single Page Aplikace, server říká, „hej, mám nový strom pro vás, ale vy už máte dům, takže jen tak odejít, že stejné“, pak vám pošle aktualizované pokyny pro nový strom a barvy, aby se to.
přenesením malířské práce (vykreslování stránek) ze serveru na klienta (vy) může být stránka dynamicky přepsána, místo aby procházela celým obnovením.
to dělá věci mnohem rychleji.,
Single Page Aplikací Výhody
Existuje mnoho výhod pro SPA řešení, jak zlepšit výkon aplikací a konzistenci, a snížit dobu vývoje a náklady na infrastrukturu.
oddělením prezentace od obsahu a dat mohou vývojové týmy pracovat různými rychlostmi a zároveň být integrovány pro celkové řešení. SPA je vhodný pro vytváření responzivního designu pro mobilní telefony, stolní počítače a tablety.,
Single time File Load každý z HTML, CSS, JS
single Page aplikace, po počátečním načtení stránky, server neposílá žádné další HTML na vás-můžete si ji stáhnout v pořádku na začátku.
server vám pošle stránku shellu a váš prohlížeč vykreslí uživatelské rozhraní (UI).
Pak, když klepnete na tlačítko kolem, SPA pošle zpět žádosti o údaje a značení, server výhonky zpět potřebné suroviny, a váš prohlížeč bere a poskytuje aktualizovaný UI – vymění kusy, aniž byste museli aktualizovat celou stránku.,
Tato rychlá zaměnitelnost činí Lázně neuvěřitelně užitečnými na stránkách, které jsou vysoce navigované a používají opakující se šablony.
Žádné Další Dotazy na Server
Protože server nebude muset trávit čas & energie dělat na plný kreslení, Lázně nižší dopad na vaše servery celkový – což znamená, že můžete ušetřit peníze pomocí méně serverů za stejné množství provozu.
Rychlý a Citlivý Front-end Postavený
Spolu s rychlejší výkon čas je vysvětleno výše, Lázně také nechal vývojáři vytvářet front-end hodně rychleji.,
To je způsobeno oddělenou architekturou lázní nebo oddělením back-end služeb a front-end displeje.
mnoho funkcí kritických pro podnikání se na back-end tolik nemění.
Zatímco, jak vaše zákazníky, přihlásit se, registrovat, koupit a sledovat objednávky se může změnit, že je to „pohled“ nebo prezentaci, čas od času, logiky a dat, orchestrace za to je docela konstantní a nechcete riskovat to pokazil.
podobně může váš surový obsah a data zůstat stejný, ale jak jej chcete zobrazit, liší se.,
oddělení, které back-end logika & data z, jak je to prezentováno to změníš na „služby“, a vývojáři mohou vytvořit mnoho různých front-end způsoby, jak zobrazit a používat tuto službu.
S oddělenou nastavení, mohou vývojáři vytvářet, nasazovat, a experimentovat s front-end zcela nezávisle na podkladových back-end technologie.
navrhují, jak chtějí, aby uživatelský zážitek vypadal a cítil, a pak prostřednictvím těchto služeb vtáhne obsah, data a funkčnost.,
To se provádí pomocí API, což je standardní soubor pravidel mezi aplikacemi o tom, jak budou strukturovat, vyměňovat a znovu sestavovat data.
toto nastavení API umožňuje vývojářům rychle pracovat na uživatelském rozhraní bez rizika pro kritické back – end technologie.
Vylepšené uživatelské zkušenosti
protože stále více funkcí je postaveno jako modulární služby (Architektura microservice), které lze aktualizovat nezávisle, je snazší experimentovat s tím, jak jsou zobrazeny a používány.,
rámce SPAs jsou skvělé pro hraní s těmito službami, aby vytvořily poutavé, dynamické a dokonce i animované uživatelské zážitky.
Také, mnoho lidí prostě jako rozvoj v určitém programovacím jazyce (mnoho SPA rámců použít javascript) a díky Api, Lázně budete stavět v jednom jazyce může spokojeně pracovat s back-end služby vyvinuté v různých jazycích.
jednostránková aplikace s úhlovou vs reagovat vs Ember vs Vue?,
Úhlové a Reagovat (a mnoho dalších, jako jsou Uhlík a Vue) jsou rámce, které vývojáři použít k vytvoření Lázně efektivně a výmluvně.
Jednoduše řečeno, tyto rámce jsou kolekce opakovaně použitelných komponent, které mnoho vývojářů přispělo, že dodržovat definovanou sadu stavebních pravidlech.
Pokud si myslíte, že to jako stavba domu, můžete smíchat jíl, suché cihly, moje a plísně oceli sebe – nebo můžete použít cihly a trubky a další lidé již navrženy a soustředit svůj čas na to, co dělá váš dům jedinečný.,
co se týče rozdílů mezi nimi všechny, nejsem odborník (ale ten chlap se zdá být), ale skvělá věc, o Lázních a rámců, které je podporují je, že díky Api, s právem integrace můžete použít rámec, podle toho, co jste raději s ostatními API-povoleno technologií.
Proč Single Page Aplikací a CMSs Byly Historicky Obtížné Párování
Při použití Lázně, vývojáři si mohou myslet, zkušenosti jako „aplikace“, ale návštěvník je stále myslet na to, jak stránky, a tam, kde je webová stránka je marketingový tým svědění optimalizovat.,
, Protože Lázně jsou aplikace, které vyžadují práci na vývoji pohrát s displejem & dodávka zkušenosti, obchodníci se museli vrátit do digitální doby kamenné (aka 90. let), a požádat o rozvojové pomoci pro každý vyladit – což způsobuje nevyhnutelné překážky.
odstraněno nástroje pro úpravy obchodníci se používají k
funkce pro editaci CMS marketingové týmy spoléhají na (živý náhled, drag-and-drop, úpravy WYSIWYG atd.) ,
U lázní je dodávka určena lázněmi a obsah je jednoduše uložen v CMS standardním způsobem, jakým API mohou číst. Protože lázně jsou vykresleny na front-end, back-end CMS netuší, jak by měl vypadat, a proto nemůže roztočit náhled.
Tak uživatelům CMS skončit s velmi starý přístup – vyplnit formulář, přes prsty, tlačit publikovat, a jít se podívat, co to vypadá jako živé.
Chcete-li se vrátit k našemu příkladu malování podle čísel, CMS ukládá surový obsah (barvu) a SPA má průvodce barvami podle čísel o tom, jak by měl tento obsah vypadat., Náhled nemá tuto příručku, takže nemůže přijít na to, jak by měl obsah vypadat.
Toto je čistě „bezhlavý“ dodávka obsah (aka, nemusí to CMS dodání tier jako „hlava“). Je to skvělé pro rychlý vývoj, ale trochu drsné pro obchodníky, kteří chtějí změnit web sami, aniž by museli kódovat.
vedle toho jsou obchodníci zvyklí myslet na věci v „stránkách“, ale protože lázně jsou, No, jedna stránka, kterou obchodníci potřebují, nejsou k dispozici.,
pokud chtějí novou „stránku“ („trasu“ v lázních) nebo chtějí, aby pohled vypadal jinak, musí se zeptat vývojáře.
bylo obtížné, aby znovu použít obsah
Tento problém pochází ze dvou základních důvodů, jeden s staromódní CMSs a druhý z LÁZNÍ.
nejprve existují určité CMSs, kde prostě není de-vazba o tom, jak váš obsah vypadá a jak je uložen.,
protože ukládání obsahu není ve standardním, prezentačním neutrálním formátu, nelze jej použít způsobem založeným na API.
to není jen problém při používání SPAs samozřejmě, tento druh nastavení CMS znemožňuje opětovné použití obsahu napříč kanály obecně.
, Protože obsah je vázána na to, jak je zobrazen (stránky založené na systému), Faq umístíte na vaše webové stránky nemůže být využit pro někoho listovat na jejich chytré hodinky – budeš muset ukládat stejný obsah na dvou různých způsobů.,
SPA potřebuje obsahový CMS, aby fungoval správně, aby mohl vytáhnout surový obsah a zobrazit jej, jak chce.
Na SPA-side, obtížnost vychází ze skutečnosti, že mnoho webových stránek bude hybridní setup.
Zatímco možná budete chtít některé díly jako SPA, možná budete chtít, jiní nastavit v tradičním způsobem (často lepší pro SEO), a tam musí být soudržný pocit mezi nimi.
pokud je vaše nastavení dva kbelíky obsahu, kusy pro tradiční stránky a Lázně, že soudržnost se chystá zlomit., Potřebujete obsah, který funguje ve všem.
Obtížné s Personalizace/Relevance
Lázně uchopit obsah v „služby“ tak, tak, že je to trochu nugget obsahu bez velké souvislosti – není velká pomoc v příslušné dodávky.
Na vrcholu se, že mnoho CMSs jejich personalizace buď stránky založené (není užitečné v LÁZNÍCH), nebo na straně klienta – a ty, javascript personalizace pravidla nehrají moc dobře na horní části LÁZNÍ, javascript. Příliš mnoho kuchařů v kuchyni personalizace, pokud chcete.
jsou obchodníci odsouzeni navždy v lázeňském světě?
samozřejmě ne!, Jednoduše potřebujete CMS, který má architekturu připravenou pro lázeňské použití.
ten, který je API založené, odděluje obsah od prezentace, může pracovat s SPA poskytovat živý náhled & editační nástroje, podporuje hybridní nastavení, a to přizpůsobení na straně serveru.
v níže uvedených částech vás provedu způsobem, jakým Bloomreach dělá právě to.
-
Jak Bloomreach nabízí Single Page Aplikace Snadné pro Vývojáře a Marketingu
-
Personalizace a Hybridní Podpora pro Single Page Aplikací