How to Build a Backend for jQuery?

pendahuluan dalam tutorial ini, anda akan belajar cara membangun backend untuk jquery menggunakan back4app kami akan mengintegrasikan fitur fitur penting back4app—manajemen database, cloud code, rest dan graphql api, otentikasi pengguna, dan kueri waktu nyata—untuk membuat backend yang aman dan dapat diskalakan backend ini akan berkomunikasi dengan frontend berbasis jquery anda melalui panggilan ajax dan metode jquery umum lainnya lingkungan intuitif back4app mengurangi waktu yang dibutuhkan untuk mengatur server atau database dengan mengikuti beberapa langkah sederhana, anda akan mendapatkan pengalaman langsung dengan acl, izin tingkat kelas, pemodelan data, unggahan file, dan banyak lagi pada akhir tutorial ini, anda akan memiliki dasar yang kuat untuk aplikasi berbasis jquery yang sepenuhnya fungsional yang terhubung ke backend back4app anda akan siap untuk menambahkan logika kustom, mengintegrasikan api eksternal, dan mengamankan data anda dengan kontrol yang lebih rinci prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan akun back4app dan proyek back4app baru memulai dengan back4app https //www back4app com/docs/get started/new parse app jika anda tidak memiliki akun, anda dapat membuatnya secara gratis ikuti panduan di atas untuk menyiapkan proyek anda lingkungan jquery dasar anda dapat mengunduh jquery dari situs resmi https //jquery com/download/ node js (versi 14 atau lebih tinggi) terinstal (opsional) meskipun node js tidak secara ketat diperlukan untuk jquery di browser, anda mungkin membutuhkannya untuk menjalankan server uji lokal atau menginstal paket npm jika anda ingin melakukan pengujian lokal menginstal node js https //nodejs org/en/download/ keterampilan dasar javascript dan jquery dokumentasi resmi jquery https //api jquery com/ pastikan anda memiliki semua prasyarat ini sebelum memulai, sehingga anda dapat mengikuti dengan lancar saat membangun antarmuka depan berbasis jquery dan menghubungkannya ke back4app langkah 1 – menyiapkan proyek back4app buat proyek baru untuk memulai proyek backend jquery anda, buat proyek back4app baru masuk ke akun back4app anda klik tombol “aplikasi baru” di dasbor back4app anda beri nama aplikasi anda (misalnya, “jquery backend tutorial”) ketika proyek dibuat, anda akan melihatnya di dasbor back4app anda ini akan menjadi dasar konfigurasi backend anda untuk jquery hubungkan parse sdk back4app menggunakan parse platform untuk data dan fitur real time jika anda ingin menggunakan parse sdk langsung dengan jquery, anda dapat memuatnya sebagai skrip di html anda ambil kunci parse anda di dasbor back4app, buka “pengaturan aplikasi” atau “keamanan & kunci” aplikasi anda untuk menemukan id aplikasi kunci javascript url server parse (biasanya https //parseapi back4app com ) sertakan parse sdk di file html anda dalam lingkungan jquery , anda dapat memuat jquery terlebih dahulu, kemudian parse, dan berinteraksi dengan objek parse dalam skrip anda koneksi ini memastikan bahwa semua panggilan data ke backend back4app anda melalui parse platform langkah 2 – menyiapkan database menyimpan dan mengambil data setelah mengintegrasikan parse sdk, anda dapat menyimpan dan mengambil data dari database back4app berikut adalah contoh sederhana untuk membuat dan mengambil objek “todo” menggunakan jquery dan parse anda juga dapat memanggil rest api menggunakan curl curl x post \ h "x parse application id your application id" \ h "x parse rest api key your rest api key" \ h "content type application/json" \ d '{"title" "buy groceries", "iscompleted" false}' \ https //parseapi back4app com/classes/todo atau gunakan graphql mutation { createtodo(input { fields { title "clean the house" iscompleted false } }) { todo { objectid title iscompleted } } } desain skema dan tipe data di dasbor back4app pergi ke “database ” buat kelas baru (misalnya, “todo”) dan tambahkan kolom seperti judul (string) dan iscompleted (boolean) anda juga dapat membiarkan parse secara otomatis membuat kolom saat pertama kali anda menyimpan objek menggunakan ai agent back4app memiliki ai agent untuk pemodelan data buka ai agent di dasbor atau menu aplikasi anda deskripsikan model data anda (misalnya, “buat aplikasi todo dengan skema kelas ”) biarkan ai agent menghasilkan skema data relasional jika anda memiliki sebuah kategori yang terhubung dengan banyak todo item, anda dapat menggunakan pointers atau relations kueri langsung untuk pembaruan waktu nyata di aplikasi jquery anda aktifkan kueri langsung di dasbor back4app anda di bawah pengaturan server inisialisasi langganan kueri langsung langganan ini memberi tahu anda secara real time setiap kali objek “todo” dibuat, diperbarui, atau dihapus langkah 3 – menerapkan keamanan dengan acl dan clp mekanisme keamanan back4app acl (daftar kontrol akses) dan clp (izin tingkat kelas) memungkinkan anda mengontrol siapa yang dapat membaca dan menulis data pada tingkat objek atau kelas daftar kontrol akses (acl) sebuah acl ditetapkan pada objek individu untuk membatasi akses izin tingkat kelas (clp) clp mengontrol izin default untuk seluruh kelas di dasbor back4app anda , buka database bagian pilih kelas anda (misalnya, “todo”) pergi ke izin tingkat kelas tab untuk mengonfigurasi akses publik, terautentikasi, atau berbasis peran gabungkan acl untuk keamanan tingkat objek dengan clp untuk pembatasan yang lebih luas untuk lebih jelasnya, lihat pedoman keamanan aplikasi https //www back4app com/docs/security/parse security langkah 4 – menulis dan menerapkan fungsi cloud kode cloud menjalankan javascript kustom di sisi server, memungkinkan anda menambahkan logika bisnis, validasi data, atau panggilan api eksternal cara kerjanya anda menempatkan kode anda di main js (atau file serupa), menyebarkannya ke back4app, dan membiarkan parse server menangani eksekusi anda juga dapat menggunakan modul npm untuk logika yang lebih kompleks // main js const axios = require('axios'); parse cloud define('fetchexternaldata', async (request) => { const url = request params url; if (!url) { throw new error('url parameter is required'); } const response = await axios get(url); return response data; }); parse cloud beforesave('todo', (request) => { const todo = request object; if (!todo get('title')) { throw new error('todo must have a title'); } }); sebarkan fungsi anda melalui back4app cli b4a deploy melalui dashboard di dashboard aplikasi anda, pergi ke cloud code > functions salin/tempel fungsi ke main js klik deploy memanggil fungsi anda dari jquery, anda dapat memanggil fungsi cloud seperti ini langkah 5 – mengonfigurasi autentikasi pengguna autentikasi pengguna di back4app back4app menggunakan parse user kelas untuk autentikasi pengacakan kata sandi, token sesi, dan penyimpanan aman ditangani secara otomatis mengatur autentikasi pengguna manajemen sesi anda dapat mengambil pengguna saat ini const currentuser = parse user current(); if (currentuser) { console log('logged in user ', currentuser getusername()); } else { console log('no user is logged in'); } keluar parse user logout(); integrasi login sosial back4app mendukung google, facebook, apple, dan penyedia oauth lainnya untuk lebih jelasnya, lihat dokumentasi login sosial https //www back4app com/docs/platform/sign in with apple langkah 6 – menangani penyimpanan file mengunggah dan mengambil file gunakan parse file untuk menangani unggahan anda dapat menyimpan file dalam kelas dengan menetapkannya ke sebuah field const photo = parse object extend('photo'); const photo = new photo(); photo set('imagefile', parsefile); photo save(); mengambil url file const imagefile = photo get('imagefile'); const imageurl = imagefile url(); keamanan file anda dapat mengelola siapa yang dapat mengunggah file dengan memodifikasi pengaturan unggah file di parse server { "fileupload" { "enableforpublic" true, "enableforanonymoususer" true, "enableforauthenticateduser" true } } langkah 7 – menjadwalkan tugas dengan cloud jobs cloud jobs anda dapat menjalankan tugas rutin, seperti menghapus data lama // main js parse cloud job('cleanupoldtodos', async (request) => { const todo = parse object extend('todo'); const query = new parse query(todo); const now = new date(); const thirty days = 30 24 60 60 1000; const cutoff = new date(now thirty days); query lessthan('createdat', cutoff); try { const oldtodos = await query find({ usemasterkey true }); await parse object destroyall(oldtodos, { usemasterkey true }); return `deleted ${oldtodos length} old todos `; } catch (err) { throw new error('error during cleanup ' + err message); } }); di dasbor, pergi ke pengaturan aplikasi > pengaturan server > pekerjaan latar belakang untuk menjadwalkannya langkah 8 – mengintegrasikan webhooks webhooks memungkinkan aplikasi anda mengirim permintaan http ke layanan eksternal setiap kali peristiwa tertentu terjadi pergi ke more > webhooks di dasbor back4app anda tambahkan webhook baru dengan endpoint eksternal anda konfigurasi pemicu untuk peristiwa seperti “rekaman baru di kelas todo ” anda mungkin mengintegrasikan slack atau gateway pembayaran seperti stripe dengan mengirimkan data peristiwa melalui webhook langkah 9 – menjelajahi panel admin back4app aplikasi back4app admin app menawarkan antarmuka berbasis web yang tidak teknis untuk operasi crud mengaktifkan aplikasi admin pergi ke app dashboard > more > admin app dan klik “enable admin app” buat pengguna admin pertama , yang secara otomatis membuat peran baru (b4aadminuser) dan kelas dalam skema anda pilih subdomain untuk mengakses aplikasi admin masuk menggunakan kredensial admin baru anda setelah diaktifkan, aplikasi admin ini memungkinkan anda mengelola data atau memberikan akses kepada anggota tim tanpa perlu coding kesimpulan dalam panduan ini, anda telah belajar bagaimana membangun backend untuk jquery dengan back4app anda membuat proyek back4app baru sebagai fondasi backend anda mengatur database, termasuk desain skema dan hubungan data menggunakan acl dan clp untuk keamanan yang lebih terperinci menerapkan cloud code untuk logika sisi server yang kustom mengonfigurasi otentikasi pengguna, penyimpanan file, dan pembaruan waktu nyata menjadwalkan pekerjaan latar belakang dan mengintegrasikan webhook untuk layanan eksternal menjelajahi panel admin back4app untuk manajemen data yang lebih sederhana anda sekarang dilengkapi untuk memperluas pengaturan dasar jquery + back4app ini menjadi solusi produksi penuh teruslah mengintegrasikan fitur fitur canggih seperti login sosial atau aturan keamanan yang lebih rinci selamat membangun aplikasi anda yang dapat diskalakan dan berbasis data! langkah selanjutnya siap untuk produksi tambahkan izin berbasis peran yang canggih, strategi caching, dan penyetelan kinerja integrasikan api pihak ketiga untuk pembayaran, pesan, atau analitik jelajahi dokumen back4app selami lebih dalam ke keamanan canggih, log, atau analitik buat aplikasi dunia nyata gunakan kesederhanaan jquery yang dipadukan dengan layanan backend back4app yang kuat