15 Web-sovellusliittymää, joista et ole koskaan kuullut

Sivu 1/2: Web-sovellusliittymät kehitteillä

Verkkosovellusliittymiä on valtava määrä käytettävissä, ja joskus verkkokehittäjänä voi olla vaikea seurata uusia. Löydät paljon upeita sovellusliittymiä parhaista oppaistamme JavaScript-sovellusliittymät , HTML-sovellusliittymät ja Google-sovellusliittymät . Tässä olemme koonneet hyödyllisesti luettelon web-sovellusliittymistä, joita ei ole vielä viimeistelty, mutta joista todennäköisesti tulee tärkeitä seuraavina kuukausina tai vuosina. Näitä ovat sovellusliittymät maksujen käsittelyyn, antureihin yhdistämiseen ja muuhun.

Jos haluat pysyä ajan tasalla viimeisimmistä kehityksistä, voit katsoa GitHub-sivua Verkkoinkubaattorin yhteisöryhmä , tai W3C: n uutissivu . Pysy kanavalla!



01. Maksupyynnön sovellusliittymä

Kun tarkastelet maksulomakkeita ja työnkulkuja verkkosivustoilla ja verkkosovelluksissa, ne eroavat usein toisistaan. Työnkulun tulisi kuitenkin periaatteessa olla aina sama: vahvista ostoskori, lisää toimitus- ja laskutusosoite, valitse maksutapa, vahvista kaikki, hyväksy ehdot ja lähetä lopullinen pyyntölomake.



Käytettävyyden kannalta tällä erolla voi olla todellakin negatiivinen vaikutus. Vastaavasti uuden maksuvirran käyttöönotto aina, kun sitä tarvitaan, voi olla kehittäjälle erittäin aikaa vievä prosessi: on käytettävä erilaisia ​​lomakkeita, eri maksutavat, kuten PayPal tai luottokortti, on integroitava ja kaiken on oltava turvallista.

W3C: n tällä hetkellä kehittämä Payment Request -sovellusliittymä näyttää yksinkertaistavan prosessia kaikille. Sen tarkoituksena on helpottaa ja standardoida maksun työnkulkujen luomista ja tarjota useita käyttöliittymiä.



miten myydä logosuunnittelu asiakkaalle

02. Web Share -sovellusliittymä ja Web Share Target -sovellusliittymä

Nämä sovellusliittymät standardoivat resurssien jakamisen sovelluksesta toiseen

Nämä sovellusliittymät standardoivat resurssien jakamisen sovelluksesta toiseen

Web Share -sovellusliittymän tavoitteena on tarjota standardoitu tapa jakaa resursseja (teksti, kuvat, URL-osoitteet ja niin edelleen) mobiilisovelluksesta käyttäjän määrittelemään kohteeseen - tämä voi olla toinen mobiilisovellus, verkkosivusto tai järjestelmä mobiilin käyttöjärjestelmän tarjoama palvelu.

Web Share -sovellusliittymä laajentaa molempia käyttöliittymiä Navigator ja WorkerNavigator menetelmällä Jaa() , joka käyttää jaettua resurssia parametrina. Vaikka Web Share -sovellusliittymä määrittelee, miten resursseja jaetaan, Web Share Target -sovellusliittymä määrittää, miten tällaisia ​​jaettuja resursseja vastaanotetaan. Sovellukset (joko alkuperäiset tai verkko) ja muut palvelut voivat käyttää tätä sovellusliittymää rekisteröidäkseen itsensä jakamistapahtumaan jaettujen resurssien vastaanottamiseksi.



03. WebUSB-sovellusliittymä

USB on yksi tavallisimmista tavoista liittää ulkoiset laitteet tietokoneeseen. Vaikka laitteet, kuten hiiri ja näppäimistö, tunnistetaan automaattisesti, harvinaisemmat laitteet vaativat natiivien ohjaimien (toisin sanoen natiivikoodin) asentamisen. Tämä alkuperäinen koodi tarkoittaa, että selain ei voi käyttää näitä laitteita tavalliseen tapaan.

Tässä tulee esiin WebUSB-sovellusliittymä: idea on, että USB-laitteet paljastavat palvelunsa tämän sovellusliittymän kautta, jotta verkkosovellukset voivat käyttää näitä palveluja. Tämän saavuttamiseksi käyttöliittymä Navigator laajennetaan kiinteistön kanssa USB , joka antaa sinulle pääsyn tyypin objektiin USB , tämän sovellusliittymän tärkein lähtökohta. Menetelmän käyttö getDevices () voit esimerkiksi hakea luettelon kaikista tällä hetkellä käytettävissä olevista laitteista ja aloittaa sen jälkeen suoraan työskentelyn niiden kanssa.

04. Geofencing-sovellusliittymä

Geofencing-sovellusliittymän avulla voit määrittää maantieteelliset rajat

Geofencing-sovellusliittymän avulla voit määrittää maantieteelliset rajat

Tänään voit jo määrittää laitteen nykyisen maantieteellisen sijainnin Geolocation API: n kautta. Uuden Geofencing-sovellusliittymän avulla on kuitenkin mahdollista asettaa maantieteelliset rajat tiettyjen sijaintien ympärille ja saada ilmoitus, kun laite tulee näihin paikkoihin tai poistuu niistä. Sovellusliittymä perustuu palvelutyöntekijöihin, joten vaikka Geofencing-sovellusliittymää käytetään suljetussa verkkosovelluksessa, se saa silti ilmoituksia.

05. Presentation API

Presentation API: ta voidaan käyttää esitysten hallintaan JavaScriptin avulla

Presentation API: ta voidaan käyttää esitysten hallintaan JavaScriptin avulla

HTML5-, CSS- ja JavaScript-pohjaisten esitysten luomiseen on paljon kirjastoja. Ei ole kuitenkaan tavanomaista tapaa käsitellä esityksen ohjaavan osan ja varsinaisen esityksen välisiä vuorovaikutuksia. Tällöin Presentation API tulee esiin.

Ajatuksena on pystyä saamaan yksi verkkosivu, joka sisältää esityksen, ja yksi verkkosivu, joka suorittaa koodin esityksen hallitsemiseksi. Esittävän laitteen ominaisuuksista ja yhteysmekanismista (DVI, HDMI, Chromecast, AirPlay ja niin edelleen) riippuen joko molemmat verkkosivut toimivat samassa käyttäjäagentissa (ohjauslaitteessa) tai yksi suoritetaan ohjausagentin käyttäjäagentissa kun toinen toimii käyttäjän agentissa esittelevässä laitteessa.

06. Muotoilun sovellusliittymä

Kyky havaita kuvien muodot voi olla erittäin hyödyllinen (ajattele Facebookin kasvojentunnistusominaisuuksia), ja tähän on saatavana joitain kirjastoja, kuten tracking.js . Shape Detection -sovellusliittymä, joka on parhaillaan käynnissä, määrittelee rajapinnat erilaisten muotojen havaitsemiseksi pysäytyskuvista tai reaaliaikaisista syötteistä.

Nykyisessä vaiheessa API: lla on kolme ali-API: ta: yksi kasvojen havaitsemiseen, toinen viivakoodien ja toinen tekstin havaitsemiseen. Näitä kolmea rajapintaa FaceDetector, BarcodeDetector ja TextDetector käytetään kaikkia samalla tavalla: ne kaikki tarjoavat menetelmän havaita() , joka ottaa kuvan lähteen syötteeksi ja palauttaa a Lupaus esine havaittujen muotojen sekvenssillä.

07. Async Cookies -sovellusliittymä

Nykyinen käyttöliittymä evästeiden kanssa ( document.cookie ) ei ole kovin mukava: evästeiden lisäämiseen, lukemiseen tai poistamiseen ei ole vakiomenetelmiä, joten kaikki tämä on tehtävä manuaalisesti merkkijonojen jäsentämisen ja merkkijonon manipuloinnin avulla. Tietysti on auttajakirjastoja kaikkien näiden toimintojen helpottamiseksi, mutta Async Cookies -sovellusliittymän avulla se on myös paljon helpompaa ja suorituskykyisempää.

Ajatuksena ei ole tallentaa evästeitä vain document.cookie , mutta anna myös uusi nimi nimeltä cookieStore , joka on käytettävissä sekä verkkosivuilla että palvelutyöntekijöillä. Kohteessa on menetelmiä, kuten kirjoittaa() ja aseta() evästeiden lisäämiseksi, poistaa() niiden poistamiseksi ja lukea() evästeiden lukemiseen. Ne kaikki toimivat asynkronisesti, joten vaikka evästeiden käsittely vie kauemmin, tämä ei vaikuta kokonaissuorituskykyyn.

08. Syöttölaitteen ominaisuudet -sovellusliittymä

Tulotapahtumat, kuten napsautustapahtuma, ovat vain abstrakteja esityksiä laitteen syötteestä; ne eivät sisällä tietoja varsinaisesta laitteesta, jota on käytetty tapahtuman luomiseen. Kehittäjien on tehtävä oletuksia siitä, mikä todellinen syöttölaite laukaisi tällaisen tapahtuman.

paras kannettava tietokone valokuvien muokkaamiseen alle 500

Tukemalla sekä hiiri- että kosketustapahtumia tämä voi johtaa ongelmiin ja vaikeuksiin: on vaikea selvittää, onko jokin tapahtuma (esim. mousedown ) laukaistiin hiirestä (koska hiirtä käytetään) tai vain yhteensopivuussyistä (mutta varsinainen laite on kosketuslaite).

Uusi Input Device Capacity -sovellusliittymä haluaa ratkaista nämä ongelmat ja esittelee uuden käyttöliittymän ( InputDeviceCapability ), joka tarjoaa tietoa laitteesta uuden ominaisuuden kautta sourceCapability n UIEvent käyttöliittymä.

09. FlyWeb-sovellusliittymä

Esineiden internetin noustessa laitteiden ja elektroniikan yhteys ja vuorovaikutus toistensa kanssa on yhä tärkeämpää. Mozilla-tiimin kehittämän FlyWeb-sovellusliittymän idea on pystyä palvelemaan verkkosovelluksia elektroniikassa ja muodostaa yhteys näihin sovelluksiin muusta elektroniikasta (esimerkiksi älypuhelimilla) samassa verkossa.

Sano, että haluat liittää älypuhelimen pelikonsoliin. Jälkimmäinen tarjoaisi pienen FlyWeb-palvelimen, ja tämä olisi sitten näkyvä älypuhelimelle.

10. Push API

Push-sovellusliittymän avulla palvelimet voivat lähettää viestejä asiakkaalle

Push-sovellusliittymän avulla palvelimet voivat lähettää viestejä asiakkaalle

Perinteisissä verkkosovelluksissa palvelimella ei ollut mitään tapaa lähettää aktiivisesti viestejä asiakkaalle - esimerkiksi päivittää uutiskirje tai päivittää reaaliaikaista datavirtaa. Sen sijaan kehittäjät käyttivät tekniikoita, kuten Long Polling, XHR Polling tai Hidden Frames, reaaliaikaisen yhteyden simuloimiseksi. Onneksi Web-pistorasioiden ja palvelimelta lähetettyjen tapahtumien (SSE) ansiosta nämä tekniikat eivät ole enää tarpeen.

Web Socketsin avulla voit toteuttaa kaksisuuntaisen viestinnän asiakkaan ja palvelimen välillä ja SSE: n kanssa yksisuuntaisen viestinnän palvelimelta asiakkaalle, mikä on täydellinen päivitysten lähettämiseen aktiivisesti palvelimelta asiakkaalle. Molemmat tekniikat edellyttävät kuitenkin, että selainikkuna / välilehti on auki päivitysten vastaanottamiseksi.

Uuden Push-sovellusliittymän kanssa tämä ei ole välttämätöntä: se on kytketty suoraan Service Worker -sovellusliittymään ja antaa palvelutyöntekijöiden vastaanottaa viestejä palvelimelta. Tämä tarkoittaa, että vaikka verkkosovellus olisi suljettu, palvelutyöntekijä voi silti vastaanottaa viestejä - esimerkiksi jos haluat lähettää ilmoituksia Notifications API ilmoittaa käyttäjälle mahdollisista päivityksistä.

Seuraava: 5 uutta uutta sovellusliittymää, joista sinun on tiedettävä

  • 1
  • kaksi

Tämänhetkinen sivu: Web-sovellusliittymät kehitteillä

Seuraava sivu Lisää sovellusliittymiä kehitteillä