Quickstarters
Cara Membangun Backend untuk NativeScript?

44min
Pendahuluan
Dalam tutorial ini, Anda akan belajar cara membangun backend untuk NativeScript menggunakan Back4app, sebuah platform sumber terbuka yang menyederhanakan pengembangan backend untuk aplikasi mobile. 
Kami akan membahas integrasi fitur-fitur penting Back4app—seperti manajemen database, Fungsi Cloud Code, endpoint api REST dan GraphQL, otentikasi pengguna, dan kueri waktu nyata (Kueri Langsung)—untuk membuat backend yang aman dan dapat diskalakan untuk aplikasi NativeScript Anda.
Anda juga akan menemukan bagaimana Back4app secara drastis mengurangi waktu pengaturan dibandingkan dengan konfigurasi server dan database manual. 
Kami akan menjelajahi mekanisme keamanan lanjutan, penjadwalan tugas dengan Pekerjaan Cloud, dan menggunakan webhook untuk terhubung dengan layanan pihak ketiga. 
Pada akhir panduan ini, Anda akan memiliki backend yang fleksibel yang memanfaatkan NativeScript Core, yang mendukung solusi mobile lintas platform NativeScript.
Dengan fondasi ini, Anda akan siap untuk mengintegrasikan logika kustom Anda sendiri atau API eksternal sesuai kebutuhan. Ini akan menjadi langkah besar menuju pengembangan aplikasi NativeScript yang siap produksi.
Prasyarat
Akun Back4app dan proyek Back4app baru
Memulai dengan Back4app.
Jika Anda tidak memiliki akun, Anda dapat membuat satu secara gratis. Ikuti panduan di atas untuk menyiapkan proyek Anda.
Lingkungan pengembangan NativeScript dasar
Anda dapat menyiapkannya menggunakan NativeScript CLI atau alur kerja lain yang diinginkan.
Panduan Memulai NativeScript.﻿
Node.js (versi 14 atau lebih tinggi) terinstal
Anda akan memerlukan Node.js untuk menginstal paket npm dan menjalankan NativeScript CLI. Menginstal Node.js﻿
Keterampilan dalam JavaScript dan NativeScript Core
Dokumentasi Resmi NativeScript.
Jika Anda baru mengenal NativeScript, tinjau dokumen resmi atau tutorial pemula sebelum memulai.
Pastikan Anda memiliki semua prasyarat ini sebelum Anda mulai. Memiliki proyek Back4app Anda yang disiapkan dan lingkungan NativeScript lokal Anda yang siap akan membantu Anda mengikuti dengan lebih mudah.
Langkah 1 – Menyiapkan Proyek Back4app
Buat Proyek Baru
Langkah pertama dalam membangun backend NativeScript Anda di Back4app adalah membuat proyek baru. Jika Anda belum melakukannya, ikuti langkah-langkah ini:
Masuk ke akun Back4app Anda.
Klik tombol “Aplikasi Baru” di dasbor Back4app Anda.
Beri nama aplikasi Anda (misalnya, “NativeScript-Backend-Tutorial”).
﻿
Setelah membuat proyek, Anda akan melihatnya terdaftar di dasbor Back4app Anda. Proyek ini akan menjadi dasar untuk semua konfigurasi backend yang dibahas dalam tutorial ini.
Sambungkan SDK Parse
Back4app menggunakan Platform Parse untuk menangani data Anda, fungsionalitas waktu nyata, otentikasi pengguna, dan lainnya. Untuk menghubungkan aplikasi NativeScript Anda ke Back4app, instal paket parse npm dan inisialisasi dengan kredensial yang Anda dapatkan dari dasbor Back4app Anda.
Ambil Kunci Parse Anda:
Di dasbor Back4app Anda, pergi ke bagian “Pengaturan Aplikasi” atau “Keamanan & Kunci” aplikasi Anda. Cari ID Aplikasi, Kunci JavaScript, dan URL Server Parse (dalam format https://parseapi.back4app.com).
﻿
Instal Parse SDK:
Bash
npm install parse
npm install parse
﻿
Kemudian, inisialisasi Parse dalam file konfigurasi atau file entri utama Anda (misalnya, app.js). Sebagai contoh, Anda mungkin membuat file bernama parseConfig.js dalam proyek berbasis NativeScript:
src/parseConfig.js
import Parse from 'parse';

// Replace the placeholders with your Back4app credentials
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com';

export default Parse;
import Parse from 'parse';

// Replace the placeholders with your Back4app credentials
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com';

export default Parse;
﻿
Setiap kali Anda perlu mengakses Parse di aplikasi NativeScript Anda, cukup impor file ini. Dengan menyelesaikan langkah ini, Anda telah membangun koneksi yang aman antara frontend NativeScript Anda dan backend Back4app, menyederhanakan operasi data.
Langkah 2 – Menyiapkan Database
Menyimpan dan Mengambil Data
Dengan proyek Back4app Anda siap dan Parse SDK terintegrasi, Anda dapat menyimpan dan mengambil data dari aplikasi NativeScript Anda. Di bawah ini adalah contoh menggunakan Parse.Object kelas untuk menyimpan dan mengambil daftar item:
JS
// Example: Create a Task item
import Parse from './parseConfig';

async function createTaskItem(title, isCompleted) {
  const Task = Parse.Object.extend('Task');
  const task = new Task();
  task.set('title', title);
  task.set('isCompleted', isCompleted);

  try {
    const savedTask = await task.save();
    console.log('Task saved successfully:', savedTask);
    return savedTask;
  } catch (error) {
    console.error('Error saving Task:', error);
  }
}

// Example: Query all Task items
async function fetchTasks() {
  const Task = Parse.Object.extend('Task');
  const query = new Parse.Query(Task);

  try {
    const results = await query.find();
    console.log('Fetched Task items:', results);
    return results;
  } catch (error) {
    console.error('Error fetching Tasks:', error);
  }
}
// Example: Create a Task item
import Parse from './parseConfig';

async function createTaskItem(title, isCompleted) {
  const Task = Parse.Object.extend('Task');
  const task = new Task();
  task.set('title', title);
  task.set('isCompleted', isCompleted);

  try {
    const savedTask = await task.save();
    console.log('Task saved successfully:', savedTask);
    return savedTask;
  } catch (error) {
    console.error('Error saving Task:', error);
  }
}

// Example: Query all Task items
async function fetchTasks() {
  const Task = Parse.Object.extend('Task');
  const query = new Parse.Query(Task);

  try {
    const results = await query.find();
    console.log('Fetched Task items:', results);
    return results;
  } catch (error) {
    console.error('Error fetching Tasks:', error);
  }
}
﻿
Anda juga dapat menggunakan REST API Back4app jika Anda lebih suka panggilan HTTP langsung:
Bash
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 supplies", "isCompleted": false}' \
  https://parseapi.back4app.com/classes/Task
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 supplies", "isCompleted": false}' \
  https://parseapi.back4app.com/classes/Task
﻿
Atau gunakan GraphQL:
GraphQL
mutation {
  createTask(input: {
    fields: {
      title: "Clean the house"
      isCompleted: false
    }
  }) {
    task {
      objectId
      title
      isCompleted
    }
  }
}
mutation {
  createTask(input: {
    fields: {
      title: "Clean the house"
      isCompleted: false
    }
  }) {
    task {
      objectId
      title
      isCompleted
    }
  }
}
﻿
Fleksibilitas ini membuatnya nyaman untuk membangun fitur backend untuk aplikasi NativeScript Anda melalui Parse SDK, REST, atau endpoint API GraphQL.
Desain Skema dan Tipe Data
Secara default, Parse dapat secara otomatis membuat skema secara langsung, atau Anda dapat mendefinisikan kelas dan tipe data Anda di dasbor Back4app:
Pergi ke bagian “Database” di dasbor Back4app Anda.
Buat kelas baru (misalnya, “Task”) dan tambahkan kolom seperti title (String) dan isCompleted (Boolean).
Buat Kelas Baru
﻿
Back4app mendukung tipe data seperti String, Number, Boolean, Object, Date, File, Pointer, Array, Relation, GeoPoint, dan Polygon. Anda dapat membiarkan Parse membuat kolom ini saat Anda pertama kali menyimpan objek atau mendefinisikannya untuk kontrol lebih.
Buat Kolom
﻿
Menggunakan AI Agent Back4app juga dapat membantu Anda menghasilkan skema secara otomatis:
Buka AI Agent di Dasbor Aplikasi Anda.
Deskripsikan model data yang Anda inginkan (misalnya, “Silakan buat kelas Tugas baru untuk aplikasi seluler dengan bidang isCompleted dan dueDate.”).
Biarkan agen membuat skema secara otomatis.
﻿
Data Relasional
Jika Anda menginginkan data relasional—seperti sebuah Kategori objek yang menunjuk ke beberapa Tugas item—gunakan Pointers atau Relations di Parse:
JS
// Linking a Task to a Category with a pointer
async function createTaskForCategory(categoryObjectId, title) {
  const task = new Parse.Object('Task');
  const categoryPointer = new Parse.Object('Category');
  categoryPointer.id = categoryObjectId;

  task.set('title', title);
  task.set('category', categoryPointer);

  try {
    return await task.save();
  } catch (err) {
    console.error('Error creating Task with category relationship:', err);
  }
}

// Including the pointer data in a query
const query = new Parse.Query('Task');
query.include('category');
const tasksWithCategory = await query.find();
// Linking a Task to a Category with a pointer
async function createTaskForCategory(categoryObjectId, title) {
  const task = new Parse.Object('Task');
  const categoryPointer = new Parse.Object('Category');
  categoryPointer.id = categoryObjectId;

  task.set('title', title);
  task.set('category', categoryPointer);

  try {
    return await task.save();
  } catch (err) {
    console.error('Error creating Task with category relationship:', err);
  }
}

// Including the pointer data in a query
const query = new Parse.Query('Task');
query.include('category');
const tasksWithCategory = await query.find();
﻿
Pendekatan ini membantu Anda mengambil data lengkap untuk sebuah Tugas dan Kategori terkait dalam satu query.
Query Langsung
Untuk pembaruan waktu nyata, aktifkan Live Queries di bawah Pengaturan Server di dasbor Back4app. Pengembang NativeScript dapat berlangganan untuk perubahan dalam kelas tertentu. Perbarui pengaturan Parse Anda untuk menyertakan URL server Live Query:
src/parseConfig.js
import Parse from 'parse';

// Replace the placeholders with your Back4app credentials
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com';
Parse.liveQueryServerURL = 'wss://YOUR_SUBDOMAIN_HERE.b4a.io'; 

export default Parse;
import Parse from 'parse';

// Replace the placeholders with your Back4app credentials
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com';
Parse.liveQueryServerURL = 'wss://YOUR_SUBDOMAIN_HERE.b4a.io'; 

export default Parse;
﻿
Dan kemudian berlangganan ke acara waktu nyata:
JS
import Parse from './parseConfig';

async function subscribeToTasks(callback) {
  const query = new Parse.Query('Task');
  const subscription = await query.subscribe();

  subscription.on('create', (newTask) => {
    console.log('New Task created:', newTask);
    callback('create', newTask);
  });

  subscription.on('update', (updatedTask) => {
    console.log('Task updated:', updatedTask);
    callback('update', updatedTask);
  });

  subscription.on('delete', (deletedTask) => {
    console.log('Task deleted:', deletedTask);
    callback('delete', deletedTask);
  });

  return subscription;
}
import Parse from './parseConfig';

async function subscribeToTasks(callback) {
  const query = new Parse.Query('Task');
  const subscription = await query.subscribe();

  subscription.on('create', (newTask) => {
    console.log('New Task created:', newTask);
    callback('create', newTask);
  });

  subscription.on('update', (updatedTask) => {
    console.log('Task updated:', updatedTask);
    callback('update', updatedTask);
  });

  subscription.on('delete', (deletedTask) => {
    console.log('Task deleted:', deletedTask);
    callback('delete', deletedTask);
  });

  return subscription;
}
﻿
Langganan ini secara otomatis memperbarui UI Anda setiap kali sebuah Task ditambahkan, dimodifikasi, atau dihapus—sempurna untuk aplikasi NativeScript kolaboratif secara langsung.
Langkah 3 – Menerapkan Keamanan dengan ACL dan CLP
Mekanisme Keamanan Back4app
Back4app menggabungkan Access Control Lists (ACLs) dan Class-Level Permissions (CLPs) untuk melindungi data Anda. Model keamanan ini memungkinkan Anda mengontrol akses baca/tulis baik di tingkat kelas maupun objek.
﻿
Access Control Lists (ACLs)
Sebuah ACL menetapkan izin untuk setiap objek. Misalnya, untuk memberikan akses baca dan tulis hanya kepada pemilik:
JS
async function createPrivateTask(title, ownerUser) {
  const Task = Parse.Object.extend('Task');
  const task = new Task();
  task.set('title', title);

  const acl = new Parse.ACL(ownerUser);
  acl.setPublicReadAccess(false);
  acl.setPublicWriteAccess(false);
  task.setACL(acl);

  try {
    return await task.save();
  } catch (err) {
    console.error('Error saving private task:', err);
  }
}
async function createPrivateTask(title, ownerUser) {
  const Task = Parse.Object.extend('Task');
  const task = new Task();
  task.set('title', title);

  const acl = new Parse.ACL(ownerUser);
  acl.setPublicReadAccess(false);
  acl.setPublicWriteAccess(false);
  task.setACL(acl);

  try {
    return await task.save();
  } catch (err) {
    console.error('Error saving private task:', err);
  }
}
﻿
Ini memastikan hanya pengguna yang ditentukan yang dapat memodifikasi atau membaca objek tersebut.
Edit ACL
﻿
Izin Tingkat Kelas (CLP)
CLP menetapkan izin default untuk seluruh kelas:
Buka Database di Back4app dan pilih kelas yang relevan.
Akses Izin Tingkat Kelas tab.
Sesuaikan izin untuk publik, pengguna terautentikasi, atau peran tertentu sesuai kebutuhan.
﻿
Menggabungkan ACL dan CLP menawarkan model keamanan yang kuat untuk aplikasi NativeScript. Untuk informasi lebih lanjut, lihat Pedoman Keamanan Aplikasi.
Langkah 4 – Menulis dan Menerapkan Fungsi Cloud
Kode Cloud memungkinkan Anda menjalankan kode JavaScript kustom di sisi server, sehingga Anda tidak perlu memelihara infrastruktur sendiri. Ini ideal untuk menambahkan logika canggih atau integrasi hanya di server dalam backend NativeScript Anda.
Cara Kerjanya
Anda biasanya menempatkan Cloud Code Anda (fungsi JavaScript, pemicu, dan modul NPM yang diperlukan) di dalam file main.js . Kemudian Anda menyebarkannya ke Back4app, dan ia berjalan di lingkungan Parse Server tanpa konfigurasi server tambahan.
Contoh Struktur main.js:
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('Task', (request) => {
  const task = request.object;
  if (!task.get('title')) {
    throw new Error('Task must have a title');
  }
});
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('Task', (request) => {
  const task = request.object;
  if (!task.get('title')) {
    throw new Error('Task must have a title');
  }
});
﻿
Anda dapat menginstal dan menggunakan paket NPM seperti axios untuk permintaan HTTP. Pendekatan ini memungkinkan berbagai integrasi, dari gerbang pembayaran hingga API eksternal, semua di balik keamanan aplikasi Back4app Anda.
Kasus Penggunaan Umum
Logika Bisnis: Perhitungan otomatis, transformasi data, atau pembaruan status.
Validasi Data: Memastikan bidang yang diperlukan ada sebelum menyimpan.
Pemicu: Menjalankan kode saat data dibuat, diperbarui, atau dihapus.
Integrasi: Menghubungkan dengan layanan eksternal untuk pembayaran, analitik, atau pesan.
Penegakan Keamanan: Memvalidasi data yang masuk atau peran pengguna sebelum melanjutkan.
Sebarkan Fungsi Anda
Berikut adalah fungsi sederhana yang menghitung panjang teks:
main.js
Parse.Cloud.define('calculateTextLength', async (request) => {
  const { text } = request.params;
  if (!text) {
    throw new Error('No text provided');
  }
  return { length: text.length };
});
Parse.Cloud.define('calculateTextLength', async (request) => {
  const { text } = request.params;
  if (!text) {
    throw new Error('No text provided');
  }
  return { length: text.length };
});
﻿
Mengdeploy melalui Back4app CLI:
Instal CLI:
Bash
curl https://raw.githubusercontent.com/back4app/parse-cli/back4app/installer.sh | sudo /bin/bash
curl https://raw.githubusercontent.com/back4app/parse-cli/back4app/installer.sh | sudo /bin/bash
﻿
Untuk Windows, unduh file b4a.exe dari halaman rilis.}]},{
Mengdeploy melalui Dashboard:
Bash
b4a deploy
b4a deploy
﻿
Deploy kode cloud Anda:
Bash
b4a configure accountkey
b4a configure accountkey
﻿
Konfigurasi kunci akun Anda:
Pergi ke Cloud Code > Functions di dasbor Anda.
Tempel kode fungsi Anda ke main.js.
Klik Deploy.
﻿
Memanggil Fungsi Anda
Dari aplikasi NativeScript Anda menggunakan Parse SDK:
JS
import Parse from './parseConfig';

async function getTextLength(text) {
  try {
    const result = await Parse.Cloud.run('calculateTextLength', { text });
    console.log('Text length:', result.length);
  } catch (err) {
    console.error('Error calling cloud function:', err);
  }
}
import Parse from './parseConfig';

async function getTextLength(text) {
  try {
    const result = await Parse.Cloud.run('calculateTextLength', { text });
    console.log('Text length:', result.length);
  } catch (err) {
    console.error('Error calling cloud function:', err);
  }
}
﻿
Anda juga dapat memanggilnya menggunakan REST atau GraphQL:
Bash
curl -X POST \
  -H "X-Parse-Application-Id: YOUR_APP_ID" \
  -H "X-Parse-REST-API-Key: YOUR_REST_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"text": "Hello Back4app"}' \
  https://parseapi.back4app.com/functions/calculateTextLength
curl -X POST \
  -H "X-Parse-Application-Id: YOUR_APP_ID" \
  -H "X-Parse-REST-API-Key: YOUR_REST_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"text": "Hello Back4app"}' \
  https://parseapi.back4app.com/functions/calculateTextLength
﻿
GraphQL
mutation {
  calculateTextLength(input: {
    text: "Hello GraphQL"
  }) {
    result
  }
}
mutation {
  calculateTextLength(input: {
    text: "Hello GraphQL"
  }) {
    result
  }
}
﻿
Ini memberi Anda cara yang fleksibel untuk mengintegrasikan logika sisi server ke dalam aplikasi seluler berbasis NativeScript Anda.
Langkah 5 – Mengonfigurasi Autentikasi Pengguna
Autentikasi Pengguna di Back4app
Back4app menggunakan kelas Parse User untuk menangani autentikasi, yang mencakup hashing kata sandi, token sesi, dan lainnya. Ini menghilangkan banyak kompleksitas yang terkait dengan pengelolaan akun pengguna.
Mengatur Autentikasi Pengguna
Di aplikasi NativeScript Anda, Anda dapat membuat pengguna baru:
JS
import Parse from './parseConfig';

async function signUpUser(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 signed up successfully!');
  } catch (error) {
    console.error('Error signing up user:', error);
  }
}

async function logInUser(username, password) {
  try {
    const user = await Parse.User.logIn(username, password);
    console.log('User logged in:', user);
  } catch (error) {
    console.error('Error logging in user:', error);
  }
}
import Parse from './parseConfig';

async function signUpUser(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 signed up successfully!');
  } catch (error) {
    console.error('Error signing up user:', error);
  }
}

async function logInUser(username, password) {
  try {
    const user = await Parse.User.logIn(username, password);
    console.log('User logged in:', user);
  } catch (error) {
    console.error('Error logging in user:', error);
  }
}
﻿
Contoh REST mungkin terlihat seperti:
Bash
curl -X GET \
  -H "X-Parse-Application-Id: YOUR_APP_ID" \
  -H "X-Parse-REST-API-Key: YOUR_REST_API_KEY" \
  -G \
  --data-urlencode 'username=alice' \
  --data-urlencode 'password=secret123' \
  https://parseapi.back4app.com/login
curl -X GET \
  -H "X-Parse-Application-Id: YOUR_APP_ID" \
  -H "X-Parse-REST-API-Key: YOUR_REST_API_KEY" \
  -G \
  --data-urlencode 'username=alice' \
  --data-urlencode 'password=secret123' \
  https://parseapi.back4app.com/login
﻿
Manajemen Sesi
Setelah masuk, Parse memberikan token sesi kepada pengguna. Untuk memeriksa pengguna yang saat ini masuk:
JS
const currentUser = Parse.User.current();
if (currentUser) {
  console.log('Logged-in user:', currentUser.getUsername());
} else {
  console.log('No user is logged in');
}
const currentUser = Parse.User.current();
if (currentUser) {
  console.log('Logged-in user:', currentUser.getUsername());
} else {
  console.log('No user is logged in');
}
﻿
Keluar sangatlah sederhana:
JS
await Parse.User.logOut();
await Parse.User.logOut();
﻿
Integrasi Login Sosial
Parse juga terintegrasi dengan penyedia OAuth seperti Google atau Facebook. Pengaturan bervariasi per penyedia, jadi lihat Masuk Dengan Apple dan Lainnya untuk detailnya. Misalnya, dengan Facebook:
JS
const facebookLogin = async () => {
  try {
    const user = await Parse.FacebookUtils.logIn('email');
    console.log(user.existed() ? 'User logged in' : 'User signed up and logged in');
  } catch (error) {
    console.error('Error logging in with Facebook:', error);
  }
};
const facebookLogin = async () => {
  try {
    const user = await Parse.FacebookUtils.logIn('email');
    console.log(user.existed() ? 'User logged in' : 'User signed up and logged in');
  } catch (error) {
    console.error('Error logging in with Facebook:', error);
  }
};
﻿
Verifikasi Email dan Reset Kata Sandi
Aktifkan fitur ini di dasbor Back4app Anda:
Navigasikan ke Pengaturan Email di aplikasi Back4app Anda.
Aktifkan verifikasi email dan reset kata sandi.
Konfigurasikan template email dan alamat “Dari” Anda.
Langkah 6 – Menangani Penyimpanan File
Mengunggah dan Mengambil Berkas
Back4app mendukung manajemen berkas melalui kelas Parse.File. Di NativeScript, Anda dapat mengunggah gambar atau dokumen dengan cara yang sama:
JS
import Parse from './parseConfig';

async function uploadImage(file) {
  const name = file.name;
  const parseFile = new Parse.File(name, file);

  try {
    const savedFile = await parseFile.save();
    console.log('File saved:', savedFile.url());
    return savedFile.url();
  } catch (err) {
    console.error('Error uploading file:', err);
  }
}

async function createPhotoObject(file) {
  const Photo = Parse.Object.extend('Photo');
  const photo = new Photo();
  const parseFile = new Parse.File(file.name, file);
  photo.set('imageFile', parseFile);

  return await photo.save();
}
import Parse from './parseConfig';

async function uploadImage(file) {
  const name = file.name;
  const parseFile = new Parse.File(name, file);

  try {
    const savedFile = await parseFile.save();
    console.log('File saved:', savedFile.url());
    return savedFile.url();
  } catch (err) {
    console.error('Error uploading file:', err);
  }
}

async function createPhotoObject(file) {
  const Photo = Parse.Object.extend('Photo');
  const photo = new Photo();
  const parseFile = new Parse.File(file.name, file);
  photo.set('imageFile', parseFile);

  return await photo.save();
}
﻿
Anda dapat mengambil URL berkas dari objek yang disimpan:
JS
const imageFile = photo.get('imageFile');
const imageUrl = imageFile.url();
// Use imageUrl in your NativeScript UI components
const imageFile = photo.get('imageFile');
const imageUrl = imageFile.url();
// Use imageUrl in your NativeScript UI components
﻿
Keamanan Berkas
Parse Server memungkinkan Anda mengonfigurasi keamanan unggahan berkas:
JSON
{
  "fileUpload": {
    "enableForPublic": true,
    "enableForAnonymousUser": true,
    "enableForAuthenticatedUser": true
  }
}
{
  "fileUpload": {
    "enableForPublic": true,
    "enableForAnonymousUser": true,
    "enableForAuthenticatedUser": true
  }
}
﻿
Ini memastikan Anda dapat membatasi atau mengizinkan unggahan berkas berdasarkan preferensi keamanan Anda.
Langkah 7 – Menjadwalkan Tugas dengan Cloud Jobs
Pekerjaan Cloud
Pekerjaan Cloud membantu Anda mengotomatiskan tugas rutin, seperti menghapus catatan yang sudah tidak relevan atau mengirimkan notifikasi. Misalnya:
JS
// main.js
Parse.Cloud.job('cleanupOldTasks', async (request) => {
  const Task = Parse.Object.extend('Task');
  const query = new Parse.Query(Task);

  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 oldTasks = await query.find({ useMasterKey: true });
    await Parse.Object.destroyAll(oldTasks, { useMasterKey: true });
    return `Deleted ${oldTasks.length} old Tasks.`;
  } catch (err) {
    throw new Error('Cleanup error:' + err.message);
  }
});
// main.js
Parse.Cloud.job('cleanupOldTasks', async (request) => {
  const Task = Parse.Object.extend('Task');
  const query = new Parse.Query(Task);

  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 oldTasks = await query.find({ useMasterKey: true });
    await Parse.Object.destroyAll(oldTasks, { useMasterKey: true });
    return `Deleted ${oldTasks.length} old Tasks.`;
  } catch (err) {
    throw new Error('Cleanup error:' + err.message);
  }
});
﻿
Terapkan pekerjaan ini melalui CLI atau dasbor.
Di Dasbor Back4app > Pengaturan Server > Pekerjaan Latar Belakang, jadwalkan untuk dijalankan setiap hari atau pada interval yang Anda pilih.
Jadwal Pekerjaan Cloud
﻿
Langkah 8 – Mengintegrasikan Webhook
Webhook memungkinkan Anda mengirim permintaan HTTP ke layanan eksternal ketika peristiwa tertentu terjadi di aplikasi Anda—seperti catatan baru atau pendaftaran pengguna. Ini dapat digunakan untuk mengintegrasikan dengan Slack, gerbang pembayaran, atau platform analitik.
Pergi ke konfigurasi Webhook di dasbor Back4app Anda dan pilih Tambahkan Webhook.
Tambahkan URL endpoint Anda (misalnya, https://your-service.com/webhook).
Konfigurasi pemicu untuk kelas atau peristiwa tertentu.
Menambahkan Webhook
﻿
Anda juga dapat mendefinisikan webhook dalam Cloud Code atau memanggil API eksternal langsung dalam pemicu seperti beforeSave atau afterSave.
BeforeSave WebHook
﻿
Langkah 9 – Menjelajahi Panel Admin Back4app
Aplikasi Back4app Admin App adalah antarmuka yang berfokus pada model dan ramah pengguna untuk manajemen data. Ini membantu tim atau pengguna non-teknis melakukan operasi CRUD, membuat dasbor kustom, dan mengelola tugas tingkat perusahaan tanpa menulis kode.
Mengaktifkan Aplikasi Admin
Di Dasbor Aplikasi, klik Lainnya > Aplikasi Admin.
Aktifkan Aplikasi Admin.
Aktifkan Aplikasi Admin
﻿
Buat pengguna admin pertama (username/password). Pengaturan ini menambahkan peran B4aAdminUser dan kelas terkait (B4aSetting, B4aMenuItem, dll.) ke skema Anda.
﻿
Pilih subdomain, lalu masuk dengan kredensial admin baru Anda:
﻿
﻿
Portal ini memungkinkan manipulasi data dengan cepat tanpa meninggalkan antarmuka grafis—solusi yang hebat untuk berkolaborasi dengan anggota tim yang mungkin tidak akrab dengan pemrograman.
Kesimpulan
Dengan mengikuti panduan ini, Anda telah belajar cara membangun backend untuk NativeScript menggunakan Back4app dan:
Membuat backend yang aman untuk aplikasi NativeScript Anda.
Mengonfigurasi database dengan kelas, skema, dan hubungan.
Menerapkan kueri waktu nyata untuk pembaruan langsung.
Mengamankan data Anda dengan ACL dan CLP.
Memperluas fungsionalitas dengan Cloud Code.
Mengatur otentikasi untuk pendaftaran pengguna, login, dan token sesi.
Mengelola unggahan file dan pengambilan melalui Parse File.
Menjadwalkan Cloud Jobs untuk tugas otomatis dan berkala.
Membuat Webhooks untuk integrasi pihak ketiga.
Menggunakan Panel Admin Back4app untuk manajemen data tanpa kode.
Langkah-langkah ini membentuk dasar yang kuat untuk membangun aplikasi seluler sumber terbuka dan lintas platform dengan NativeScript Core. Teruslah menjelajahi fitur-fitur lanjutan, masukkan lebih banyak titik akhir API, atau integrasikan logika kustom Anda sendiri untuk menyesuaikan backend dengan kebutuhan tepat aplikasi Anda.
Langkah Selanjutnya
Skalakan aplikasi NativeScript Anda dengan mengoptimalkan kinerja, caching, dan aturan keamanan.
Jelajahi manajemen pengguna yang lebih canggih seperti izin berbasis peran.
Periksa dokumentasi resmi Back4app untuk panduan mendalam tentang keamanan, log, dan kinerja.
Eksperimen dengan integrasi dunia nyata seperti pembayaran atau alat analitik.
Selamat coding, dan nikmati alur kerja pengembangan yang efisien yang disediakan oleh Back4app!
Diperbarui 24 Jan 2025
Apakah halaman ini membantu Anda?
SEBELUMNYA
Cara Membangun Backend untuk htmx?
BERIKUTNYA
Cara Membangun Backend untuk ASP.NET Core?