Bagaimana Cara Membangun Backend untuk Aplikasi Mobile?

Dalam artikel ini, Anda akan mempelajari apa itu backend untuk aplikasi seluler dan semua yang perlu Anda ketahui untuk membuat backend.

Kita akan melihat perbedaan antara backend dan frontend, jenis-jenis backend yang berbeda, belajar tentang fungsi backend seluler dan biaya untuk mengembangkan backend.

Terakhir, kita akan belajar cara membangun backend untuk aplikasi mobile sederhana di Back4app – salah satu penyedia MBaaS terbaik.

Perbedaan antara frontend dan backend

Istilah frontend dan backend mengacu pada pemisahan perhatian antara lapisan presentasi dan lapisan akses data.

Cara termudah untuk memahami perbedaan keduanya adalah dengan memvisualisasikan gunung es. Bagian depan berada di atas permukaan air dan merupakan segala sesuatu yang dapat dilihat dan berinteraksi dengan pengguna. Di sisi lain, backend adalah bagian dari gunung es yang berada di bawah air. Ini adalah logika yang mendasari bisnis.

Frontend

Frontend adalah antarmuka pengguna grafis dari situs web, aplikasi seluler, atau jenis klien lain yang dapat berinteraksi dengan pengguna. Frontend mencakup semua aspek visual dari sebuah aplikasi termasuk desain, menu, teks, gambar, video, dan sebagainya. Pada sebagian besar proyek, ini mewakili sekitar 20% dari total upaya dan tidak berulang.

Pengembang frontend perlu berhati-hati:

• Desain yang responsif
• Kinerja aplikasi
• Kompatibilitas lintas browser
• Masalah aksesibilitas
• Pengoptimalan SEO

Frontend web biasanya diimplementasikan dengan alat bantu seperti HTML, CSS, JavaScript, dan WebAssembly. Aplikasi Android asli ditulis dalam Java/Kotlin, sedangkan iOS asli menggunakan Objective-C dan Swift.

Dalam beberapa tahun terakhir, banyak pengembang frontend yang mengadaptasi alat seperti React Native, Vue, dan Svelte Native untuk lebih menyederhanakan proses pengembangan dan membuat basis kode yang sama bekerja di platform yang berbeda.

Frontend dapat “disebarkan” ke layanan seperti Google Play, App Store, Vercel, Netlify.

Backend

Pengembangan backend atau sisi server adalah praktik pengembangan lapisan akses data. Backend adalah koneksi antara basis data dan frontend. Sebagian besar backend menyediakan antarmuka lapisan aplikasi (API), yang dapat digunakan oleh frontend untuk mengambil dan menyimpan data.

Data biasanya dipertukarkan dalam format JSON atau GraphQL. Backend biasanya mewakili sekitar 80% dari pekerjaan dan bersifat berulang. Sebagai contoh, hampir setiap proyek membutuhkan autentikasi, otorisasi, manajemen basis data, dan lain-lain.

Pengembang backend bertanggung jawab untuk:

• Manajemen basis data
• Logika bisnis aplikasi
• Skalabilitas, ketersediaan tinggi
• Masalah keamanan & pencadangan

Pengembang backend biasanya bekerja dengan bahasa pemrograman seperti Python, JavaScript (Node.js), Ruby, C#, Java & Go. Pada saat artikel ini ditulis, arsitektur backend yang paling populer adalah Model-View-Controller (MVC) yang telah diadopsi oleh banyak kerangka kerja web seperti Django dan Laravel.

Komponen terpenting dari backend adalah basis datanya. Kami memiliki berbagai jenis basis data yang dapat dibagi menjadi tiga kategori umum:

• Basis data SQL
• Basis data NoSQL
• Basis data multi-paradigma

Masing-masing memiliki kelebihan dan kekurangan, yang harus dipertimbangkan ketika memulai sebuah proyek.

Sebuah backend dapat digunakan ke berbagai platform berdasarkan tingkat abstraksi yang diinginkan. Sebagai contoh, Anda bisa menggunakan server Anda sendiri, IaaS (AWS, GCE, Azure), PaaS (Heroku, Digital Ocean App Service), atau BaaS (Back4app, Firebase, AWS Amplify).

Teruslah membaca untuk mengetahui lebih lanjut tentang pengembangan backend aplikasi seluler.

Apa yang dimaksud dengan backend untuk aplikasi seluler?

Backend untuk aplikasi seluler adalah bagian dari aplikasi yang berjalan di server, bukan di perangkat itu sendiri. Backend menyediakan fungsionalitas yang dibutuhkan aplikasi untuk menyimpan dan mengelola data, mengautentikasi pengguna, memproses dan menganalisis data, serta berkomunikasi dengan sistem atau layanan lain.

Backend bisa dalam berbagai bentuk, seperti server yang berjalan pada layanan cloud, database, atau API. Backend menyediakan infrastruktur dan alat yang diperlukan aplikasi agar berfungsi dengan baik dan memungkinkan aplikasi memberikan pengalaman pengguna yang kaya dan menarik.

Apa saja fungsi yang disediakan oleh backend seluler?

Backend untuk aplikasi seluler biasanya menyediakan fungsi-fungsi berikut ini:

• Menyimpan dan mengelola data
• Memproses dan menganalisis data
• Otentikasi & otorisasi
• Sinkronisasi antara beberapa perangkat
• Kemampuan untuk berintegrasi dengan sistem dan layanan lain
• Mengelola tugas sisi server
• Analisis & Pemantauan
• Pemberitahuan push

Apakah aplikasi seluler membutuhkan backend?

Jawaban singkatnya: Jika aplikasi Anda berfungsi secara lokal (tanpa koneksi internet) maka Anda biasanya tidak memerlukan backend, tetapi ini tidak berarti aplikasi Anda tidak bisa mendapatkan manfaat dari backend.

Untuk lebih memahami jawaban ini, mari kita lihat beberapa aplikasi yang kita gunakan dalam kehidupan sehari-hari.

Aplikasi yang tidak membutuhkan backend:

• Kalkulator
• Kalender dan jam
• Kamera dan galeri
• Perekam suara
• Permainan pemain tunggal

Aplikasi yang membutuhkan backend:

• Aplikasi e-commerce – backend diperlukan untuk melacak inventaris, memproses pesanan, dll.
• Aplikasi transportasi – backend memungkinkan pemrosesan tiket, informasi tentang penundaan, dll.
• Aplikasi perpesanan – backend digunakan untuk mentransfer pesan dari satu perangkat ke perangkat lainnya
• Aplikasi cuaca – diperlukan backend untuk mengambil informasi cuaca terkini

Sekarang, mari kita pikirkan bagaimana sebuah backend dapat meningkatkan aplikasi-aplikasi yang telah disebutkan di atas:

• Kalkulator – dapat menggunakan backend untuk melepaskan kalkulasi yang rumit ke server jarak jauh
• Kalender dan jam – dapat menyimpan acara dalam basis data dan menyinkronkannya di antara perangkat
• Kamera – dapat menggunakan layanan backend untuk memperbaiki distorsi, pencahayaan, dan lain-lain.
• Perekam suara – dapat menggunakan layanan backend untuk menekan kebisingan
• Game pemain tunggal – dapat menyimpan skor pengguna dalam database dan menampilkan papan peringkat

Karena manfaat besar yang ditawarkan backend, hampir setiap aplikasi seluler memiliki backend. Jika bukan untuk menyimpan data, backend memungkinkan aplikasi seluler untuk mengumpulkan analisis, mengirim pemberitahuan push, memantau aplikasi, mengumpulkan laporan kerusakan, dan banyak lagi. Jika Anda ingin sukses, kemungkinan besar Anda akan membutuhkan backend.

Apa sajakah jenis-jenis backend?

Tergantung pada jenis aplikasi Anda, ada beberapa jenis backend yang dapat Anda pilih. Secara umum, kita bisa membaginya menjadi tiga kelompok berdasarkan tingkat abstraksinya:

1. Perangkat Lunak sebagai Layanan (SaaS) atau layanan pihak ketiga
2. Mobile Backend sebagai Layanan (MBaaS)
3. Backend khusus

Mari kita cermati masing-masingnya.

Perangkat Lunak sebagai Layanan (SaaS) atau layanan pihak ketiga

Perangkat lunak sebagai layanan (SaaS) adalah model pengiriman perangkat lunak di mana aplikasi perangkat lunak di-host oleh penyedia pihak ketiga dan tersedia bagi pelanggan melalui internet.

Solusi SaaS biasanya mengharuskan pelanggan mereka untuk membayar biaya berlangganan setiap bulan atau setiap tahun. Jenis backend ini adalah yang paling mudah digunakan dan memungkinkan Anda untuk menyiapkan dan menjalankan backend Anda dalam beberapa klik.

Kelemahan dari jenis backend ini adalah kemungkinan besar Anda tidak akan menemukan SaaS yang memenuhi semua kebutuhan proyek Anda. Untuk membangun backend dunia nyata, Anda mungkin harus menggabungkan beberapa solusi SaaS.

Beberapa contoh SaaS meliputi:

• WordPress (Sistem manajemen konten)
• Mailchimp (Perangkat lunak manajemen dan pemasaran email)
• Salesforce (Perangkat lunak manajemen hubungan pelanggan)
• Shopify (Platform E-commerce)
• Dropbox (Hosting file)

Mobile Backend sebagai Layanan (MBaaS)

Backend as a Service (BaaS) adalah platform yang mengotomatiskan sisi backend pengembangan dan menangani infrastruktur cloud.

Selain itu, menyediakan fitur-fitur seperti manajemen pengguna, notifikasi email, notifikasi push, fungsi kode cloud, integrasi media sosial, penyimpanan file, dan pembayaran.

Hal ini memungkinkan pengembang untuk fokus pada bisnis inti dan membangun frontend tanpa perlu mengkhawatirkan backend dan infrastruktur yang mendasarinya. Frontend biasanya dikembangkan melalui API dan SDK khusus yang ditawarkan oleh vendor BaaS. Hal ini membuat aplikasi tidak terlalu rumit dan lebih mudah dipelihara.

Manfaat menggunakan Backend as a Service termasuk kecepatan pengembangan yang lebih cepat, biaya teknik yang lebih rendah, dan fokus pada bisnis inti.

Beberapa contoh dari BaaS termasuk:

• Back4app
• Firebase
• AWS Amplify
• Apple Cloudkit

Ingin mempelajari lebih lanjut tentang BaaS dan MBaas? Lihatlah Apa itu BaaS?

Backend khusus

Backend kustom adalah opsi yang paling kuat dan fleksibel. Solusi ini menawarkan kontrol penuh dan memungkinkan Anda untuk mengimplementasikan fitur-fitur yang tidak dapat diimplementasikan dengan solusi SaaS atau MBaaS.

Kelemahan terbesarnya adalah biaya dan waktu untuk membangun. Dengan menggunakan pendekatan ini, Anda juga akan bertanggung jawab penuh atas kinerja dan keamanan backend Anda.

Membangun backend khusus biasanya membutuhkan waktu berbulan-bulan dan membutuhkan pengembang backend yang terampil atau bahkan tim pengembang backend.

Kerangka kerja populer untuk membangun backend khusus:

• Django
• Laravel
• Express.js
• Ruby on Rails
• Sepatu Pegas

Untuk informasi lebih lanjut tentang kerangka kerja backend, lihatlah 10 kerangka kerja backend teratas.

Berapa biaya yang dibutuhkan untuk membuat backend aplikasi seluler?

Tidak ada rumus sederhana untuk menghitung biaya backend aplikasi seluler. Biayanya bervariasi tergantung pada kompleksitas aplikasi, jumlah fitur, skalabilitas, kinerja, dan sebagainya.

Biaya SaaS

SaaS biasanya merupakan opsi termurah yang bisa Anda pilih. Produk SaaS biasanya mengikuti model penetapan harga langsung dengan biaya berlangganan bulanan atau tahunan. Beberapa penyedia SaaS juga menawarkan tingkatan harga yang berbeda tergantung pada ukuran bisnis Anda.

Biaya MBaaS

Membangun backend dengan MBaaS sangat murah dibandingkan dengan backend kustom. Hal ini memungkinkan Anda untuk memangkas biaya pengembangan secara signifikan dan tidak perlu khawatir tentang infrastruktur atau mempekerjakan tim insinyur backend khusus. Ini menghemat banyak uang!

Sebagian besar penyedia MBaaS hadir dengan tingkatan harga yang berbeda tergantung pada ukuran aplikasi Anda. Dengan menggunakan MBaaS, Anda bisa membayar mulai dari $15 hingga $500 per bulan.

Biaya backend khusus

Pengembangan backend kustom adalah opsi yang paling mahal. Dengan memilih opsi ini, Anda harus membentuk tim pengembang terampil dan mengurus infrastruktur backend Anda.

Harga untuk membangun backend kustom umumnya bergerak antara beberapa ribu dolar hingga puluhan ribu dolar tergantung pada kebutuhan proyek.

Karena mengimplementasikan backend kustom adalah tugas yang sulit, perusahaan biasanya mengalihdayakannya ke perusahaan yang berspesialisasi dalam pengembangan perangkat lunak.

Bagaimana cara membangun backend untuk aplikasi seluler menggunakan MBaaS?

Di bagian tutorial ini, kita akan melihat cara mengembangkan backend untuk aplikasi seluler menggunakan Back4app.

Apa itu Back4app?

Back4app adalah salah satu solusi Backend as a Service (BaaS) sumber terbuka terbaik yang ada di pasaran. Ini menawarkan berbagai macam fitur dan manfaat bagi para penggunanya yang memungkinkan para pengembang untuk membangun aplikasi web dan seluler dengan cepat.

Dengan menggunakan Back4app, Anda akan dapat fokus pada bisnis inti daripada mengkhawatirkan backend atau infrastruktur yang mendasarinya.

Solusi ini hadir dengan dasbor yang kaya fitur dan mudah digunakan serta antarmuka baris perintah (CLI). Mereka juga menyediakan SDK untuk semua alat favorit Anda seperti Flutter, React Native, Node.js, Angular, Android, iOS & banyak lagi!

Fitur-fitur utama Back4app meliputi:

• Basis data seperti spreadsheet
• API REST dan GraphQL
• Pertanyaan Langsung
• Autentikasi (termasuk autentikasi sosial)
• Hosting yang dapat diskalakan
• Pemberitahuan Push dan Email

Untuk informasi lebih lanjut tentang fitur-fitur mereka, lihat Fitur Back4app.

Back4app mengikuti model harga yang sederhana dan mudah yang dapat disesuaikan dengan aplikasi dengan berbagai ukuran. Mereka menawarkan paket gratis yang murah hati (tidak perlu kartu kredit) yang sangat bagus untuk membuat prototipe dan menguji coba platform. Paket ini mencakup:

• 25 ribu permintaan
• Penyimpanan data 250 MB
• Transfer 1 GB
• Penyimpanan file 1 GB

Untuk informasi lebih lanjut tentang harga Back4app, lihatlah halaman Harga.

Pengenalan Proyek

Kami akan membangun backend untuk aplikasi berita sederhana. Aplikasi ini akan memungkinkan editor untuk membuat, memperbarui, dan menghapus artikel. Untuk membuat administrasi semudah mungkin, kami akan mengaktifkan Aplikasi Admin Back4app.

Kami akan menangani keamanan backend dan menunjukkan cara menggunakan REST API backend. Backend akan dibangun dengan jumlah kode yang minimal.

Prasyarat:

• Pemahaman dasar tentang Backend sebagai Layanan (BaaS)
• Pemahaman dasar mengenai basis data (dan hubungan antar model)
• Pemahaman dasar tentang permintaan dan respons HTTP
• Memahami sintaksis JSON

Tujuan:

Pada akhir tutorial ini, Anda akan dapat melakukannya:

• Bangun dan gunakan backend sederhana di Back4app
• Mampu menyusun basis data Anda sendiri
• Memahami dasar-dasar Keamanan Platform Parse
• Mengetahui cara melakukan operasi CRUD melalui REST API

Buat Aplikasi

Langkah-langkah berikut ini mengharuskan Anda memiliki akun Back4app. Jika Anda sudah memilikinya, silakan masuk dan mendaftar untuk akun gratis.

Untuk bekerja dengan Back4app, pertama-tama kita perlu membuat aplikasi. Saat Anda masuk ke dasbor, Anda akan melihat daftar aplikasi Anda. Klik pada “Buat aplikasi baru” untuk membuat aplikasi baru.

Beri nama khusus lalu klik “Lanjutkan”.

Back4app akan membutuhkan waktu beberapa saat untuk mempersiapkan semua yang diperlukan untuk aplikasi Anda seperti database, lapisan aplikasi, penskalaan, pencadangan & keamanan.

Setelah aplikasi Anda siap, Anda akan diarahkan ke dasbor aplikasi Anda.

Basis data

Pada bagian tutorial ini, kita akan membuat semua model database yang diperlukan.

Seperti yang telah disebutkan dalam pengenalan proyek, kita akan membuat aplikasi berita sederhana. Basis data kita akan terdiri dari model-model berikut:

• Artikel merupakan artikel berita.
• ArtikelKategori mewakili kategori artikel (misalnya olahraga, hiburan). Sebuah artikel dapat menjadi bagian dari satu kategori.
• ArticleTag mewakili tagar artikel (mis. kosmetik, kesehatan, kecantikan). Sebuah artikel dapat memiliki beberapa tagar.

Struktur basis data ini nantinya akan memungkinkan kita untuk menyaring artikel berdasarkan kategori atau tag. Mari kita gambarkan diagram hubungan entitas (ERD) untuk lebih memahami hubungan antar model:

Sekarang, mari kita membuat modelnya.

Mulailah dengan membuat model ArticleCategory. Pada bagian kiri atas layar klik “Buat kelas”, beri nama ArticleCategory dan tambahkan bidang-bidang berikut ini:

+-----------------------------+-------------+---------------+----------+
| Data type                   | Name        | Default value | Required |
+-----------------------------+-------------+---------------+----------+
| String                      | name        | <leave blank> | yes      |
+-----------------------------+-------------+---------------+----------+
| String                      | description | <leave blank> | no       |
+-----------------------------+-------------+---------------+----------+
| Pointer -> User             | author      | <leave blank> | yes      |
+-----------------------------+-------------+---------------+----------+

Selanjutnya, buatlah kelas lain bernama ArticleTag dengan rincian sebagai berikut:

+-----------------------------+-------------+---------------+----------+
| Data type                   | Name        | Default value | Required |
+-----------------------------+-------------+---------------+----------+
| String                      | name        | <leave blank> | yes      |
+-----------------------------+-------------+---------------+----------+
| Pointer -> User             | author      | <leave blank> | yes      |
+-----------------------------+-------------+---------------+----------+

Terakhir, buat kelas lain bernama Article dengan field-field berikut:

+-----------------------------+-------------+---------------+----------+
| Data type                   | Name        | Default value | Required |
+-----------------------------+-------------+---------------+----------+
| String                      | title       | <leave blank> | yes      |
+-----------------------------+-------------+---------------+----------+
| String                      | description | <leave blank> | no       |
+-----------------------------+-------------+---------------+----------+
| String                      | content     | <leave blank> | yes      |
+-----------------------------+-------------+--------------+-----------+
| Pointer -> ArticleCategory  | category    | <leave blank> | no       |
+-----------------------------+-------------+---------------+----------+
| Relation -> ArticleTag      | tags        | <leave blank> | no       |
+-----------------------------+-------------+---------------+----------+
| Pointer -> User             | author      | <leave blank> | yes      |
+-----------------------------+-------------+---------------+----------+

Itu saja untuk arsitektur database. Sekarang mari kita tambahkan beberapa contoh data.

Untuk mempermudah, saya telah membuat beberapa data yang dapat Anda impor. Untuk mengimpor kumpulan data, pilih kelas di sisi kiri layar dan kemudian klik pada tiga titik di sisi kanan layar. Pilih “Impor” > “Data Kelas” dan pilih file yang sesuai.

Untuk mengunduh kumpulan data JSON, buka repositori GitHub back4app-mobile, klik “Kode” dan kemudian “Unduh ZIP”.

Impor file JSON dengan urutan sebagai berikut:

1. Pengguna
2. ArtikelKategori
3. ArtikelTag
4. Artikel

Panel Admin

Untuk mempermudah administrasi, kami akan mengaktifkan Aplikasi Admin. Aplikasi Admin adalah alat berbasis browser web yang dirancang untuk mengelola data aplikasi menggunakan antarmuka pengguna non-teknologi.

Masuk ke dasbor aplikasi Anda, klik “Lainnya” > “Aplikasi Admin” lalu klik tombol “Aktifkan Aplikasi Admin”.

Pilih nama pengguna dan kata sandi. Aku akan pergi dengan:

Username: admin
Password: complexpassword123

Kemudian pilih nama domain yang ingin Anda gunakan untuk mengakses panel admin Anda. Saya akan menggunakan:

mobile-backend.admin.back4app.com

Bagus, Anda sekarang dapat masuk ke dasbor admin di domain yang dipilih.

Untuk mempelajari lebih lanjut tentang Aplikasi Admin Back4app, lihatlah dokumen resminya.

Mengamankan Aplikasi

Untuk membuat aplikasi kita aman, kita harus melakukan hal-hal berikut ini:

1. Melarang klien untuk membuat kelas database.
2. Memodifikasi model pengguna Izin Tingkat Kelas (CLP).
3. Memodifikasi CLP untuk setiap model yang kita buat.

Melarang pembuatan kelas klien

Untuk melarang pembuatan kelas klien, buka “Pengaturan Aplikasi” > “Pengaturan Server” > “Pengaturan Inti” > “Edit”, gulir ke bawah ke bagian bawah halaman, dan hapus centang “Izinkan Pembuatan Kelas Klien”.

Memodifikasi CLP model pengguna

Pilih model Pengguna Anda di dalam tab “Database”, dan klik pada tiga titik di sisi kanan layar > “Keamanan” > “Izin Tingkat Kelas”. Kemudian klik ikon roda gigi dan ubah ke “Advanced”. Hapus centang pada semuanya kecuali Get dan Create seperti sebelumnya:

Memodifikasi CLP untuk setiap model yang kita buat

Lakukan hal yang sama untuk semua model kustom Anda(Artikel, ArtikelKategori, dan ArtikelTag). Kali ini nonaktifkan semuanya kecuali Baca dan Temukan untuk grup Publik seperti sebelumnya:

Dengan cara ini, pengguna yang tidak diautentikasi hanya dapat menemukan dan membaca artikel.

Untuk informasi lebih lanjut tentang keamanan, lihatlah Parse Security.

Pengujian API

Pada bagian tutorial ini, kita akan menguji API kita dengan menggunakan Konsol API bawaan.

Untuk membuka Konsol API REST, buka dasbor aplikasi Anda. Pilih “Konsol” di bagian “API” lalu “REST”.

Karena ACL/CLP kami, pastikan Anda mencentang “Gunakan Kunci Utama?” agar permintaan berhasil.

Mengambil

Objek dapat diambil dengan tipe permintaan GET. Untuk titik akhir, gunakan classes/, misalnya. classes/Article dan klik tombol “Kirim Kueri” di bagian bawah halaman.

Tanggapannya akan terlihat seperti ini:

{
    "results": [
                {
            "objectId": "oRwkdx7KgX",
            "title": "Voting 2022 has ended!",
            "description": "The voting for year 2022 has ended, the new major is...",
            "content": "Lorem ipsum dolor sit amet...",
            "category": {
                "__type": "Pointer",
                "className": "ArticleCategory",
                "objectId": "FYxzrBlCBC"
            },
            "author": {
                "__type": "Pointer",
                "className": "_User",
                "objectId": "UZ76K07znv"
            },
            "createdAt": "2022-12-13T09:09:04.845Z",
            "updatedAt": "2022-12-13T09:09:13.297Z",
            "tags": {
                "__type": "Relation",
                "className": "ArticleTag"
            }
        },
        ... more results ...
    ]
}

Jika Anda ingin mengambil hasil tertentu atau memfilter kumpulan kueri, lihatlah dokumen.

Membuat

Untuk membuat contoh model, pilih permintaan POST dan kirimkan ke classes/, misal: classes/Article. Dengan permintaan POST Anda harus memberikan parameter kueri. Sebagai contoh:

{
   "title": "Another article",
   "content": "This is another test article added via the API",
   "category": {
      "__type": "Pointer",
      "className" :"ArticleCategory",
      "objectId": "pPGdxPAxQA"
   },
   "author": {
      "__type": "Pointer",
      "className": "_User",
      "objectId": "LFAf3yD8w0"
   }
}

Tanggapan:

{
    "objectId": "yAbmJ0sRZT",
    "createdAt": "2022-12-12T17:18:32.922Z"
}

Memperbarui

Untuk memperbarui model, pilih jenis permintaan PUT dan kirimkan ke classes//