Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Sisäänrakennetun Middleware-ohjelmiston Käyttö Express.js:ssä | Verkkosovellusten Kehittäminen Express.js:llä
Backend-kehitys Node.js:llä ja Express.js:llä

bookSisäänrakennetun Middleware-ohjelmiston Käyttö Express.js:ssä

Express.js:ssä on käytettävissä joukko sisäänrakennettuja middleware-toimintoja, jotka on suunniteltu helpottamaan arkipäiväisiä tehtäviä web-kehityksessä. Nämä middleware-toiminnot voivat merkittävästi tehostaa prosesseja, kuten saapuvan datan jäsentämistä ja staattisten tiedostojen tarjoamista. Tässä on joitakin keskeisiä sisäänrakennettuja middleware-toimintoja:

express.json()

express.json()-middlewarea käytetään jäsentämään saapuvaa JSON-dataa pyynnöistä, joissa on JSON-payload. Se jäsentää JSON-datan automaattisesti ja tekee sen saataville req.body-ominaisuuden kautta jatkokäsittelyä varten.

const express = require('express');
const app = express();

app.use(express.json()); // Parse incoming JSON data.

app.post('/api/users', (req, res) => {
  const newUser = req.body; // Access the parsed JSON data.
  // Implement user creation logic here.
  res.send('User created.');
});

express.urlencoded()

express.urlencoded()-väliohjelmisto jäsentää saapuvan URL-koodatun datan lomakkeista, jotka on lähetetty POST-pyynnöillä. Se lisää jäsennetyn datan req.body-ominaisuuteen.

const express = require('express');
const app = express();

app.use(express.urlencoded({ extended: true })); // Parse URL-encoded data.

app.post('/api/login', (req, res) => {
  const formData = req.body; // Access the parsed form data.
  // Validate and process login data here.
  res.send('Login successful.');
});

Huomio

{ extended: true }-asetus mahdollistaa monimutkaisempien lomakedatojen käsittelyn.

express.static()

express.static()-väliohjelmisto palvelee staattisia tiedostoja, kuten HTML-, CSS-, JavaScript-tiedostoja ja kuvia, määritetystä hakemistosta. Se on hyödyllinen työkalu esimerkiksi tyylitiedostojen ja selainpuolen skriptien tarjoamiseen.

const express = require('express');
const app = express();

// Serve static files from the `public` directory.
app.use(express.static('public'));

// Now, files in the `public` directory are accessible via their URLs, like `/styles.css`.

Näiden sisäänrakennettujen väliohjelmistojen hyödyntäminen tehostaa datan käsittelyä ja staattisten tiedostojen tarjoamista Express.js-sovelluksissa.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 8

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the difference between express.json() and express.urlencoded()?

How do I use express.static() to serve files from a different directory?

Are there any other useful built-in middleware functions in Express.js?

Awesome!

Completion rate improved to 2.56

bookSisäänrakennetun Middleware-ohjelmiston Käyttö Express.js:ssä

Pyyhkäise näyttääksesi valikon

Express.js:ssä on käytettävissä joukko sisäänrakennettuja middleware-toimintoja, jotka on suunniteltu helpottamaan arkipäiväisiä tehtäviä web-kehityksessä. Nämä middleware-toiminnot voivat merkittävästi tehostaa prosesseja, kuten saapuvan datan jäsentämistä ja staattisten tiedostojen tarjoamista. Tässä on joitakin keskeisiä sisäänrakennettuja middleware-toimintoja:

express.json()

express.json()-middlewarea käytetään jäsentämään saapuvaa JSON-dataa pyynnöistä, joissa on JSON-payload. Se jäsentää JSON-datan automaattisesti ja tekee sen saataville req.body-ominaisuuden kautta jatkokäsittelyä varten.

const express = require('express');
const app = express();

app.use(express.json()); // Parse incoming JSON data.

app.post('/api/users', (req, res) => {
  const newUser = req.body; // Access the parsed JSON data.
  // Implement user creation logic here.
  res.send('User created.');
});

express.urlencoded()

express.urlencoded()-väliohjelmisto jäsentää saapuvan URL-koodatun datan lomakkeista, jotka on lähetetty POST-pyynnöillä. Se lisää jäsennetyn datan req.body-ominaisuuteen.

const express = require('express');
const app = express();

app.use(express.urlencoded({ extended: true })); // Parse URL-encoded data.

app.post('/api/login', (req, res) => {
  const formData = req.body; // Access the parsed form data.
  // Validate and process login data here.
  res.send('Login successful.');
});

Huomio

{ extended: true }-asetus mahdollistaa monimutkaisempien lomakedatojen käsittelyn.

express.static()

express.static()-väliohjelmisto palvelee staattisia tiedostoja, kuten HTML-, CSS-, JavaScript-tiedostoja ja kuvia, määritetystä hakemistosta. Se on hyödyllinen työkalu esimerkiksi tyylitiedostojen ja selainpuolen skriptien tarjoamiseen.

const express = require('express');
const app = express();

// Serve static files from the `public` directory.
app.use(express.static('public'));

// Now, files in the `public` directory are accessible via their URLs, like `/styles.css`.

Näiden sisäänrakennettujen väliohjelmistojen hyödyntäminen tehostaa datan käsittelyä ja staattisten tiedostojen tarjoamista Express.js-sovelluksissa.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 8
some-alt