Pembelajaran JavaScript sisi pelayan dengan Node.js

Node.js: Rangka Kerja Moden untuk Membangun Aplikasi Web Masa Depan Tinggi

Node.js adalah rangka kerja penting dalam pembangunan web moden. Node.js membolehkan JavaScript digunakan akhir-ke-akhir pada kedua-dua pelayan dan sisi pelanggan. Tutorial ini akan membimbing anda melalui pemasangan Node.js dan menunjukkan cara menulis program "Hello World" yang pertama. Pada akhirnya, anda akan belajar bagaimana untuk membina API cuaca menggunakan Node.js dan Express.

Apa itu node.js?

Secara tradisinya, JavaScript hanya boleh dijalankan di pelayar web, tetapi node.js menjadi kerana minat yang semakin meningkat untuk membawanya ke sisi pelayan.

Node.js sedikit berbeza daripada teknologi pelayan lain kerana ia berdasarkan peristiwa dan bukan benang. Pelayan web seperti Apache yang digunakan untuk melayani PHP dan skrip CGI yang lain adalah berasaskan thread kerana mereka menghasilkan benang sistem untuk setiap permintaan masuk. Walaupun ini mencukupi untuk banyak aplikasi, model berasaskan thread tidak berskala apabila berurusan dengan banyak sambungan jangka panjang (mis., Sambungan yang diperlukan untuk melayani aplikasi masa nyata, seperti aplikasi pemesejan segera).

"Setiap operasi I/O di node.js tidak segerak ..."

Node.js menggunakan gelung acara dan bukan benang dan dapat skala kepada berjuta -juta sambungan serentak. Ia mengambil kesempatan daripada hakikat bahawa pelayan menghabiskan sebahagian besar waktunya menunggu operasi I/O (mis., Membaca fail dari cakera keras, mengakses perkhidmatan web luaran, atau menunggu muat naik fail selesai) kerana operasi ini jauh lebih perlahan daripada operasi memori. Setiap operasi I/O di node.js tidak segerak, yang bermaksud bahawa pelayan boleh terus memproses permintaan masuk sementara operasi I/O sedang berjalan. JavaScript sangat bagus untuk pengaturcaraan berasaskan acara kerana ia mempunyai fungsi dan penutupan tanpa nama, yang menjadikan penentuan selaras dengan mudah, dan pemaju JavaScript sudah tahu bagaimana untuk memprogram dengan cara ini. Model berasaskan acara ini menjadikan Node.js sangat cepat dan membuat skala aplikasi masa nyata sangat mudah.

1. Pasang

Node.js secara rasmi menyokong Linux, MacOS, Microsoft Windows, SmartOS dan FreeBSD. Untuk memasang versi terkini Node.js pada Windows (v16 dan kemudian), komputer anda mesti menjalankan Windows 8.1, 10, atau 11.

Node.js mempunyai pengurus pakej sendiri yang dibina, yang dipanggil Pengurus Pakej Node (NPM untuk Pendek), yang membolehkan anda memasang modul pihak ketiga dari pendaftaran NPM.

1. Muat turun versi terkini Node.js dari nodejs.org (versi terkini ialah 17.9.0 pada masa penulisan dan versi LTS terkini ialah 16.14.2). Ini harus memuat turun fail .msi di komputer anda.
2. Jalankan fail dan lengkapkan wizard pemasangan. Kebanyakan pilihan adalah pilihan - melainkan jika anda mempunyai alasan yang baik, tidak perlu mengubah laluan program. Anda boleh memilih untuk memasang Chocolatey (Pengurus Pakej Windows) atau melangkau langkah ini.
3. Selepas wizard pemasangan selesai dan Node.js dipasang dengan jayanya, buka terminal dan jalankan npm -v untuk melihat versi NPM.

Juga, jika anda mencari nod dalam program anda, anda harus mencari prompt arahan Node.js.

Command Prompt menyediakan REPL (Baca-Evalue-Print Loop) di mana anda boleh menaip kod JavaScript Node.js dan menilai kod dengan segera dan mengeluarkan hasilnya. Anda juga boleh memuatkan JavaScript dari fail luaran ke dalam sesi REPL dan banyak lagi.

2. Helo Dunia!

Mempelajari mana -mana teknologi baru bermula dengan "Hello World!"

Pertama, kami akan membuat projek Node.js baru. Untuk melakukan ini, buka terminal anda, beralih ke direktori di mana anda mahu projek itu terletak, dan jalankan arahan berikut:

 NPM INIT

Anda akan diminta untuk memberikan beberapa maklumat mengenai perpustakaan, termasuk nama perpustakaan, pengarang, fail entri, lesen dan versi. Untuk melangkau langkah ini, lampirkan fungsi require seperti yang ditunjukkan di bawah (di dalam Test.js ):

 var util = memerlukan ("util");

Ini memuatkan modul util , yang mengandungi fungsi utiliti untuk mengendalikan tugas peringkat sistem seperti percetakan output ke terminal. Untuk menggunakan fungsi dalam modul, panggilnya pada pembolehubah yang menyimpan modul -dalam kes ini, perintah nod dengan nama fail sebagai parameter.

 Node Test.js

Menjalankan arahan ini akan mengeluarkan "Hello World!"

Untuk membuat pelayan HTTP, anda mesti menggunakan modul http .

 var util = memerlukan ("util");
var http = memerlukan ("http");

http.CreateServer (fungsi (req, res) {
  res.writead (200, {'content-type': 'text/html'});
  res.write ('Hello World!');
  res.end ();
}). Dengar (8080);

util.log ("Pelayan berjalan di https: // localhost: 8080/");

Skrip ini mengimport modul http dan mencipta pelayan HTTP. Fungsi tanpa nama yang diluluskan ke http.createServer() akan dilaksanakan apabila permintaan diterima. Lawati http://localhost:8080/ dalam penyemak imbas anda dan anda akan melihat Hello World! .

3. Pelayan fail statik yang mudah

Ok, kami telah membina pelayan HTTP, tetapi tidak kira url yang anda lawati, ia akan menghantar apa -apa tetapi "Hello World". Mana -mana pelayan HTTP mesti dapat menghantar fail statik seperti fail HTML, imej, dan fail lain. Inilah cara kod berikut:

 var util = memerlukan ("util"),
    http = memerlukan ("http"),
    url = memerlukan ("url"),
    jalan = memerlukan ("jalan"),
    fs = memerlukan ("fs");

http.createeserver (fungsi (permintaan, respons) {
    var uri = path.parse (request.url) .base;
    var filename = path.join (process.cwd (), uri);
    fs.Access (nama fail, fs.constants.f_ok, fungsi (err) {
        jika (err) {
            response.writeHead (404, {"content-type": "text/plain"});
            response.write ("404 tidak dijumpai \ n");
            response.end ();
            kembali;
        }

        fs.readFile (nama fail, "binari", fungsi (err, fail) {
            jika (err) {
                response.writeHead (500, {"content-type": "text/plain"});
                response.write (err "\ n");
                response.end ();
                kembali;
            }

            Response.WriteHead (200);
            response.write (fail, "binari");
            response.end ();
        });
    });
}). Dengar (8080);

util.log ("Pelayan berjalan di http: // localhost: 8080/");

Kami perlu menggunakan semua modul dalam kod kami. Ini termasuk modul http , path dan url , yang menghuraikan URL masuk yang diminta dan mencari nama laluan fail yang diakses. Kami menggunakan process.cwd() (atau direktori kerja semasa) dan laluan ke fail yang diminta untuk mencari nama fail sebenar pada cakera keras pelayan.

Seterusnya, kami periksa sama ada fail itu wujud, yang merupakan operasi tak segerak, jadi fungsi panggil balik diperlukan. Jika fail tidak wujud, mesej 404 tidak dijumpai dihantar kepada pengguna dan fungsi pulangan. Jika tidak, kami menggunakan fs.readFile() untuk membaca fail. Jika anda mengakses http://localhost:8080/path/to/file dalam penyemak imbas anda, fail akan dipaparkan dalam penyemak imbas anda.

4. Membina API Cuaca di Node.js Menggunakan Express

Berdasarkan pelayan fail statik kami, kami akan membina pelayan Node.js yang mendapat dan memaparkan keadaan cuaca yang diharapkan untuk bandar tertentu. Pertama, dalam contoh ini, kita memerlukan dua modul pihak ketiga tambahan: modul axios dan modul express . Express adalah rangka kerja web untuk membina API RESTFUL dalam aplikasi Node.js. Kami akan menggunakan modul Express untuk membina titik akhir API tunggal yang akan mengambil bandar dari setiap permintaan dan bertindak balas dengan badan HTML yang mengandungi keadaan cuaca ramalan bandar. Maklumat cuaca akan datang dari API luaran - jadi kami akan membuat permintaan API menggunakan klien axios .

Pertama, kami akan memasang modul express dan axios menggunakan arahan berikut pada masa yang sama:

 npm saya menyatakan paksi

Ini akan memasang kedua -dua modul dari pendaftaran NPM. Ganti kod app.get() dengan kod berikut:

 app.get ('/', (req, res) => {
    biarkan bandar = req.query.city;

    Axios.get (`https://api.openweathermap.org/data/2.5/forecast?q=$ {city} & appid = $ {Apikey}`)
        .THEN ((respons) => {
            jika (response.status === 200) {
                res.send (`cuaca di bandar anda" $ {City} "adalah<br>
                $ {response.data.list [0] .weather [0] .description} `)
            }
        })
        .catch ((err) => {
            console.log (err);
        })
})

Kami mula -mula mengambil rentetan pertanyaan (bandar) dari harta query .

Kami kemudian menggunakan axios untuk mengeluarkan permintaan GET ke API ramalan cuaca. URL akan memerlukan dua pembolehubah: kami ingin mendapatkan bandar yang diramalkan dan kunci API yang unik yang disediakan di Pusat Maklumat API Cuaca Terbuka.

Kami menyediakan kaedah res.send() . Apabila ralat berlaku, kita boleh log data ralat ke konsol hanya dengan menjalankan node test.js pada baris arahan dan menaip URL berikut ke penyemak imbas:

 <code>http://localhost:3000/?city=nairobi</code>

Sila ambil perhatian bahawa Nairobi boleh digantikan dengan mana -mana bandar pilihan anda. Berikut adalah hasil yang perlu anda dapatkan.

Langkah seterusnya

Node.js adalah teknologi yang sangat menarik yang memudahkan penciptaan aplikasi masa nyata berprestasi tinggi. Saya harap anda dapat melihat manfaatnya dan dapat menggunakannya dalam beberapa aplikasi anda sendiri. Kerana Node.js mempunyai sistem modul yang kuat, mudah untuk menggunakan perpustakaan pihak ketiga sumber terbuka dalam aplikasi anda, dan hampir semuanya mempunyai modul yang tersedia: termasuk lapisan sambungan pangkalan data, enjin templat, klien mel, dan juga rangka kerja lengkap untuk menghubungkan semua kandungan ini.

Saya doakan pengaturcaraan node.js yang gembira!

Artikel ini telah dikemas kini dan mengandungi sumbangan dari Kingsley Ubah. Kingsley bersemangat untuk mewujudkan kandungan yang mendidik dan memberi inspirasi kepada pembaca. Hobi termasuk membaca, bola sepak dan berbasikal.

Atas ialah kandungan terperinci Pembelajaran JavaScript sisi pelayan dengan Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!