Platform

Aplikasi Seluler Drupal: 4 Cara Mendapatkannya, Dibandingkan

Bandingkan empat rute ke aplikasi seluler Drupal: PWA, pengonversi situs web ke aplikasi, pembuatan JSON:API yang dipisahkan, dan layanan terkelola, dengan rencana pengujian SSO.

Kolase potongan kertas dari pengunjung lansia dan sukarelawan yang sedang melihat telepon di meja perpustakaan komunitas

Situs Drupal dapat menjadi aplikasi seluler dengan empat cara: menjadikannya dapat diinstal sebagai aplikasi web progresif, memuat situs langsung di dalam shell asli dengan pengonversi situs web ke aplikasi, membuat aplikasi terpisah yang terpisah di JSON:API, atau menyewa layanan atau agensi terkelola untuk melakukan salah satu dari hal tersebut untuk Anda. Pertanyaan penentu bagi sebagian besar tim Drupal adalah apakah organisasi mampu menjalankan front end kedua setelah yang sudah mereka kelola.

Panduan ini membandingkan keempat rute, termasuk kasus di mana SiteTo.App adalah pilihan yang salah, lalu memberikan rencana pengujian telepon untuk sistem masuk tunggal, file pribadi, dan bahasa. Untuk versi singkatnya, lihat Drupal ke halaman aplikasi.

Apakah situs Drupal Anda memerlukan aplikasi?

Drupal menjalankan situs web universitas dan dewan, portal asosiasi dan anggota, perpustakaan sumber daya nirlaba, intranet, situs berita, dan toko Drupal Commerce. Kesamaannya adalah audiens yang kembali, sering kali masuk, untuk melakukan pekerjaan tertentu.

Ajukan tiga pertanyaan sebelum membandingkan produk:

  1. Apa yang akan dilakukan seseorang di aplikasi setiap minggunya? Periksa jadwal, baca berita anggota, pesan fasilitas, laporkan masalah, perbarui sesuatu, susun ulang. Jika Anda tidak dapat menyebutkan nama tugasnya, tema responsif yang bagus sudah cukup.
  2. Apakah tugas itu sudah bisa dilakukan di ponsel? Jika seorang anggota memerlukan tujuh ketukan melalui menu mega untuk mencapai dasbornya, aplikasi yang dibuat dari situs akan mewarisi sebagian besar perjalanan tersebut. Perbaiki dulu di temanya.
  3. Apakah listingan toko itu sendiri bernilai? Penghuni dan siswa menelusuri App Store dan Google Play berdasarkan nama, dan ikon layar beranda lebih mudah untuk dikembalikan daripada penanda.

Situs yang hanya berisi informasi tanpa tugas berulang adalah kandidat yang buruk. Apple dapat menolak aplikasi yang menambahkan sedikit di luar situs web di bawahnya Pedoman 4.2.

Apa saja empat cara untuk mendapatkan aplikasi seluler Drupal?

RuteApa yang didapat penggunaApa yang dipertahankan tim AndaBentuk biaya yang khasDaftar toko
Aplikasi web progresifSitus Anda, dapat diinstal dari browser ke layar berandaSitus Drupal ditambah manifes dan pekerja layananWaktu pengembangTidak ada secara default
Konverter situs web ke aplikasi (SiteTo.App)Sebuah aplikasi atas nama Anda yang memuat situs Drupal langsung Anda di shell asliSitus DrupalSekali per platform: $29 Android, $79 iOS, $99 keduanyaMilik Anda, dari akun Anda sendiri
Aplikasi yang dipisahkan pada JSON:APILayar dirancang dan diberi kode untuk iOS dan AndroidSitus Drupal, kontrak API, dan basis kode aplikasiAnggaran proyek ditambah pemeliharaan berkelanjutanMilik Anda atau agensi Anda
Layanan atau agensi aplikasi terkelolaTergantung pada penyedia: aplikasi WebView atau versi kustom, dengan tim terlampirSitus Drupal dan hubungan vendorBiaya bulanan atau tahunan, atau biaya proyekBervariasi menurut penyedia

Setiap rute dengan listingan tokonya sendiri juga memerlukan akun pengembang: Program Pengembang Apple seharga $99 per tahun dan Google Play seharga $25 sekali, dibayarkan langsung ke Apple dan Google.

Rute 1: aplikasi web progresif

PWA menambahkan manifes aplikasi web dan pekerja layanan ke situs sehingga orang dapat menginstalnya dari browser. Yang berkontribusi Modul Aplikasi Web Progresif menangani dasar-dasar Drupal. Sejak iOS 16.4, aplikasi web yang ditambahkan ke layar utama iPhone juga bisa menerima dorongan web.

Tidak ada ulasan toko, dan juga tidak ada listingan toko. Di iPhone pengguna harus mengetahuinya untuk menggunakan Bagikan, lalu Tambahkan ke Layar Utama. Untuk intranet staf itu sudah cukup. Perbandingan kami tentang PWA, asli dan WebView berjalan lebih dalam.

Rute 2: pengonversi situs web ke aplikasi

Dengan SiteTo.App, aplikasi ini merupakan cangkang asli di sekitar situs web aktif Anda: ikon dan layar peluncuran, header asli dengan logo Anda, menu samping, tab bawah, geser ke belakang, tarik untuk menyegarkan, dan pemberitahuan push opsional melalui proyek Firebase Anda sendiri. Halaman di dalamnya adalah halaman Drupal Anda, dimuat di WebView, yang merupakan mesin browser yang sama dengan Safari atau Chrome.

Drupal masih merender setiap halaman dan membuat setiap keputusan akses, dan node yang dipublikasikan pada pukul 9:00 ada di aplikasi pada pukul 9:00 tanpa build baru. Batasannya mengikuti desain yang sama: aplikasi hanya sebagus tema seluler Anda. Panduan kami untuk mengonversi situs web menjadi aplikasi seluler mencakup proses umum.

Tim Drupal dengan pengembang seluler dapat membangun shell semacam ini secara internal dengan kerangka kerja seperti Capacitor, sebagai imbalan atas kepemilikan pipeline build, penandatanganan sertifikat, dan pembaruan SDK tahunan.

Rute 3: aplikasi yang dipisahkan di JSON:API

JSON:API adalah bagian dari inti Drupal, itu panduan Drupal yang dipisahkan mencakup pendekatan yang lebih luas, dan menyumbangkan modul seperti OAuth sederhana menangani permintaan yang diautentikasi. Pengembang menulis aplikasi di Swift dan Kotlin, atau di React Native atau Flutter, dengan Drupal sebagai backend kontennya.

Aplikasi yang dipisahkan dapat melakukan hal-hal yang tidak dapat dilakukan situs web: menyimpan konten untuk penggunaan offline, menggunakan Bluetooth atau lokasi latar belakang, dan menampilkan layar yang dirancang untuk ponsel. Harganya adalah front end kedua. Setiap tipe konten memerlukan layar, dan peran serta aturan akses harus dipatuhi melalui API. Formulir web, terjemahan, pencarian, dan pembayaran Commerce masing-masing merupakan bagian dari pekerjaan yang harus dibangun dan kemudian disejajarkan dengan situs.

Rute 4: layanan atau agensi yang dikelola

Layanan terkelola membuat dan mengirimkan aplikasi untuk Anda dan membebankan biaya berulang untuk tim di belakangnya. Beberapa menggunakan pendekatan WebView yang sama dengan konverter, dan kami perbandingan dengan MobiLoud menunjukkan apa yang dibeli oleh biaya itu. Agensi Drupal juga dapat memberikan rute 3 sebagai sebuah proyek. Cocok untuk organisasi yang tidak memiliki siapa pun yang dapat memiliki kiriman toko, atau yang pengadaannya memerlukan pemasok yang dikontrak.

Rute mana yang cocok dengan situs Drupal yang mana?

Situasi AndaRute yang harus dilihat terlebih dahulu
Staf intranet, dan Anda dapat menunjukkan kepada orang-orang cara menginstalnyaPWA
Portal anggota, pelajar, atau penduduk yang sudah berfungsi dengan baik di ponsel, dan Anda menginginkan listingan toko tanpa proyek pengembanganKonverter situs web ke aplikasi
Konten offline, Bluetooth, AR, atau pemrosesan latar belakangAplikasi terpisah
Tidak ada seorang pun di internal yang dapat menangani pengiriman toko dan balasan ulasanLayanan atau agensi terkelola
Tema seluler lambat atau janggalPerbaiki temanya terlebih dahulu, lalu putuskan

Kapan SiteTo.App merupakan pilihan yang salah untuk situs Drupal?

  • Penyedia SSO Anda memblokir browser yang disematkan dan tidak ada cara lain untuk masuk. Aplikasi tidak dapat melewati layar login. Rencana pengujian di bawah ini menemukannya dengan cepat.
  • Anda memerlukan konten offline. Aplikasi ini memerlukan koneksi untuk memuat halaman Anda.
  • Anda ingin push dikirim secara otomatis ketika sebuah node diterbitkan, atau ditargetkan berdasarkan peran atau bahasa. Notifikasi dikirim langsung dari dasbor ke semua orang yang ikut serta, tanpa segmen atau penjadwalan.
  • Anda menginginkan layar yang tidak ada di situs web. SiteTo.App menambahkan navigasi asli di sekitar halaman Anda dan membiarkan desainnya sendiri.
  • Anda memerlukan pemasok untuk mengirimkan aplikasi dan menjawab pengulas. Anda mengirimkan dari akun Apple dan Google Anda sendiri dan membaca sendiri setiap pesan pengulas.
  • Situs ini masih menggunakan Drupal 7 dengan tema lebar tetap. Drupal 7 mencapai akhir masa pakainya pada Januari 2025. Bermigrasi sebelum Anda menampilkan situs ini kepada lebih banyak orang.

Bagaimana perilaku fitur Drupal di dalam aplikasi WebView?

Sebagian besar tema Drupal ditampilkan persis seperti di browser ponsel. Ini adalah pengecualiannya.

Sistem masuk tunggal. Banyak situs Drupal mengautentikasi melalui penyedia identitas menggunakan modul seperti Koneksi OpenID, Otentikasi SAML atau CAS. Pengguna meninggalkan situs Anda, masuk ke tempat lain, lalu diarahkan kembali, dan apakah hal tersebut berfungsi di dalam aplikasi bergantung pada penyedianya. milik Google kebijakan OAuth tidak mengizinkan layar masuknya dalam tampilan web yang disematkan. Kebijakan perusahaan yang memerlukan perangkat terkelola atau browser yang disetujui dapat memblokir tampilan web dengan cara yang sama. Bentuk standar Drupal di /user/login tidak memiliki ketergantungan seperti itu.

Durasi sesi. Cookie sesi default Drupal bertahan sekitar 23 hari, namun pengaturan sisi server default dapat menghapus sesi yang tidak digunakan selama lebih dari dua hari, dan situs sektor publik dan universitas mungkin memperketat penanganan sesi lebih jauh. Sesi singkat terdengar di desktop bersama. Pada ponsel pribadi, hal ini berarti login kembali jauh lebih sering daripada yang diharapkan orang dari suatu aplikasi. Itu Login Persisten modul menambahkan opsi "ingat saya" secara eksplisit jika Anda menginginkannya.

File pribadi. Dokumen yang disimpan di Drupal sistem file pribadi dilayani melalui Drupal sehingga akses dapat diperiksa untuk setiap permintaan. Jika tautan PDF diserahkan ke aplikasi atau browser lain yang tidak menyimpan cookie sesi, Drupal melihat pengunjung anonim dan menolak.

Bahasa dan domain. milik Drupal Modul bahasa dapat memilih bahasa dari awalan URL, domain, akun pengguna, atau browser. Aplikasi membuka satu URL awal, dan tabnya mengarah ke jalur tetap. Sebuah situs dengan /en Dan /fr awalan memerlukan keputusan tentang tab mana yang akan digunakan, dan pengalih bahasa yang terlihat untuk semua orang.

Forms. Polos Formulir web ladang tidak menjadi masalah. Unggahan file dan foto, formulir multi-langkah dengan draf tersimpan, dan tantangan CAPTCHA adalah yang harus diuji.

Hamparan dan toolbar admin. Spanduk persetujuan, modal buletin, dan header tempel bersaing untuk mendapatkan ruang tempat header dan tab asli aplikasi berada. SiteTo.App dapat menyembunyikan header dan pop-up situs Anda dengan skrip yang dijalankan di dalam aplikasi, sehingga tema tidak tersentuh dan halaman cache disajikan seperti biasa. Editor yang masuk ke aplikasi masih akan melihat toolbar admin Drupal.

Perdagangan Drupal. Perdagangan checkout dengan bidang kartu di halaman Anda sendiri adalah kasus sederhana. Gateway yang mengalihkan ke halaman pembayaran yang dihosting masing-masing memerlukan pesanan pengujian.

Accessibility. Badan publik dan universitas biasanya mempunyai tugas aksesibilitas hukum. Halaman-halaman di dalam aplikasi adalah HTML yang sama dengan yang dihasilkan tema Anda, jadi pekerjaan yang sudah dilakukan di sana akan dilanjutkan. Header, menu, dan tab asli adalah antarmuka baru, jadi sertakan semuanya saat Anda menguji dengan VoiceOver dan TalkBack.

Bagaimana Anda menguji situs Drupal sebagai sebuah aplikasi, langkah demi langkah?

Gunakan telepon asli, tempat produksi dan akun pengujian untuk dua atau tiga peran. Pratinjaunya gratis dan tidak memerlukan kartu, jadi jalankan seluruh paket sebelum membayar apa pun.

Langkah 1: Periksa tema seluler

Buka lima halaman yang paling sering Anda kunjungi di browser ponsel. Carilah pengguliran ke samping dalam tabel dan Tampilan, menu mega yang menutupi layar dan spanduk persetujuan yang tidak dapat ditutup. Perbaiki apa yang Anda temukan di tema.

Langkah 2: Buat pratinjau

Tempelkan URL publik ke dalamnya SiteTo.App, menggunakan awalan bahasa atau domain yang seharusnya digunakan oleh pengunjung seluler Anda. Tetapkan nama aplikasi, ikon, dan layar peluncuran, lalu pilih tab untuk tugas yang diulangi orang. Badan keanggotaan mungkin menggunakan Beranda, Berita, Acara, dan Akun Saya. Salin setiap tautan dari alias jalur situs langsung, lalu pindai kode untuk membuka aplikasi di ponsel Anda.

Situs pementasan di balik autentikasi HTTP atau daftar IP yang diizinkan tidak dapat dimuat di ponsel, sehingga rencananya menggunakan produksi.

Langkah 3: Buktikan login terlebih dahulu

Tes ini menentukan proyeknya, jadi jalankanlah sebelum tes lainnya.

  1. Masuk seperti yang dilakukan pengguna sebenarnya. Jika itu SSO, selesaikan perjalanan bolak-balik penuh, termasuk perintah MFA.
  2. Buka halaman yang hanya dapat dilihat oleh peran Anda.
  3. Tutup aplikasi sepenuhnya dan buka kembali. Periksa lagi keesokan paginya.
  4. Jika situs Anda menggunakan kata sandi Drupal, minta pengaturan ulang. Tautan satu kali dalam email biasanya terbuka di browser ponsel, jadi konfirmasikan kata sandi baru kemudian berfungsi di aplikasi.
  5. Keluar dan konfirmasikan halaman yang dibatasi ditolak.

Jika SSO gagal, tanyakan kepada tim identitas Anda apakah ada kebijakan yang memblokir browser tertanam dan apakah login kata sandi Drupal dapat ditawarkan bersamaan dengan kebijakan tersebut. Jika tidak ada yang memungkinkan, berhenti di sini dan lihat rute lain.

Langkah 4: Buka konten terbatas dan file pribadi

Masuk, buka node dengan peran terbatas dan PDF pribadi. Periksa apakah file tersebut ditampilkan dan Anda dapat kembali ke halaman asal Anda. Ulangi keluar dan konfirmasikan Drupal menolak keduanya.

Langkah 5: Kerjakan Tampilan, pencarian, dan formulir

Gunakan filter terbuka atau faset pada daftar panjang dan halaman melalui hasil. Jalankan pencarian situs. Kemudian kirimkan Formulir Web tersibuk Anda dari awal sampai akhir, termasuk bidang unggahan dan CAPTCHA, dan periksa apakah pesan konfirmasi dan email pemberitahuan tiba.

Langkah 6: Ganti bahasa dan cari tumpang tindih

Ubah bahasa dengan pengalih situs, lalu ketuk setiap tab dan catat setiap tab yang membuat Anda kembali ke bahasa default. Lalu ketuk sebagai anggota dan sebagai editor, cari tajuk kedua, spanduk persetujuan di atas tab, atau bilah alat admin yang mendorong konten ke bawah.

Langkah 7: Putuskan

DaerahLulus kapan
MasukMetode login Anda yang sebenarnya selesai, termasuk MFA
SidangAnda masih masuk setelah menutup dan membuka kembali aplikasi
MengaksesHalaman yang dibatasi dan file pribadi dibuka dengan masuk dan ditolak untuk keluar
Tampilan dan pencarianFilter, faset, dan paging berfungsi dengan satu jempol
Formulir webUpload dan CAPTCHA selesai dan muncul konfirmasi
BahasaTab tetap menggunakan bahasa yang dipilih atau penggantian dapat diterima
Tata LetakSatu header, satu menu, tidak ada yang menutupi tab

Perbaiki masalah halaman di Drupal dan masalah navigasi di pengaturan SiteTo.App. Gagal masuk tanpa fallback adalah alasan untuk memilih rute lain.

Berapa biaya setiap rute?

SiteTo.App mengenakan biaya satu kali per platform: $29 untuk Android, $79 untuk iOS, atau $99 jika Anda membeli keduanya secara bersamaan. Tidak ada langganan SiteTo.App. Pembangunan kembali selanjutnya, misalnya untuk mengubah ikon, dikutip secara terpisah. Menerbitkan dan mengedit konten di Drupal tidak memerlukan pembangunan kembali. Itu halaman harga memiliki rincian, dan panduan biaya membandingkan pasar yang lebih luas.

Aplikasi yang dipisahkan adalah proyek pengembangan yang diikuti dengan komitmen pemeliharaan, karena aplikasi tersebut harus mengikuti perkembangan Drupal dan rilis iOS dan Android setiap tahun. Layanan terkelola mengenakan biaya berulang selama aplikasi aktif.

Pendaftaran Apple sebesar $99 per tahun dan pendaftaran Google sebesar $25 berlaku untuk rute mana pun dengan listingan toko. Organisasi nirlaba, lembaga pendidikan terakreditasi, dan entitas pemerintah dapat meminta a pembebasan biaya jika mereka hanya mendistribusikan aplikasi gratis dan memenuhi ketentuan Apple lainnya.

Bagaimana cara mempublikasikan aplikasi berbasis Drupal ke App Store dan Google Play?

Itu membuat dan menerbitkan panduan berjalan melalui urutan penuh. Beberapa poin lebih penting bagi situs Drupal daripada kebanyakan situs lainnya.

Gunakan akun pengembang milik organisasi. Mendaftarlah atas nama resmi institusi sehingga daftar tersebut menunjukkan universitas, dewan atau asosiasi sebagai penerbit. Apple meminta nomor D-U-N-S kepada organisasi dan verifikasi memerlukan waktu, jadi mulailah lebih awal.

Builds. Versi iOS ditandatangani dan diunggah ke TestFlight di akun Apple Anda sendiri, jadi tidak ada yang memerlukan Mac atau Xcode (detailnya di sini). Android hadir sebagai AAB untuk Google Play, atau APK. Ulangi rencana pengujian pada build TestFlight sebelum Anda mengirimkan.

Beri pengulas jalan masuk. Jika bagian berguna dari aplikasi berada di belakang login, buat akun demo dengan peran perwakilan dan masukkan kredensialnya di catatan ulasan. Akun yang bergantung pada SSO dan MFA Anda akan menghentikan peninjau di layar pertama.

Rencanakan seputar peningkatan Drupal. Drupal 10 mencapai akhir masa pakainya pada 9 Desember 2026 menurut jadwal rilis inti. Peningkatan ke Drupal 11 yang mempertahankan domain dan alias jalur yang sama tidak memerlukan pembuatan aplikasi baru. Jika alias berubah, tambahkan pengalihan atau perbarui tautan tab.

Apple dan Google mengambil keputusan persetujuan, dan tidak ada yang bisa menjanjikan hasilnya. Itu panduan penerbitan mencakup daftar dan ulasan secara lebih mendalam.

Pertanyaan yang sering diajukan

Bisakah saya mengubah situs web Drupal menjadi aplikasi seluler tanpa modul?

Ya. Pengonversi situs web ke aplikasi seperti SiteTo.App memuat halaman yang sudah dirender oleh tema Anda, sehingga tidak ada modul yang perlu dipasang dan tidak ada API yang perlu diekspos. Opsional SDK JavaScript untuk lencana tab, lembar berbagi dan haptics adalah skrip yang dapat Anda lampirkan melalui perpustakaan tema Anda.

Akankah SSO kami berfungsi di dalam aplikasi?

Itu tergantung pada penyedia identitas Anda. Formulir login Drupal sendiri berfungsi seperti halnya di browser. Login SAML, OpenID Connect, dan CAS dialihkan ke penyedia yang mungkin membatasi browser tertanam. Jalankan proses masuk penuh, termasuk MFA, di pratinjau gratis sebelum Anda memutuskan.

Apakah ini berfungsi dengan Drupal 10, Drupal 11 dan Drupal CMS?

Ya. SiteTo.App bekerja dari URL publik dan tidak bergantung pada versi Drupal, sehingga situs Drupal publik apa pun yang ramah seluler dapat dipratinjau, termasuk situs dengan front end terpisah.

Bisakah Drupal memicu pemberitahuan push ketika konten dipublikasikan?

Tidak dengan SiteTo.App hari ini. Anda mengirimkan setiap notifikasi dari dasbor dengan judul, teks, gambar opsional, dan tautan, dan notifikasi tersebut dikirimkan ke semua orang yang ikut serta. Jika notifikasi otomatis atau berbasis peran sangat penting, build yang dipisahkan adalah pilihan yang lebih baik.

Langkah selanjutnya

Mulailah dengan tes masuk. Rekatkan URL Drupal Anda ke dalam pratinjau gratis, buka di ponsel Anda dan masuk seperti yang dilakukan pengguna Anda. Jika berhasil, jalankan sisa rencana. Itu Drupal ke halaman aplikasi memiliki daftar periksa singkat untuk dibagikan kepada siapa pun yang perlu menyetujuinya.

Lihat situs web Anda sebagai aplikasi

Sesuaikan pengalaman dan pratinjau sebelum memilih platform.

Bangun pratinjau Anda

Teruslah membaca

Semua panduan