Elliot adalah pengembang JavaScript lepas yang berlokasi di sekitar Providence, Rhode Island. Saat tidak bekerja, dia menikmati pemrograman, … More about Elliot ↬
Buletin Email
Email (menghancurkan) Anda
Kiat mingguan tentang front-end & UX
Dipercaya oleh 200.000+ orang
- SmashingConf Freiburg 2023
- Daftar Periksa Desain Antarmuka Cerdas
- Bersiaplah untuk peran komunikasi hari ini MS Northwestern dalam Desain Informasi
- Sistem Desain yang Sukses
- Front-End SmashingConf 2023
Node. js adalah teknologi yang berkembang pesat yang telah mengambil alih dunia pemrograman sisi server dengan kecepatan yang mengejutkan. MongoDB adalah teknologi yang merevolusi penggunaan basis data. Bersama-sama, kedua alat tersebut merupakan kombinasi yang kuat, berkat fakta bahwa keduanya menggunakan JavaScript dan JSON
Sekilas, memahami Node. js dan MongoDB tampaknya memakan waktu dan menyakitkan. Baca terus untuk mempelajari cara menggunakan alat ini dengan cepat dan mudah. Sebelum memulai, mari kita lihat sekilas apa yang ditawarkan artikel ini
- Siapkan server dasar dengan Node. js
- Buat koneksi ke database MongoDB
- Pelajari cara memilih rekaman melalui panggilan database
- Terakhir, buat dan sajikan halaman HTML dengan data yang baru kami ambil
Menginstal Teknologi yang Dibutuhkan
Mari kita mulai dengan menyiapkan Node.js dasar. js server. Jika Anda belum melakukannya, instal Node. js dengan mengikuti petunjuk tentang Cara Node atau di salah satu dari banyak artikel seperti itu beredar di Web. Hal berikutnya yang kita perlukan adalah database MongoDB kecil;
Lebih banyak setelah melompat. Lanjutkan membaca di bawah ↓
Temui Desain Sentuh untuk Antarmuka Seluler, panduan baru Steven Hoober tentang mendesain untuk seluler dengan pedoman yang terbukti, universal, dan berpusat pada manusia. 400 halaman, penuh sesak dengan penelitian pengguna yang mendalam dan praktik terbaik
Lompat ke daftar isi ↬Bacaan Lebih Lanjut di SmashingMag.
- Pengikisan Web Dengan Node. js
- Berlayar Dengan Layar. js. Kerangka Bergaya MVC Untuk Node. js
- Mengapa Anda Harus Berhenti Menginstal Lingkungan WebDev Anda Secara Lokal
- Pengantar Mendetail Untuk Webpack
Sekarang Node. js sudah diatur dan kami memiliki database untuk terhubung, kami harus menginstal MongoJS, yang merupakan perpustakaan yang digunakan Node. js digunakan untuk berkomunikasi dengan MongoDB. Beruntung bagi kami, ketika Anda menginstal Node. js, Anda juga menginstal npm, yang membuatnya mudah untuk menginstal MongoJS. Cukup buka terminal, navigasikan ke direktori tempat Node. js server akan ditemukan, dan jalankan var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 0. Manajer paket otomatis akan mengurus sisanya
Memeriksa Kode Server
Setelah penyisihan selesai, kita dapat melanjutkan untuk menulis Node.js yang sebenarnya. js server, yang akan kami jalankan di localhost untuk tujuan tutorial ini. Hal pertama yang harus dilakukan dengan Node. Aplikasi js termasuk modul yang akan kita gunakan. Dalam hal ini, kita memerlukan modul HTTP, yang digunakan untuk membuat server, dan modul MongoJS, yang telah kita instal sebelumnya
var http = require("http"), mongojs = require("mongojs"); _Setelah kami memasukkan modul yang akan kami gunakan, kami perlu terhubung ke database MongoDB. Kami membutuhkan dua hal untuk melakukan ini. Yang pertama adalah URI koneksi MongoDB. Ini disediakan secara default saat Anda membuat server di MongoLab, tetapi hanya sebagai catatan, Anda dapat menemukan spesifikasi untuk URI koneksi MongoDB dalam dokumentasi. Hal kedua yang Anda perlukan adalah larik (yang merupakan "pengelompokan dokumen MongoDB") yang ingin Anda akses di database itu. Kami hanya ingin mengakses satu koleksi dalam kasus ini, tetapi Anda dapat memasukkan sebanyak yang Anda suka ke dalam array
Setelah Anda memiliki URI database dan larik koleksi yang ingin Anda akses, membuat koneksi ke database menjadi mudah
Kita juga perlu membuat server kita, menggunakan modul HTTP
var server = http.createServer(requestHandler);Saat kita memanggil fungsi var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); _1, fungsi tersebut mengharapkan fungsi untuk menangani semua permintaan yang masuk. Ini adalah fungsi yang dipanggil saat browser meminta data dari server. Fungsi penanganan permintaan, yang kami beri nama var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 2, diberikan dua variabel. variabel permintaan, yang mewakili permintaan halaman browser, dan variabel respons, yang merupakan respons yang akan kami berikan ke browser. Mari kita lihat fungsi var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); _2
function requestHandler(request, response) {Hal pertama yang akan kita lakukan di penangan permintaan adalah memberi tahu browser dalam format apa tanggapan kita nantinya — HTML, teks biasa, atau yang lainnya sama sekali — sehingga ia tahu cara menangani data yang didapatnya
response.writeHead(200, {"Content-Type": "text/html"}); _Hal berikutnya yang akan kita lakukan — dan ini bagian yang menarik — adalah kueri database yang kita tautkan sebelumnya, sehingga kita memiliki informasi untuk dikerjakan. Kami akan meneruskan objek JSON ke fungsi var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 4, menentukan properti yang ingin dibagikan oleh rekaman yang dikembalikan. Fungsi var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 4 mengembalikan kursor ke dokumen yang dikembalikan oleh permintaan kami;
db.demo_collection.find({"color": "red"}, function(err, records) {Ketika Hal-Hal Pergi ke Selatan
Di dalam fungsi var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); _4, kita diberi dua variabel untuk dikerjakan. var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 7 dan var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 8. Variabel var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 7 berisi data apa pun tentang kesalahan, jika telah terjadi. Pertama, kami memeriksa apakah ada kesalahan yang terjadi saat mencoba kueri basis data. Jika tidak ada masalah terjadi, maka kami melanjutkan. Tetapi jika ada, maka kami tidak akan memiliki data apa pun untuk dikerjakan dan fungsi lainnya tidak akan berguna, jadi kami hanya mencatat masalah dan segera kembali;
if(err) { console.log("There was an error executing the database query."); response.end(); return; }Oke, sekarang setelah kita mendapatkan data kita, yang terkandung dalam kursor var uri = "mongodb://demo_user:demo_password@ds027769.mongolab.com:27769/demo_database", db = mongojs.connect(uri, ["demo_collection"]); 8, kita perlu mengulangi data itu dan membuat string HTML untuk diberikan server ke browser. Kami akan membuat variabel untuk menyimpan string HTML kami, dan kemudian mengulang melalui catatan kami. Kemudian, kami akan membuat string untuk setiap dokumen dan menambahkannya ke string HTML utama
var html = '<h2>Vehicles with a red finish</h2>', i = records.length; while(i--) { html += '<p><b>Name:</b> ' + records[i].name + ' <br /><b>Number of wheels:</b> ' + records[i].wheels + '<br /><b>Color: </b>' + records[i].color; }Terakhir, setelah kita selesai mengulangi semua rekaman, kita akan menulis respons dengan membuat string HTML dengan var server = http.createServer(requestHandler); 1 loop cepat. Sekarang, simpul. js menawarkan lebih banyak metode untuk menampilkan HTML, yang paling umum adalah dengan menyajikan halaman statis (seringkali dengan kerangka kerja seperti Express), tetapi membuat string adalah cara cepat dan kotor untuk menampilkan beberapa HTML dasar
String HTML khusus ini berisi data untuk seluruh halaman. Jadi, setelah kami memanggil var server = http.createServer(requestHandler); _2, kami akan tahu bahwa klien memiliki semua informasi yang diperlukan, dan kami akan mengakhiri respons sehingga klien dapat memuat halaman
response.write(html); response.end();Kembar Ajaib, Aktifkan
Cukup banyak untuk membuat server HTML dasar dengan Node. js dan menggunakan server itu untuk terhubung ke database MongoDB. Hal terakhir yang harus dilakukan adalah memberi tahu server untuk mendengarkan di port apa pun yang kami tentukan
server.listen(8888);Menjalankan kode ini akan menjalankan server lokal yang dapat Anda akses di port 8888 ( var server = http.createServer(requestHandler); 3 di browser Anda)
Kesimpulan
Seperti yang Anda lihat, menyiapkan Node. js server dan menghubungkannya ke database MongoDB sangat sederhana, setidaknya dibandingkan dengan sebagian besar teknologi yang bersaing dengan duo kekuatan ini. Tentu saja, menyiapkan keamanan dan penanganan kesalahan yang tepat dapat membutuhkan lebih banyak pekerjaan, tetapi sumber daya untuk bekerja dengan Node. js dan MongoDB berkembang pesat. Bersama-sama, alat-alat tersebut menawarkan solusi yang cepat namun sangat fleksibel yang menggemparkan dunia pemrograman sisi server