API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway) · Oppitunti

HTTP/2 ja Nginxin optimointi

Hyödyntäkää HTTP/2-protokollan ominaisuuksia Nginxissä verkkosovellusten latausaikojen ja tehokkuuden parantamiseksi.

Oppitunti 2/411 vaihetta

HTTP/2 ja Nginxin optimointi on ilmainen API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-kurssilla on yhteensä 4 oppituntia.

Paranna suorituskykyä HTTP/2:lla

Tervetuloa! Tänään tutustumme HTTP/2:een, HTTP/1.1:n seuraajaan, ja siihen, miten sitä voidaan hyödyntää Nginxin kanssa verkkosovelluksen suorituskyvyn merkittävään parantamiseen.

HTTP/2 sisältää monia optimointeja, jotka tekevät verkkoselauksesta käyttäjille nopeampaa ja tehokkaampaa.

Miksi päivittää? HTTP/1.1:n rajoitukset

Ymmärretään ensin, miksi HTTP/2 tarvittiin. HTTP/1.1 on laajasti käytössä, mutta siinä on joitakin pullonkauloja:

  • Head-of-Line Blocking: Yhteyttä kohti voidaan käsitellä vain yksi pyyntö kerrallaan.
  • Useat yhteydet: Selaimet avaavat resursseja varten useita yhteyksiä, mikä lisää kuormaa.
  • Tehottomat otsakkeet: Otsakkeet lähetetään pakkaamattomina jokaisen pyynnön mukana.

HTTP/2:n ydin: multipleksoinnin taika

Yksi HTTP/2:n tärkeimmistä ominaisuuksista on multipleksointi. Sen ansiosta useita pyyntöjä ja vastauksia voidaan lähettää ja vastaanottaa samanaikaisesti yhden TCP-yhteyden kautta.

Kuvitelkaa yksikaistaisen tien sijaan yksi monikaistainen moottoritie, jolla autot voivat kulkea samanaikaisesti toistensa ohi.

Pienemmät otsakkeet HPACKilla

HTTP/2 käyttää pyyntöjen ja vastausten otsakkeisiin HPACK-pakkausta. Sen sijaan että täydelliset, toistuvat otsakkeet lähetettäisiin jokaisen pyynnön mukana, HPACK:

  • Pakkaa otsakekentät.
  • Käyttää aiemmin lähetettyjen otsakkeiden yhteistä indeksitaulukkoa.

Tämä vähentää kuormaa huomattavasti ja nopeuttaa siirtoja erityisesti silloin, kun pyyntöjä on paljon ja ne ovat pieniä.

Ennakoiva sisältö: Server Push

Toinen tehokas ominaisuus on Server Push. HTTP/1.1:ssä asiakas pyytää HTML-sivua, jäsentää sen ja pyytää sen jälkeen siihen liittyvät CSS-tiedostot, JavaScriptin ja kuvat.

Server Pushin avulla palvelin voi lähettää ennakoidut resurssit asiakkaalle ennen kuin asiakas edes pyytää niitä, mikä vähentää viivettä ja nopeuttaa sivun latautumista.

Nginxin ja HTTP/2:n yhteensopivuus

Nginxillä on erinomainen ja kypsä HTTP/2-tuki. Yhdistämällä Nginxin suorituskyvyn HTTP/2:n tehokkuuteen voitte toimittaa verkkosisältöä nopeammin ja luotettavammin.

HTTP/2:n käyttöönotto Nginxissä on suoraviivaista, ja se toimii saumattomasti nykyisten määritysten kanssa.

HTTP/2:n käyttöönotto Nginxissä

Voitte ottaa HTTP/2:n käyttöön Nginxissä lisäämällä http2-parametrin server-lohkon listen-direktiiviin. Muistakaa, että HTTP/2:ta käytetään lähes aina SSL/TLS:n (HTTPS:n) kanssa suojauksen ja selainyhteensopivuuden vuoksi.

Tältä se näyttää:

server {
  listen 443 ssl http2;
  # other directives...
}

Täydellinen HTTP/2-esimerkki Nginxille

Tarkastellaan täydellisempää Nginx-palvelinlohkoa, joka ottaa HTTP/2:n käyttöön yhdessä SSL/TLS:n kanssa. Tämän määrityksen avulla palvelin voi viestiä asiakkaiden kanssa nopeamman HTTP/2-protokollan välityksellä.

server {
  listen 443 ssl http2;
  listen [::]:443 ssl http2;

  server_name example.com www.example.com;

  ssl_certificate /etc/nginx/ssl/example.com.crt;
  ssl_certificate_key /etc/nginx/ssl/example.com.key;

  root /var/www/html;
  index index.html index.htm;

  location / {
    try_files $uri $uri/ =404;
  }
}

HTTP/2:n aktiivisuuden varmistaminen

Kun Nginx on määritetty, mistä tiedätte, että HTTP/2 todella toimii? Voitte tarkistaa asian helposti selaimen kehittäjätyökaluilla:

  • Avatkaa DevTools (F12) Chromessa, Firefoxissa tai Edgessä.
  • Siirtykää Network-välilehdelle.
  • Ladatkaa sivu uudelleen.
  • Etsikää Protocol-sarake. Sen pitäisi näyttää HTTP/2-yhteyksille arvon h2.

Pikatarkistus: HTTP/2:n edut

Oppimamme perusteella: mitkä ovat HTTP/2:n keskeiset edut ja ominaisuudet, jotka auttavat parantamaan verkkosuorituskykyä?

Kertaus: suorituskyvyn parantaminen HTTP/2:lla

Hienoa työtä! Tässä oppitunnissa tutustuimme HTTP/2:n tehokkuuteen ja sen keskeisiin ominaisuuksiin, kuten multipleksointiin, HPACK-otsakepakkaukseen ja Server Push -toimintoon. Opimme myös ottamaan HTTP/2:n helposti käyttöön Nginxissä nopeampien ja tehokkaampien verkkokokemusten tarjoamiseksi.

Siirtymällä HTTP/2:een otatte merkittävän askeleen verkkosovelluksen latausaikojen ja yleisen responsiivisuuden optimoinnissa.

Aloita maksutta

Opi API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway) tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
12
Oppitunnit
48

Usein kysytyt kysymykset

Onko oppitunti ”HTTP/2 ja Nginxin optimointi” ilmainen?

Kyllä – oppitunnin ”HTTP/2 ja Nginxin optimointi” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-kurssin, päivitä CoddyKit PROhon. API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”HTTP/2 ja Nginxin optimointi”?

Hyödyntäkää HTTP/2-protokollan ominaisuuksia Nginxissä verkkosovellusten latausaikojen ja tehokkuuden parantamiseksi. Harjoittelet API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.

Kuinka kauan ”HTTP/2 ja Nginxin optimointi”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-oppitunnilla?

Kyllä. Jokainen API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. Nginxin suojaaminen SSL/TLS:llä
  2. HTTP/2 ja Nginxin optimointi
  3. Perustodennus ja pääsynhallinta
  4. Nginxin vahvistaminen suojausotsakkeilla
← Takaisin: API-yhdyskäytävä ja käänteisvälityspalvelin (Nginx + Spring Cloud Gateway)