Server-side Javascript / DOM - søk vennlig AJAX? - 💡 Fix My Ideas

Server-side Javascript / DOM - søk vennlig AJAX?

Server-side Javascript / DOM - søk vennlig AJAX?


Forfatter: Ethan Holmes, 2019

John Resig postet i går om hans eksperimenter med å lage et fullt Javascript / DOM pseudo-nettlesermiljø som går fra kommandolinjen:

I helgen tok jeg et stort skritt i opping ante for JavaScript som et språk. På et tidspunkt i fredag ​​kveld startet jeg koding og stoppet ikke til noen ganger midt på mandag. Resultatet er en god nok nettleser / DOM-miljø, skrevet i JavaScript, som løper på toppen av Rhino; i stand til å kjøre jQuery, Prototype, og MochiKit (i det minste).

Den veldig hyggelige kontakten er at du kan utstede PUT og DELETE forespørsler på XMLHttpRequest-objektet for å manipulere filer på det lokale filsystemet! Her er et eksempelskript som skraver posttitler fra alistapart.com og lagrer dem i en fil (husk, dette kjører på serveren som et shell-skript):

last ( "env.js"); window.location = "http://alistapart.com/"; window.onload = function () {load ("dist / jquery.js"); var str = "Nyeste En Liste Apart Posts: n"; $ ("h4.title"). hver (funksjon () {str + = "-" + this.textContent + "n";}); var ut = ny XMLHttpRequest (); out.open ("PUT", "fil: /tmp/alist.txt"); out.send (str); };

Søk vennlig AJAX Når du laster et HTML-skjerm med innholdstast og fyller det på nettlesersiden med innhold fra en XML-kilde, kommer du til en side som er i hovedsak usynlig for søkemotorer. En løsning for dette, kort for å ha alle sideforespørsler, fyller full HTML, er å forhåndsbehandle innhold til siden på serversiden. Eventuelt innholdsforfriskning eller manipulering kan fortsatt gjøres på klientsiden via AJAX.

Problemet med denne metoden er at du har en kodebase som gjør sidene dine på serversiden, og deretter en annen Javascript-kodebase som i hovedsak utfører samme funksjon på klientsiden. Det er to ganger arbeidet. To ganger løsningen også.

Tenk deg å utvide denne server-side Javascript bevis på konseptet i en generell arkitektur for dynamiske, AJAX-stil nettsteder. Det er ingen grunn til at du ikke kunne bruke et Javascript-bibliotek til å forhåndsbehandle sider som de blir servert, og bruk så nøyaktig samme kode for å oppdatere sidens innhold på klientsiden.

Ta dette dual-mode Javascript-konseptet videre, og du kan gi alle dine dynamiske anker-tagger en href = "url.html" samt en onclick = "loadFoo ('url.xml')". Javascript-kompatible nettlesere kan dra nytte av AJAX-brukergrensesnittfunksjonene, mens søkemotorer fortsatt kan navigere dokumentene dine på riktig måte.

Automatisert testing Den andre fine funksjonen som Johns hack gir, er en mekanisme for å enkelt teste og feilsøke Javascript-koden. Du kan kode enhetstestene dine i Javascript mens du skriver nettappene dine, og utfører dem enkelt mot programvaren din, akkurat som en tradisjonell utviklingsprosess ville ha en "make test" (eller tilsvarende) prosedyre.

Andre ideer Noen andre applikasjoner kommer umiddelbart til tankene, det mest åpenbare å være søk. Et robust Javascript / DOM-miljø som legges til gjennomsøkingsprosessen, kan gjøre mye tidligere utilgjengelig innhold plutselig lettere for et søkemotoren å fordøye.

Har du ideer eller umiddelbare bruksområder for server-side AJAX? Gi oss en rop i kommentarene!

Ta nettleseren til serveren - Link



Du Kan Være Interessert

Komme til World Maker Faire på New York Hall of Science

Komme til World Maker Faire på New York Hall of Science


Massiv Stargate rekvisitter auksjon

Massiv Stargate rekvisitter auksjon


BUST Craftacular på World Maker Faire

BUST Craftacular på World Maker Faire


Maker Faire CRAFT Demo Profil: Tiffany Threadgould

Maker Faire CRAFT Demo Profil: Tiffany Threadgould