Local Notification

공식 문서 추천 예제

Install

npm install @capacitor/local-notifications
npx cap sync

public async schedule(notification: any): Promise<void> {
    LocalNotifications['schedule']({
      notifications: [
        notification
      ]
    });
}

const notification = {....};
schedule(notification)

notification 에 대한 다양한 예제

매분마다

const randomId = Math.floor(Math.random() * 10000) + 1;
const notification = {
  title: 'my title',
  body: 'my body',
  id: randomId,
  schedule: {
   every: "minute"
  },
};

매일 특정시간

const randomId = Math.floor(Math.random() * 10000) + 1;
const notification = {
  title: 'my title',
  body: 'my body',
  id: randomId,
  schedule: {
      // at: new Date(Date.now() + 1000 * 60), // in a minute
      on: {hour: 9, minute: 33, second: 0},
      repeats: true,
      every: "day"
  },
};

특정시간마다 ***

const randomId = Math.floor(Math.random() * 10000) + 1;
const notification = {
  title: 'my title',
  body: 'my body',
  id: randomId,
  schedule: {
      at: new Date(Date.now() + 1000 * 60), // in a minute
      allowWhileIdle: true,
  },
};

알람시 사용자 아이콘 설정

capacitor.config.ts

const config: CapacitorConfig = {
  .....................
  plugins: {
    .....................
   LocalNotifications: {
    smallIcon: "ic_stat_icon",
    iconColor: "#488AFF",
    sound: "beep.wav",
  },
 },
};

확장자를 제외한후 smallIcon에 이미지 파일 명을 넣어둔다. 그리고 android > app > src > main > res > drawable 에 ic_stat_icon.png를 넣어두면 된다.