How to Build a CRUD App with Node.js?

ikhtisar dalam panduan ini, anda akan belajar bagaimana mengembangkan aplikasi crud (buat, baca, perbarui, hapus) yang lengkap menggunakan node js kami akan memanfaatkan back4app sebagai layanan backend kami untuk menyederhanakan manajemen data panduan ini akan memandu anda melalui konfigurasi proyek back4app, merancang model data dinamis, dan menerapkan operasi crud menggunakan node js pertama, anda akan mengatur proyek back4app yang bernama basic crud app node yang menyediakan solusi penyimpanan data non relasional yang kuat anda kemudian akan merancang skema data anda dengan mendefinisikan koleksi dan bidang baik secara manual atau dengan memanfaatkan agen ai back4app selanjutnya, anda akan mengelola backend anda melalui aplikasi admin back4app—antarmuka yang ramah pengguna, seret dan lepas untuk manipulasi data akhirnya, anda akan mengintegrasikan aplikasi node js anda dengan back4app menggunakan parse javascript sdk (atau rest/graphql api sesuai kebutuhan) sambil memastikan kontrol akses yang aman pada akhir tutorial ini, anda akan membangun aplikasi node js yang siap produksi yang mampu melakukan operasi crud penting bersama dengan otentikasi pengguna dan keamanan data apa yang akan anda pelajari cara membuat aplikasi crud berbasis node js dengan backend low code yang efektif strategi untuk merancang backend yang dapat diskalakan dan menghubungkannya dengan aplikasi node js anda cara memanfaatkan aplikasi admin back4app untuk operasi buat, baca, perbarui, dan hapus yang lebih efisien teknik penyebaran, termasuk kontainerisasi docker, untuk meluncurkan aplikasi node js anda dengan efisien prasyarat sebelum memulai, pastikan anda memiliki akun back4app dengan proyek yang baru dikonfigurasi butuh bantuan? kunjungi memulai dengan back4app https //www back4app com/docs/get started/new parse app pengaturan pengembangan node js gunakan editor kode seperti visual studio code dan pastikan node js (v14 atau lebih baru) terinstal pengetahuan dasar tentang node js, pemrograman asinkron, dan rest api rujuk ke dokumentasi node js https //nodejs org/en/docs/ jika diperlukan langkah 1 – menyiapkan proyek anda membuat proyek back4app baru masuk ke akun back4app anda klik tombol “aplikasi baru” dari dasbor anda beri nama proyek anda basic crud app node dan ikuti petunjuk di layar untuk menyelesaikan pengaturan buat proyek baru setelah dibuat, proyek anda akan muncul di dasbor anda, siap untuk konfigurasi backend langkah 2 – membuat skema data anda mendefinisikan struktur data anda untuk aplikasi crud ini, anda akan membuat beberapa koleksi di proyek back4app anda di bawah ini adalah contoh koleksi kunci dan bidang yang diperlukan untuk fungsionalitas crud dasar 1\ koleksi item koleksi ini menyimpan rincian tentang setiap item bidang tipe deskripsi id objectid pengidentifikasi unik yang dihasilkan secara otomatis judul string nama item tersebut deskripsi string gambaran singkat tentang item tersebut dibuatpada tanggal stempel waktu yang menandai kapan item ditambahkan diperbaruipada tanggal stempel waktu yang menandai pembaruan terakhir 2\ koleksi pengguna koleksi ini menangani kredensial pengguna dan data otentikasi bidang tipe deskripsi id objectid pengidentifikasi unik yang dihasilkan secara otomatis nama pengguna string nama unik untuk pengguna email string alamat email unik pengguna hashkatasandi string kata sandi yang di hash untuk otentikasi yang aman dibuatpada tanggal stempel waktu ketika akun dibuat diperbaruipada tanggal stempel waktu ketika akun diperbarui anda dapat membuat koleksi dan bidang ini secara manual melalui dasbor back4app buat kelas baru anda dapat menambahkan kolom dengan memilih jenis data, memberi nama bidang, mengatur nilai default, dan menandainya sebagai wajib buat kolom memanfaatkan agen ai back4app untuk generasi skema agen ai back4app menyederhanakan pengaturan skema dengan secara otomatis menghasilkan model data anda berdasarkan deskripsi anda ini mempercepat konfigurasi dan memastikan struktur data anda mendukung semua operasi crud cara menggunakan agen ai buka agen ai akses agen ai dari pengaturan proyek back4app anda gambarkan skema data anda jelaskan koleksi dan bidang yang anda butuhkan tinjau dan terapkan agen ai akan menyarankan skema tinjau proposal dan terapkan perubahan contoh prompt create the following collections in my back4app project 1\) collection items \ fields \ id objectid (auto generated) \ title string \ description string \ createdat date (auto generated) \ updatedat date (auto updated) 2\) collection users \ fields \ id objectid (auto generated) \ username string (unique) \ email string (unique) \ passwordhash string \ createdat date (auto generated) \ updatedat date (auto updated) metode ini memastikan model data yang konsisten dan dioptimalkan langkah 3 – mengaktifkan aplikasi admin & melakukan operasi crud ikhtisar aplikasi admin aplikasi admin back4app menyediakan antarmuka tanpa kode untuk mengelola data backend anda desain drag and drop nya membuatnya sederhana untuk menjalankan tugas crud seperti menambahkan, melihat, memperbarui, dan menghapus catatan mengaktifkan aplikasi admin pergi ke bagian “lainnya” di dasbor back4app anda pilih “aplikasi admin” dan klik “aktifkan aplikasi admin ” konfigurasikan kredensial admin anda dengan mengatur akun admin awal anda proses ini juga akan membuat peran (misalnya, b4aadminuser ) dan kelas sistem aktifkan aplikasi admin setelah diaktifkan, masuk ke aplikasi admin untuk mengelola data anda dasbor aplikasi admin mengelola operasi crud dengan aplikasi admin di dalam aplikasi admin anda dapat masukkan rekaman gunakan tombol “tambahkan rekaman” dalam sebuah koleksi (misalnya, item) untuk membuat entri baru tinjau dan edit rekaman klik pada rekaman mana pun untuk memeriksa detailnya atau memperbarui bidangnya hapus rekaman hapus entri yang tidak lagi diperlukan antarmuka yang ramah pengguna ini menyederhanakan manajemen data secara signifikan langkah 4 – menghubungkan aplikasi node js anda dengan back4app dengan backend anda sudah disiapkan, saatnya untuk menghubungkan aplikasi node js anda ke back4app opsi a menggunakan parse javascript sdk instal sdk javascript parse jalankan perintah berikut di direktori proyek anda npm install parse inisialisasi parse di aplikasi node js anda buat file konfigurasi (misalnya, parseconfig js ) // parseconfig js const parse = require('parse/node'); parse initialize('your application id', 'your javascript key'); parse serverurl = 'https //parseapi back4app com'; module exports = parse; 3\ implement crud operations for example, create a service to manage items ```javascript // itemsservice js const parse = require(' /parseconfig'); async function fetchitems() { const items = parse object extend('items'); const query = new parse query(items); try { const results = await query find(); console log('fetched items ', results); return results; } catch (error) { console error('error retrieving items ', error); } } async function createitem(title, description) { const items = parse object extend('items'); const item = new items(); item set('title', title); item set('description', description); try { await item save(); console log('item successfully created '); } catch (error) { console error('error creating item ', error); } } async function updateitem(objectid, newtitle, newdescription) { const items = parse object extend('items'); const query = new parse query(items); try { const item = await query get(objectid); item set('title', newtitle); item set('description', newdescription); await item save(); console log('item updated successfully '); } catch (error) { console error('error updating item ', error); } } async function deleteitem(objectid) { const items = parse object extend('items'); const query = new parse query(items); try { const item = await query get(objectid); await item destroy(); console log('item deleted successfully '); } catch (error) { console error('error deleting item ', error); } } module exports = { fetchitems, createitem, updateitem, deleteitem, }; opsi b menggunakan rest atau graphql jika anda lebih suka tidak menggunakan parse sdk, anda dapat berinteraksi dengan back4app melalui panggilan api rest misalnya, berikut adalah cara untuk mengambil item menggunakan node js const https = require('https'); function fetchitemsrest() { const options = { hostname 'parseapi back4app com', path '/classes/items', method 'get', headers { 'x parse application id' 'your application id', 'x parse rest api key' 'your rest api key' } }; const req = https request(options, res => { let data = ''; res on('data', chunk => data += chunk); res on('end', () => console log('response ', data)); }); req on('error', error => console error('error ', error)); req end(); } fetchitemsrest(); integrasikan panggilan rest ini ke dalam layanan node js anda sesuai kebutuhan langkah 5 – memperkuat keamanan backend anda mengonfigurasi daftar kontrol akses (acl) tingkatkan keamanan data anda dengan mengatur acl pada objek anda misalnya, untuk membuat item hanya dapat diakses oleh penciptanya const parse = require(' /parseconfig'); async function createprivateitem(title, description, owner) { const items = parse object extend('items'); const item = new items(); item set('title', title); item set('description', description); const acl = new parse acl(); acl setreadaccess(owner, true); acl setwriteaccess(owner, true); acl setpublicreadaccess(false); acl setpublicwriteaccess(false); item setacl(acl); try { await item save(); console log('private item created successfully '); } catch (error) { console error('error saving private item ', error); } } mengatur izin tingkat kelas (clp) sesuaikan clp di dasbor back4app anda untuk menegakkan aturan keamanan default, memastikan bahwa hanya pengguna yang terautentikasi yang dapat berinteraksi dengan koleksi tertentu langkah 6 – mengimplementasikan autentikasi pengguna mengonfigurasi manajemen pengguna back4app memanfaatkan koleksi pengguna bawaan parse untuk mengelola autentikasi dalam aplikasi node js anda, terapkan pendaftaran dan login pengguna seperti yang ditunjukkan di bawah ini const parse = require(' /parseconfig'); async function signup(username, password, email) { const user = new parse user(); user set('username', username); user set('password', password); user set('email', email); try { await user signup(); console log('user registered successfully!'); } catch (error) { console error('error during sign up ', error); } } async function login(username, password) { try { const user = await parse user login(username, password); console log('user logged in ', user get('username')); } catch (error) { console error('login error ', error); } } module exports = { signup, login }; pendekatan serupa dapat digunakan untuk manajemen sesi dan fitur otentikasi tambahan langkah 7 – menerapkan aplikasi node js anda back4app menyediakan proses penerapan yang lancar anda dapat menerapkan aplikasi node js anda menggunakan beberapa metode, termasuk kontainerisasi docker 7 1 membangun aplikasi anda kompilasi dan paket gunakan alat bangun pilihan anda (seperti npm atau yarn) untuk menyiapkan aplikasi anda sebagai contoh, jalankan npm run build verifikasi bangunan anda pastikan bahwa bundel produksi anda berisi semua modul dan file yang diperlukan 7 2 mengatur tata letak proyek anda struktur proyek node js yang khas mungkin terlihat seperti basic crud app node/ \| src/ \| | controllers/ \| | | itemscontroller js \| | | authcontroller js \| | models/ \| | | item js \| | | user js \| | routes/ \| | itemsroutes js \| | authroutes js \| parseconfig js \| package json \| readme md 7 3 menggunakan docker untuk aplikasi node js anda jika anda lebih suka penerapan terkontainer, tambahkan sebuah dockerfile ke root proyek anda \# use an official node js runtime as a parent image from node 14 alpine \# set the working directory workdir /usr/src/app \# copy package files and install dependencies copy package json / run npm install \# copy the rest of the application code copy \# expose the application port (adjust if necessary) expose 3000 \# start the node js application cmd \["npm", "start"] 7 4 penerapan melalui penerapan web back4app sambungkan repositori github anda host kode sumber node js anda di github konfigurasi pengaturan penerapan di dasbor back4app anda, pilih opsi penerapan web , tautkan repositori anda (misalnya, basic crud app node ), dan pilih cabang yang diinginkan atur perintah build dan output tentukan perintah build anda (misalnya, npm run build ) dan tentukan folder output terapkan aplikasi anda klik terapkan dan pantau log hingga aplikasi anda aktif langkah 8 – menyelesaikan dan peningkatan di masa depan selamat! anda sekarang telah membangun aplikasi crud node js yang terintegrasi dengan back4app anda telah mengonfigurasi proyek yang disebut basic crud app node , membangun koleksi untuk item dan pengguna, dan mengelola backend anda dengan aplikasi admin back4app selanjutnya, anda menghubungkan aplikasi node js anda melalui parse javascript sdk (atau rest/graphql) dan menerapkan langkah langkah keamanan yang kuat langkah selanjutnya tingkatkan aplikasi anda pertimbangkan untuk menambahkan fitur seperti penyaringan lanjutan, tampilan rinci, atau pembaruan waktu nyata perluas kemampuan backend jelajahi fungsi cloud, integrasi api pihak ketiga, atau kontrol akses berbasis peran perdalam keahlian anda lihat dokumentasi back4app https //www back4app com/docs dan tutorial tambahan untuk lebih menyempurnakan aplikasi anda selamat coding dan semoga sukses dalam perjalanan anda dengan aplikasi crud node js anda!