Lebih lanjut ke konten utama
@capgo/capacitor-pemberitahuan-berita Komunikasi Sumber Terbuka

Pemberitahuan Berita Plugin Capacitor

Pemberitahuan lokal dengan saluran Android, tata letak progress, tombol aksi, pengaturan jadwal, dan tingkat gangguan iOS

Install

bun add @capgo/capacitor-rich-notifications bunx cap sync
npm, pnpm or yarn
  • npm install @capgo/capacitor-rich-notifications
  • pnpm add @capgo/capacitor-rich-notifications
  • yarn add @capgo/capacitor-rich-notifications

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.
  • getPending Daftar 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

FAQ

FAQ Plugin Pemberitahuan Berganda

Bagaimana Cara Menginstal Plugin Pemberitahuan Berganda di Aplikasi Capacitor?

Jalankan "bun tambahkan @capgo/capacitor-rich-notifications" (atau "npm install @capgo/capacitor-rich-notifications"), kemudian jalankan "bunx cap sync" agar proyek iOS dan Android memilih native code. Import dari "@capgo/capacitor-rich-notifications" di aplikasi code.

Apakah @capgo/capacitor-rich-notifications berfungsi dengan React, Vue, dan Angular?

Ya. Pemberitahuan Berganda adalah paket Capacitor, sehingga berfungsi dengan framework web apa pun yang menjalankan di Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-rich-notifications?

Capgo plugins mengikuti Capacitor versi utama: gunakan versi utama plugin yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang masih dipelihara.

Apakah @capgo/capacitor-rich-notifications gratis dan terbuka sumber?

Ya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-rich-notifications/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya dapat memperbarui code yang menggunakan Notifikasi Berganda tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah code native, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo update live.

Kirim perubahan Notifikasi Rich tanpa menunggu tinjauan aplikasi

Saat plugin sudah ada di toko aplikasi Anda, Capgo pembaruan hidup membagikan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo