Panduan
Bagaimana Menggunakan Notifikasi Berganda di Capacitor
Menggunakan @capgo/capacitor-rich-notifications
Notifikasi Lokal dengan Saluran Android, Tampilan Progress, Tombol Aksi, Pengaturan Jadwal, dan Tingkat Gangguan iOS.
Install
bun add @capgo/capacitor-rich-notifications
bunx cap sync
Apa yang Dikembangkan oleh Plugin Ini
checkPermission- Periksa status izin notifikasi lokal.requestPermission- Tuntukan izin notifikasi lokal.createChannel- Buat saluran notifikasi Android.createChannelGroup- Buat kelompok saluran notifikasi Android.deleteChannel- Hapus saluran notifikasi Android.display- Tampilkan notifikasi lokal sekarang.schedule- Jadwalkan notifikasi lokal untuk kemudian.cancel- Batalkan satu notifikasi berdasarkan id.cancelAll- Batalkan semua notifikasi yang diatur oleh plugin ini.getDisplayed- Daftar notifikasi yang ditampilkan di layar gelap atau tengah.getPendingDaftar notifikasi yang telah dijadwalkan tetapi belum ditampilkan.getInitialNotification- Kembalikan notifikasi yang membuka aplikasi, jika ada.setBadge- Atur jumlah badge ikon aplikasi di iOS.registerActions- Daftarkan kategori aksi yang dapat digunakan kembali.getPluginVersion- Mengembalikan versi marker implementasi platform.addListener- Dengarkan event tekan dan tutup.
- Contoh Penggunaan
requestPermission dan display
import { RichNotifications } from '@capgo/capacitor-rich-notifications';
await RichNotifications.requestPermission();
await RichNotifications.createChannel({
id: 'messages',
name: 'Messages',
importance: 'high',
});
await RichNotifications.display({
title: 'Hello',
body: 'Tap to open the app',
channelId: 'messages',
});
schedule
import { RichNotifications } from '@capgo/capacitor-rich-notifications';
await RichNotifications.schedule({
notification: {
id: 'reminder-1',
title: 'Reminder',
body: 'Your appointment starts soon',
channelId: 'messages',
},
trigger: { type: 'timestamp', timestamp: Date.now() + 60_000 },
});
- Referensi Lengkap
- - GitHub: https://github.com/Cap-go/capacitor-notifikasi-berkembang
- - Dokumen: /docs/plugins/rich-notifications/