[IOS] IOS 버전 16.4 출시 - 웹 푸쉬 알림 기능

🍎 업데이트 내용

→ 현재 안드로이드와 IOS 앱을 모두 개발해야하는 입장에서 앱 개발에 대한 정보를 항상 찾아보고 있는데, 최근에 IOS 버전 16.4가 출시되었다는 소식을 접해서 간단하게 공유하고자 합니다.

이 버전은 웹 개발자들이 오랫동안 기다려온 API를 지원하게 된 버전으로, Apple은 IOS에서 PWA에 대한 지원을 구현하는 데 반영이 다소 늦어졌었습니다.

그러나 드디어 이번 업데이트로 이를 해결하게 되었습니다. 바로 웹 푸시 알림 기능이 업데이트 된 것입니다.

이전에는 유저의 아이폰으로 푸시 알림을 보내려면 IOS 앱을 만드는 것 외에는 다른 방법이 없었는데, 이번 업데이트부터는 웹사이트에서 직접 유저의 아이폰으로 푸시 알림을 보낼 수 있게 되었습니다.

구글에서는 2015년부터 PWA를 지원해왔는데, 이번에 IOS에서도 업데이트 된 것이죠. 단, 바로 적용하는 데에는 여러 가지 제한이 있어서 진동이 되지 않거나 이미지가 지원되지 않는 등의 문제가 있을 수 있겠습니다.

📱 웹 푸시 알림 구현 방법

//web-push 패키지
import webpush from "web-push";
const keys = webpush.generateVAPIDKeys();
console.log(keys)

if("serviceWoker" in navigatior){
	navigator.serviceWorker.register("my-service-worker.js");
}
self.addEventListener("push", (event) => {
	const title = event.data.text();
  	event.waitUntil(self.registration.showNotification(title));
}

✔️ 참고 자료

참고 영상 - IOS 업데이트
업데이트 관련 뉴스