Plan razvoja API-ja web platforme: Novi standardi naspram prihvaćanja u preglednicima

Web se neprestano razvija, potaknut inovacijama u API-jima web platforme. Ovi API-ji pružaju razvojnim inženjerima alate za izradu bogatijih, interaktivnijih i sposobnijih web aplikacija. Međutim, put od predloženog standarda do širokog prihvaćanja u preglednicima rijetko je jednostavan. Ovaj blog post istražuje trenutno stanje novih API-ja web platforme, proces razvoja standarda, izazove prihvaćanja u preglednicima i što razvojni inženjeri trebaju znati kako bi ostali ispred svih.

Razumijevanje API-ja web platforme

API-ji web platforme su zbirka sučelja koja omogućuju web stranicama interakciju s preglednikom, temeljnim operativnim sustavom, pa čak i vanjskim uređajima. Omogućuju razvojnim inženjerima pristup značajkama kao što su geolokacija, pristup kameri i mikrofonu, lokalna pohrana, push obavijesti i još mnogo toga. Ovi API-ji ključni su za izgradnju modernih web aplikacija koje se mogu mjeriti s funkcionalnošću i performansama nativnih aplikacija.

Ključne kategorije API-ja web platforme

• API-ji za uređaje: Ovi API-ji omogućuju pristup hardverskim značajkama uređaja poput kamere, mikrofona, GPS-a i akcelerometra. Primjeri uključuju Camera API, Geolocation API i Ambient Light Sensor API.
• API-ji za pohranu: Ovi API-ji omogućuju web aplikacijama lokalno pohranjivanje podataka na korisnikovom uređaju. Primjeri uključuju LocalStorage, SessionStorage, IndexedDB i File System Access API.
• Komunikacijski API-ji: Ovi API-ji omogućuju komunikaciju u stvarnom vremenu između web aplikacija i poslužitelja ili drugih uređaja. Primjeri uključuju WebSockets, WebRTC i Push API.
• Grafički i multimedijski API-ji: Ovi API-ji pružaju alate za stvaranje i manipulaciju grafičkim, audio i video sadržajem. Primjeri uključuju Canvas API, WebGL, Web Audio API i Media Source Extensions (MSE).
• API-ji za performanse: Ovi API-ji omogućuju razvojnim inženjerima mjerenje i optimizaciju performansi njihovih web aplikacija. Primjeri uključuju Performance API, Resource Timing API i Navigation Timing API.

Proces razvoja standarda

Prije nego što API postane široko prihvaćen dio web platforme, obično prolazi kroz rigorozan proces standardizacije. Ovaj proces uključuje različite organizacije i dionike, uključujući proizvođače preglednika, razvojne inženjere i tijela za standardizaciju poput World Wide Web Consortium (W3C) i WHATWG (Web Hypertext Application Technology Working Group).

Ključne faze u razvoju standarda

1. Ideja i prijedlog: Proces započinje idejom za novi API ili značajno poboljšanje postojećeg. Ovu ideju obično predlaže razvojni inženjer, proizvođač preglednika ili tijelo za standardizaciju.
2. Nacrt specifikacije: Ako se prijedlog ocijeni obećavajućim, izrađuje se nacrt specifikacije. Ovaj dokument opisuje funkcionalnost, sintaksu i ponašanje API-ja. Nacrt specifikacije obično se objavljuje na javnom forumu za povratne informacije.
3. Javna revizija: Nacrt specifikacije se zatim otvara za javnu reviziju. Tijekom ove faze, razvojni inženjeri, proizvođači preglednika i drugi dionici mogu dati povratne informacije o dizajnu i implementaciji API-ja. Ove povratne informacije su ključne za identificiranje potencijalnih problema i poboljšanje upotrebljivosti i kompatibilnosti API-ja.
4. Radni nacrt: Na temelju povratnih informacija primljenih tijekom javne revizije, nacrt specifikacije se revidira i ažurira. Revidirana verzija se zatim objavljuje kao radni nacrt.
5. Kandidat za preporuku: Nakon što se radni nacrt stabilizira i API bude implementiran u najmanje dva različita preglednika, može biti promoviran u kandidata za preporuku. To ukazuje da je API blizu završetka i spreman za šire prihvaćanje.
6. Predložena preporuka: Nakon razdoblja testiranja i evaluacije, kandidat za preporuku može biti promoviran u predloženu preporuku. Ovo je posljednja faza prije nego što API postane službeni standard.
7. Preporuka (Standard): Ako predložena preporuka dobije dovoljnu podršku, konačno se odobrava kao službeni standard. To znači da se API sada smatra stabilnim i pouzdanim dijelom web platforme.

Organizacije uključene u web standarde

• World Wide Web Consortium (W3C): W3C je međunarodna zajednica koja razvija web standarde. Igra ključnu ulogu u definiranju i promicanju korištenja otvorenih web tehnologija.
• WHATWG (Web Hypertext Application Technology Working Group): WHATWG je zajednica razvojnih inženjera, proizvođača preglednika i drugih dionika koji su usredotočeni na razvoj HTML-a, DOM-a i drugih temeljnih web tehnologija.
• Internet Engineering Task Force (IETF): IETF je organizacija koja razvija i promiče internetske standarde, uključujući protokole kao što su HTTP, TCP/IP i DNS.

Izazovi prihvaćanja u preglednicima

Čak i nakon što API postane službeni standard, njegovo prihvaćanje od strane web preglednika može biti spor i neujednačen proces. To je zbog različitih čimbenika, uključujući:

• Prioriteti proizvođača preglednika: Svaki proizvođač preglednika ima svoje prioritete i plan razvoja za implementaciju novih značajki. Neki proizvođači mogu dati prednost određenim API-jima u odnosu na druge na temelju svojih strateških ciljeva i potreba svojih korisnika.
• Složenost implementacije: Implementacija novog API-ja može biti složen i dugotrajan zadatak, osobito ako je API vrlo sofisticiran ili zahtijeva značajne promjene u arhitekturi preglednika.
• Testiranje i kompatibilnost: Prije nego što se API može objaviti javnosti, mora se temeljito testirati kako bi se osiguralo da je stabilan, pouzdan i kompatibilan s postojećim web sadržajem. Ovaj proces testiranja može potrajati značajno vrijeme i resurse.
• Sigurnosni problemi: Novi API-ji mogu uvesti nove sigurnosne rizike ako nisu pažljivo implementirani. Proizvođači preglednika moraju pažljivo razmotriti sigurnosne implikacije svakog API-ja i poduzeti korake za ublažavanje bilo kakvih potencijalnih ranjivosti.
• Podrška za naslijeđe: Proizvođači preglednika također moraju uzeti u obzir utjecaj novih API-ja na postojeći web sadržaj. Moraju osigurati da novi API-ji ne narušavaju postojeće web stranice i da razvojni inženjeri imaju jasan put migracije na nove tehnologije.

Tablice kompatibilnosti preglednika i resursi

Kako bi pomogli razvojnim inženjerima u praćenju prihvaćanja novih API-ja od strane različitih preglednika, nekoliko resursa pruža detaljne tablice kompatibilnosti preglednika. Ove tablice pokazuju koji preglednici podržavaju koje API-je i koje su verzije preglednika potrebne.

• MDN Web Docs (Mozilla Developer Network): MDN Web Docs je sveobuhvatan resurs za web programere, koji pruža detaljnu dokumentaciju o HTML-u, CSS-u, JavaScriptu i API-jima web platforme. Uključuje ažurirane tablice kompatibilnosti preglednika za sve glavne API-je. https://developer.mozilla.org/
• Can I use...: Can I use... je web stranica koja pruža detaljne informacije o kompatibilnosti preglednika za širok raspon web tehnologija, uključujući HTML elemente, CSS svojstva i JavaScript API-je. https://caniuse.com/

Novi API-ji web platforme na koje treba obratiti pozornost

Nekoliko uzbudljivih novih API-ja web platforme trenutno je u razvoju ili u ranim fazama prihvaćanja. Ovi API-ji imaju potencijal značajno poboljšati mogućnosti web platforme i omogućiti nove i inovativne web aplikacije.

WebGPU API

WebGPU je novi grafički API koji ima za cilj pružiti moderan, učinkovit i siguran način za pristup GPU-u web aplikacijama. Dizajniran je da zamijeni WebGL i nudi nekoliko prednosti, uključujući poboljšane performanse, bolju podršku za moderne značajke GPU-a i dosljedniji programski model. WebGPU razvija W3C GPU for the Web Community Group.

Prednosti WebGPU-a:

• Poboljšane performanse: WebGPU je dizajniran da bude učinkovitiji od WebGL-a, omogućujući web aplikacijama postizanje većeg broja sličica u sekundi i glađe animacije.
• Moderne značajke GPU-a: WebGPU podržava moderne značajke GPU-a poput 'compute shadera', koji se mogu koristiti za općenito računanje na GPU-u.
• Dosljedan programski model: WebGPU pruža dosljedniji programski model na različitim platformama i uređajima, što razvojnim inženjerima olakšava pisanje prenosivog koda.
• Poboljšana sigurnost: WebGPU uključuje nekoliko sigurnosnih značajki koje su dizajnirane da spriječe zlonamjerni kod u iskorištavanju ranjivosti u GPU-u.

Prijedlog tipova sučelja za WebAssembly (Wasm)

WebAssembly (Wasm) je binarni format instrukcija za virtualni stroj temeljen na stogu. Dizajniran je da bude prenosiv, učinkovit i siguran način za izvršavanje koda u web preglednicima. Prijedlog tipova sučelja za Wasm ima za cilj poboljšati interoperabilnost između Wasm modula i JavaScripta pružanjem standardiziranog načina za razmjenu podataka između njih. To će olakšati pisanje Wasm modula koji se mogu besprijekorno integrirati s postojećim JavaScript kodom.

Prednosti tipova sučelja za Wasm:

• Poboljšana interoperabilnost: Prijedlog tipova sučelja olakšat će Wasm modulima razmjenu podataka s JavaScript kodom, omogućujući besprijekorniju integraciju između te dvije tehnologije.
• Smanjeni troškovi (overhead): Pružanjem standardiziranog načina razmjene podataka, prijedlog tipova sučelja može smanjiti troškove povezane s prijenosom podataka između Wasma i JavaScripta.
• Poboljšane performanse: Poboljšana interoperabilnost i smanjeni troškovi mogu dovesti do boljih performansi za web aplikacije koje koriste i Wasm i JavaScript.

WebTransport API

WebTransport je novi API koji pruža dvosmjerni, multipleksirani tok preko HTTP/3. Dizajniran je da pruži učinkovitiji i pouzdaniji način prijenosa podataka između web aplikacija i poslužitelja, posebno za aplikacije u stvarnom vremenu kao što su igre, video konferencije i prijenos uživo. WebTransport nudi nekoliko prednosti u odnosu na tradicionalne WebSockets, uključujući poboljšane performanse, bolju pouzdanost i podršku za više tokova preko jedne veze.

Prednosti WebTransporta:

• Poboljšane performanse: WebTransport koristi QUIC protokol, koji pruža nekoliko poboljšanja performansi u odnosu na TCP, uključujući smanjenu latenciju i poboljšanu kontrolu zagušenja.
• Bolja pouzdanost: WebTransport uključuje ugrađene mehanizme za rukovanje gubitkom paketa i ponovnim prijenosom, što ga čini pouzdanijim od WebSocketsa u nepouzdanim mrežnim okruženjima.
• Multipleksiranje: WebTransport podržava više tokova preko jedne veze, što može poboljšati performanse i smanjiti troškove u usporedbi s korištenjem više WebSocket veza.

Storage Access API (SAA)

Storage Access API (SAA) je dizajniran kako bi korisnicima dao veću kontrolu nad njihovom privatnošću dopuštajući im da odobre ili odbiju pristup svojim kolačićima i drugim podacima za pohranu na temelju pojedine stranice. Ovaj API je posebno relevantan u kontekstu kolačića trećih strana, koji se često koriste za praćenje korisnika na različitim web stranicama. SAA omogućuje korisnicima da blokiraju kolačiće trećih strana prema zadanim postavkama, dok im i dalje dopušta da daju pristup određenim web stranicama kojima vjeruju.

Prednosti Storage Access API-ja:

• Poboljšana privatnost: SAA daje korisnicima veću kontrolu nad njihovom privatnošću dopuštajući im da selektivno odobre ili odbiju pristup svojim podacima za pohranu.
• Poboljšano korisničko iskustvo: SAA može poboljšati korisničko iskustvo dopuštajući korisnicima da blokiraju kolačiće za praćenje, dok i dalje dopušta pouzdanim web stranicama da ispravno funkcioniraju.
• Usklađenost s propisima o privatnosti: SAA može pomoći web stranicama da se usklade s propisima o privatnosti kao što su GDPR i CCPA.

Federated Credentials Management API (FedCM)

Federated Credentials Management API (FedCM) je novi API dizajniran za poboljšanje privatnosti i sigurnosti federacijskih sustava identiteta. Federacijski sustavi identiteta omogućuju korisnicima prijavu na web stranice koristeći svoje vjerodajnice od pouzdanog pružatelja identiteta (IdP), kao što su Google ili Facebook. FedCM ima za cilj zaštititi korisnike od praćenja i phishing napada pružanjem sigurnijeg i privatnijeg načina upravljanja federacijskim vjerodajnicama.

Prednosti Federated Credentials Management API-ja:

• Poboljšana privatnost: FedCM štiti korisnike od praćenja sprječavanjem web stranica da pristupe njihovim informacijama o identitetu bez njihovog izričitog pristanka.
• Poboljšana sigurnost: FedCM smanjuje rizik od phishing napada pružanjem sigurnijeg načina upravljanja federacijskim vjerodajnicama.
• Pojednostavljeno korisničko iskustvo: FedCM pojednostavljuje postupak prijave za korisnike dopuštajući im da se besprijekorno prijave na web stranice koristeći svoje postojeće vjerodajnice.

Strategije za razvojne inženjere

S obzirom na složenost razvoja standarda i prihvaćanja u preglednicima, razvojni inženjeri trebaju usvojiti strategije kako bi osigurali da su njihove web aplikacije kompatibilne sa širokim rasponom preglednika i uređaja.

Progresivno poboljšanje

Progresivno poboljšanje je strategija koja uključuje izradu web aplikacija u slojevima, počevši od osnovne razine funkcionalnosti koju podržavaju svi preglednici, a zatim dodajući naprednije značajke za preglednike koji ih podržavaju. Ovaj pristup osigurava da svi korisnici mogu pristupiti osnovnoj funkcionalnosti aplikacije, čak i ako koriste stariji ili manje sposoban preglednik.

Detekcija značajki

Detekcija značajki je tehnika koja uključuje provjeru podržava li korisnikov preglednik određeni API ili značajku prije nego što se pokuša koristiti. To omogućuje razvojnim inženjerima da pruže alternativnu funkcionalnost ili elegantno smanje korisničko iskustvo ako značajka nije podržana.

Polyfillovi

Polyfill je dio koda koji pruža funkcionalnost nedostajućeg API-ja ili značajke u starijim preglednicima. Polyfillovi se mogu koristiti za premošćivanje jaza između starijih i novijih preglednika, omogućujući razvojnim inženjerima korištenje modernih API-ja bez žrtvovanja kompatibilnosti sa starijim preglednicima.

Testiranje i validacija

Temeljito testiranje i validacija ključni su za osiguravanje kompatibilnosti web aplikacija sa širokim rasponom preglednika i uređaja. Razvojni inženjeri trebali bi testirati svoje aplikacije na različitim preglednicima, operativnim sustavima i uređajima kako bi identificirali i popravili sve probleme s kompatibilnošću. Alati za automatizirano testiranje mogu se koristiti za pojednostavljenje procesa testiranja i osiguravanje da su svi dijelovi aplikacije temeljito testirani.

Zaključak

API-ji web platforme neprestano se razvijaju, potaknuti inovacijama i potrebom da se razvojnim inženjerima pruže alati za izradu sposobnijih i zanimljivijih web aplikacija. Iako proces razvoja standarda i prihvaćanje u preglednicima mogu biti složeni i dugotrajni, razvojni inženjeri mogu ostati ispred svih informiranjem o novim API-jima, usvajanjem strategija poput progresivnog poboljšanja i detekcije značajki te temeljitim testiranjem svojih aplikacija na širokom rasponu preglednika i uređaja. Prihvaćanjem ovih strategija, razvojni inženjeri mogu osigurati da su njihove web aplikacije kompatibilne, učinkovite i dostupne svim korisnicima, bez obzira na preglednik ili uređaj koji koriste. Budućnost weba je svijetla, a ovi novi standardi utiru put novim i uzbudljivim mogućnostima.