Quickstarters
Cara Membangun Backend untuk WatchOS?

39min
Pendahuluan
Dalam tutorial ini, Anda akan menemukan cara membangun backend untuk watchOS aplikasi menggunakan Back4App. 
Apakah Anda sedang membuat ekstensi WatchKit untuk aplikasi iPhone Anda atau merancang pengalaman Apple Watch yang berdiri sendiri, Back4App menyederhanakan pekerjaan Anda dengan menyediakan alat-alat penting. 
Anda akan mengintegrasikan fitur-fitur seperti database yang aman, Fungsi Cloud Code, kueri waktu nyata (Live Queries), dan otentikasi pengguna—semua tanpa mengelola server Anda sendiri.
Anda juga akan melihat bagaimana rutinitas startup cepat Back4App dan lingkungan yang mudah digunakan memungkinkan Anda untuk fokus pada fungsi aplikasi watchOS Anda, daripada mengatur server. 
Sepanjang jalan, Anda akan belajar menangani tugas-tugas seperti penjadwalan pekerjaan, mengatur webhook, dan mengonfigurasi notifikasi push. 
Pada akhirnya, Anda akan memiliki dasar yang kuat untuk memperluas aplikasi jam tangan Anda atau aplikasi iOS untuk kebutuhan tingkat produksi, sambil memberikan sinkronisasi data yang mulus (melalui koneksi internet) antara aplikasi WatchKit dan backend Anda.
Prasyarat
Akun Back4App dan proyek Back4App baru
 Memulai dengan Back4app.
Jika Anda tidak memiliki akun, Anda dapat membuatnya secara gratis. Ikuti panduan di atas untuk menyiapkan proyek Anda.
Lingkungan pengembangan watchOS/Xcode
 Anda harus memiliki Xcode yang terinstal dengan SDK watchOS. Anda dapat menjalankan dan membangun ekstensi WatchKit Anda di Apple Watch yang nyata atau simulator.
Parse Swift SDK
Gunakan Swift Package Manager untuk menginstal dan mengonfigurasi SDK untuk watchOS Anda atau aplikasi iOS yang digabungkan.
Keterampilan dalam Swift, Xcode, dan ekosistem pengembangan Apple
 Dokumentasi Pengembang Apple.
Jika Anda baru di platform Apple, luangkan waktu untuk menjelajahi dokumen watchOS dan iOS sebelum memulai.
Pastikan Anda memenuhi prasyarat ini sebelum Anda mulai. Memiliki proyek Back4App Anda yang disiapkan dan lingkungan watchOS lokal Anda siap akan membantu Anda mengikuti dengan lancar.
Langkah 1 – Membuat Proyek Baru di Back4App dan menghubungkan
Mengapa Anda memerlukan proyek Back4App
Proyek Back4App baru sangat penting untuk menyimpan semua data dan menjalankan kode cloud untuk aplikasi watchOS Anda. Ini berfungsi sebagai dasar backend Anda.
Buat proyek Anda
Masuk ke Back4App.
Klik “Aplikasi Baru” di dasbor.
Beri nama aplikasi Anda (misalnya, “WatchOS-Backend-Tutorial”).
﻿
Instal Parse Swift SDK
Tambahkan Parse Swift sebagai ketergantungan di Package.swift atau dengan menggunakan File → Swift Packages → Tambahkan Ketergantungan Paket di Xcode. Berikan URL:
Swift
dependencies: [
    .package(url: "https://github.com/netreconlab/Parse-Swift.git", from: "5.0.0")
]
dependencies: [
    .package(url: "https://github.com/netreconlab/Parse-Swift.git", from: "5.0.0")
]
﻿
Inisialisasi Parse di kode watchOS atau kode bersama Anda
Di kode startup aplikasi WatchKit Anda atau di file bersama yang dapat diakses oleh watchOS dan aplikasi iPhone, inisialisasi Parse:
Swift
@main
struct MyWatchApp: App {
    init() {
        Task {
            do {
                try await ParseSwift.initialize(
                    applicationId: "YOUR_APP_ID",
                    clientKey: "YOUR_CLIENT_KEY",
                    serverURL: URL(string: "https://parseapi.back4app.com")!
                )
            } catch {
                print("Error initializing Parse: \(error)")
            }
        }
    }
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
@main
struct MyWatchApp: App {
    init() {
        Task {
            do {
                try await ParseSwift.initialize(
                    applicationId: "YOUR_APP_ID",
                    clientKey: "YOUR_CLIENT_KEY",
                    serverURL: URL(string: "https://parseapi.back4app.com")!
                )
            } catch {
                print("Error initializing Parse: \(error)")
            }
        }
    }
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
﻿
Pada titik ini, aplikasi watchOS Anda dapat berkomunikasi dengan backend Back4App. Apakah itu aplikasi Apple Watch independen atau ekstensi WatchKit yang dipasangkan dengan aplikasi iPhone, semua data backend mengalir melalui SDK Parse Swift.
Langkah 2 – Menyiapkan Database
1. Membuat Model Data
Back4App menggunakan fitur skema-saat-tulis dari Parse Server. Anda dapat mendefinisikan tabel (kelas) di bagian Database Back4App atau membiarkannya dibuat secara otomatis saat objek pertama kali disimpan. Misalnya, jika aplikasi watch Anda melacak data kesehatan, Anda mungkin memiliki kelas “HealthMetrics” dengan bidang seperti heartRate, steps, atau workoutType.
2. Membuat Model Data menggunakan AI Agent
AI Agent AI Agent Back4App memungkinkan Anda untuk mendeskripsikan skema Anda dalam bahasa yang sederhana:
Buka AI Agent di dasbor aplikasi Anda.
Berikan detail seperti “Tolong siapkan kelas Watch Metrics dengan field: dailySteps (Number), heartRate (Number).”
AI akan secara otomatis membuat skema untuk Anda.
﻿
3. Membaca dan Menulis Data menggunakan SDK
Berikut adalah contoh menyimpan dan men-query data dari aplikasi watchOS. Mari kita anggap kita memiliki sebuah HealthMetrics struct:
Swift
import ParseSwift

struct HealthMetrics: ParseObject {
    var objectId: String?
    var createdAt: Date?
    var updatedAt: Date?
    var ACL: ParseACL?
    var originalData: Data?

    var dailySteps: Int?
    var heartRate: Int?
}

// Saving data
func saveMetrics(steps: Int, heart: Int) async {
    var metrics = HealthMetrics()
    metrics.dailySteps = steps
    metrics.heartRate = heart

    do {
        let saved = try await metrics.save()
        print("Saved metrics: \(saved)")
    } catch {
        print("Error saving: \(error)")
    }
}

// Querying data
func fetchLatestMetrics() async {
    let query = HealthMetrics.query()
    do {
        let results = try await query.find()
        print("Fetched: \(results.count) items")
    } catch {
        print("Error fetching: \(error)")
    }
}
import ParseSwift

struct HealthMetrics: ParseObject {
    var objectId: String?
    var createdAt: Date?
    var updatedAt: Date?
    var ACL: ParseACL?
    var originalData: Data?

    var dailySteps: Int?
    var heartRate: Int?
}

// Saving data
func saveMetrics(steps: Int, heart: Int) async {
    var metrics = HealthMetrics()
    metrics.dailySteps = steps
    metrics.heartRate = heart

    do {
        let saved = try await metrics.save()
        print("Saved metrics: \(saved)")
    } catch {
        print("Error saving: \(error)")
    }
}

// Querying data
func fetchLatestMetrics() async {
    let query = HealthMetrics.query()
    do {
        let results = try await query.find()
        print("Fetched: \(results.count) items")
    } catch {
        print("Error fetching: \(error)")
    }
}
﻿
4. Membaca dan Menulis Data menggunakan REST API
Jika diperlukan, watchOS atau aplikasi iOS Anda juga dapat mengirim permintaan REST:
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 '{"dailySteps": 8000, "heartRate": 75}' \
  https://parseapi.back4app.com/classes/HealthMetrics
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 '{"dailySteps": 8000, "heartRate": 75}' \
  https://parseapi.back4app.com/classes/HealthMetrics
﻿
5. Membaca dan Menulis Data menggunakan GraphQL
Back4App juga menyediakan endpoint GraphQL. Misalnya:
GraphQL
mutation {
  createHealthMetrics(input: {
    fields: {
      dailySteps: 7500
      heartRate: 70
    }
  }) {
    healthMetrics {
      objectId
      dailySteps
      heartRate
    }
  }
}
mutation {
  createHealthMetrics(input: {
    fields: {
      dailySteps: 7500
      heartRate: 70
    }
  }) {
    healthMetrics {
      objectId
      dailySteps
      heartRate
    }
  }
}
﻿
6. Bekerja dengan Live Queries (opsional)
Jika Anda memerlukan pembaruan data waktu nyata di Apple Watch, aktifkan Live Queries:
Aktifkan Live Queries di bawah Pengaturan Server di Back4App.
Konfigurasikan URL Live Query di kode watchOS Anda:
Swift
ParseLiveQuery.configure(url: URL(string: "wss://YOUR_SUBDOMAIN.b4a.io")!)
ParseLiveQuery.configure(url: URL(string: "wss://YOUR_SUBDOMAIN.b4a.io")!)
﻿
Kemudian berlangganan untuk perubahan:
Swift
func subscribeMetricsUpdates() async throws {
    let subscription = HealthMetrics.query().subscribe()
    for try await event in subscription {
        switch event {
        case .created(let newData):
            print("New data: \(newData)")
        case .updated(let updatedData):
            print("Updated: \(updatedData)")
        default:
            break
        }
    }
}
func subscribeMetricsUpdates() async throws {
    let subscription = HealthMetrics.query().subscribe()
    for try await event in subscription {
        switch event {
        case .created(let newData):
            print("New data: \(newData)")
        case .updated(let updatedData):
            print("Updated: \(updatedData)")
        default:
            break
        }
    }
}
﻿
Langkah 3 – Menerapkan Keamanan dengan ACL dan CLP
1. Gambaran Singkat
Back4App memungkinkan Daftar Kontrol Akses (ACL) dan Izin Tingkat Kelas (CLP) untuk mengamankan basis data Anda. Misalnya, Anda mungkin membatasi metrik tertentu hanya untuk pengguna yang menghasilkan metrik tersebut atau hanya mengizinkan akses baca untuk akun yang terautentikasi.
2. Pengaturan Langkah-demi-Langkah
Izin Tingkat Kelas
Pergi ke Basis Data → Kelas → Keamanan untuk mendefinisikan default (misalnya, hanya baca untuk semua, tulis untuk pemilik).
ACL di Kode
Anda dapat menambahkan ACL ke setiap objek dalam WatchKit atau kode bersama Anda. Misalnya:
Swift
if let user = User.current {
    var acl = ParseACL()
    acl.setReadAccess(user: user, value: true)
    acl.setWriteAccess(user: user, value: true)

    var metrics = HealthMetrics()
    metrics.ACL = acl
}
if let user = User.current {
    var acl = ParseACL()
    acl.setReadAccess(user: user, value: true)
    acl.setWriteAccess(user: user, value: true)

    var metrics = HealthMetrics()
    metrics.ACL = acl
}
﻿
Ini memastikan hanya pengguna yang masuk yang dapat melihat atau memodifikasi objek HealthMetrics yang mereka buat.
Langkah 4 – Menulis Fungsi Cloud Code
1. Mengapa Cloud Code
Cloud Code membantu Anda menjalankan operasi yang kompleks atau rahasia di sisi server, seperti validasi data, panggilan API eksternal, atau pencatatan. Pengaturan ini berguna untuk meminimalkan beban kerja perangkat watchOS dan menjaga daya tahan baterai di Apple Watch.
2. Contoh Fungsi
Di main.js:
JS
Parse.Cloud.define('processMetrics', async (request) => {
  const { dailySteps, heartRate } = request.params;
  if (!dailySteps || !heartRate) {
    throw 'Missing parameters.';
  }
  // Example: Simple calculation
  return dailySteps * heartRate;
});
Parse.Cloud.define('processMetrics', async (request) => {
  const { dailySteps, heartRate } = request.params;
  if (!dailySteps || !heartRate) {
    throw 'Missing parameters.';
  }
  // Example: Simple calculation
  return dailySteps * heartRate;
});
﻿
3. Penyebaran
Gunakan Back4App CLI untuk menyebarkan:
Bash
b4a deploy
b4a deploy
﻿
4. Menginstal Modul NPM
Jika Anda memerlukan pustaka eksternal di Cloud Code Anda:
Tambahkan dependensi di package.json (di dalam folder Cloud Code Anda).
Gunakan require('your-lib') di main.js. 
Langkah 5 – Mengonfigurasi Autentikasi
1. Aktifkan Autentikasi Pengguna
Secara default, kelas User sudah siap di Back4App. Pastikan “Aktifkan Izin Tingkat Kelas” diatur dengan benar untuk objek pengguna.
2. Contoh Kode
Di Parse Swift, Anda mungkin mendaftar pengguna dari kode watchOS Anda:
Swift
struct User: ParseUser {
    var objectId: String?
    var createdAt: Date?
    var updatedAt: Date?
    var ACL: ParseACL?
    var originalData: Data?
    var username: String?
    var email: String?
    var emailVerified: Bool?
    var password: String?
    var authData: [String : [String : String]?]?
}

func signUpNewUser(name: String, pass: String, mail: String) async {
    var newUser = User()
    newUser.username = name
    newUser.password = pass
    newUser.email = mail

    do {
        let signedUp = try await newUser.signUp()
        print("Sign Up successful: \(signedUp)")
    } catch {
        print("Error signing up: \(error)")
    }
}
struct User: ParseUser {
    var objectId: String?
    var createdAt: Date?
    var updatedAt: Date?
    var ACL: ParseACL?
    var originalData: Data?
    var username: String?
    var email: String?
    var emailVerified: Bool?
    var password: String?
    var authData: [String : [String : String]?]?
}

func signUpNewUser(name: String, pass: String, mail: String) async {
    var newUser = User()
    newUser.username = name
    newUser.password = pass
    newUser.email = mail

    do {
        let signedUp = try await newUser.signUp()
        print("Sign Up successful: \(signedUp)")
    } catch {
        print("Error signing up: \(error)")
    }
}
﻿
3. Login Sosial
Jika Anda berencana untuk mengintegrasikan login Apple, Google, atau Facebook di aplikasi watchOS atau iPhone Anda, Anda dapat melakukannya dengan fitur login sosial Parse Swift yang relevan. Lihat Dokumentasi Back4App untuk detail.
Langkah 6 – Menangani Penyimpanan File
1. Mengatur Penyimpanan File
Jika aplikasi jam tangan Anda perlu mengunggah gambar, log, atau file data kecil, Anda dapat mengandalkan ParseFile:
Swift
func uploadFile(data: Data, fileName: String) async {
    let file = ParseFile(name: fileName, data: data)
    do {
        let savedFile = try await file.save()
        print("Uploaded file: \(savedFile.url ?? "")")
    } catch {
        print("Error uploading file: \(error)")
    }
}
func uploadFile(data: Data, fileName: String) async {
    let file = ParseFile(name: fileName, data: data)
    do {
        let savedFile = try await file.save()
        print("Uploaded file: \(savedFile.url ?? "")")
    } catch {
        print("Error uploading file: \(error)")
    }
}
﻿
2. Contoh
Anda mungkin menyimpan gambar latihan atau snapshot kemajuan harian:
Swift
let snapshotData = // ...some image data from watch screenshot
Task {
    await uploadFile(data: snapshotData, fileName: "workout.jpg")
}
let snapshotData = // ...some image data from watch screenshot
Task {
    await uploadFile(data: snapshotData, fileName: "workout.jpg")
}
﻿
3. Pertimbangan Keamanan
Tinjau ACL file Anda. Secara default, URL file dapat diakses jika seseorang mendapatkan tautan langsung. Anda dapat mengamankan atau mengontrol akses file melalui konfigurasi file server parse Anda.
Langkah 7 – Verifikasi Email dan Reset Kata Sandi
1. Ikhtisar
Pengguna Apple Watch mungkin tidak selalu mengelola login langsung di jam tangan, tetapi mengaktifkan verifikasi email membantu menjaga data mereka tetap aman.
2. Konfigurasi Dashboard Back4App
Pergi ke Pengaturan Aplikasi → Email.
Aktifkan Verifikasi Email.
Sesuaikan template sesuai kebutuhan.
3. Kode/Implementasi
Untuk reset kata sandi:
Swift
do {
    try await User.requestPasswordReset(email: "[email protected]")
} catch {
    print("Error requesting password reset: \(error)")
}
do {
    try await User.requestPasswordReset(email: "example@domain.com")
} catch {
    print("Error requesting password reset: \(error)")
}
﻿
Langkah 8 – Menjadwalkan Tugas dengan Cloud Jobs
1. Apa itu Cloud Jobs
Cloud Jobs memungkinkan Anda mengotomatiskan tugas latar belakang seperti memutar data lama atau menghasilkan laporan penggunaan untuk analitik watchOS Anda.
2. Contoh
Di main.js:
JS
Parse.Cloud.job('cleanUpMetrics', async (request) => {
  const query = new Parse.Query('HealthMetrics');
  // For example, remove records older than 7 days
  const now = new Date();
  const cutoff = new Date(now - 7 * 24 * 60 * 60 * 1000);
  query.lessThan('createdAt', cutoff);

  const oldMetrics = await query.find({ useMasterKey: true });
  await Parse.Object.destroyAll(oldMetrics, { useMasterKey: true });
  return `Deleted ${oldMetrics.length} old records.`;
});
Parse.Cloud.job('cleanUpMetrics', async (request) => {
  const query = new Parse.Query('HealthMetrics');
  // For example, remove records older than 7 days
  const now = new Date();
  const cutoff = new Date(now - 7 * 24 * 60 * 60 * 1000);
  query.lessThan('createdAt', cutoff);

  const oldMetrics = await query.find({ useMasterKey: true });
  await Parse.Object.destroyAll(oldMetrics, { useMasterKey: true });
  return `Deleted ${oldMetrics.length} old records.`;
});
﻿
Terapkan kode Anda.
Pergi ke Pengaturan Aplikasi → Pengaturan Server → Tugas Latar Belakang dan jadwalkan setiap hari.
Menjadwalkan Cloud Job
﻿
Langkah 9 – Mengintegrasikan Webhook
1. Definisi
Webhook memberi tahu layanan eksternal ketika peristiwa tertentu terjadi di aplikasi Anda. Misalnya, Anda mungkin ingin mengirim pesan ke saluran Slack setiap kali metrik baru dicatat.
2. Konfigurasi
Di dasbor Back4App, pergi ke Lainnya → Webhook.
Tambahkan webhook dengan endpoint (seperti URL Slack).
Pilih peristiwa (misalnya, “Rekaman baru di HealthMetrics”).
Menambahkan Webhook
﻿
3. Contoh
Setiap kali pengguna menambahkan entri dailySteps baru, saluran Slack Anda akan diberi tahu. Anda juga dapat mendefinisikan logika yang lebih kompleks di Cloud Code untuk mengirim payload kustom ke layanan eksternal Anda.
Langkah 10 – Menjelajahi Panel Admin Back4App
1. Di Mana Menemukannya
Panel Admin dapat diakses melalui konsol Back4App Anda di More → Admin App.
Aktifkan dan buat pengguna admin untuk manajemen data berbasis web jika Anda memerlukan antarmuka yang sederhana untuk pemangku kepentingan non-teknis.
Aktifkan Aplikasi Admin
﻿
2. Fitur
Lihat dan Edit Data
Kelola log dan Pekerjaan Cloud
Lacak analitik atau dorong notifikasi
Ini adalah cara yang mudah untuk berkolaborasi pada data tanpa perlu akses langsung ke database atau kode.
Kesimpulan
Sepanjang panduan ini, Anda telah belajar cara membangun backend untuk watchOS menggunakan fitur-fitur kuat Back4App. Anda telah mengatur skema database yang aman, menulis Cloud Code, menangani kueri waktu nyata, dan menerapkan otentikasi pengguna. Sekarang aplikasi WatchKit Anda dapat menyimpan dan menyinkronkan data dengan sedikit kesulitan.
Langkah Selanjutnya
Poles aplikasi jam tangan Anda dengan mengintegrasikan fungsi cloud canggih untuk notifikasi pribadi atau transformasi data.
Jelajahi fungsionalitas tambahan aplikasi iOS, seperti sinkronisasi latar belakang dan strategi caching untuk Apple Watch. 
Baca dokumentasi resmi Back4App untuk lebih banyak tentang keamanan canggih, analitik, dan kinerja.
Optimalkan untuk App Store untuk mendistribusikan ekstensi watchOS Anda atau aplikasi jam tangan mandiri.
Dengan memperluas backend Anda, Anda dapat memberikan aplikasi watchOS yang kuat yang bekerja dengan lancar bahkan dengan koneksi internet terbatas. Teruslah membangun dan nikmati kekuatan Back4App untuk pengalaman Apple Watch Anda!
Diperbarui 24 Jan 2025
Apakah halaman ini membantu Anda?
SEBELUMNYA
Cara Membangun Backend untuk jQuery?
BERIKUTNYA
Cara Membangun Backend untuk tvOS?