웹 Share API 적용하기

Q웹뷰를 수정하기 위해 파이어폭스 변경점을 보다가

웹 공유 API라는 것을 봤습니다.

모바일 웹 환경에서 공유버튼을 누를때 브라우저가 각 OS의 네이티브 공유 창을 호출하는 API입니다.

안드로이드에서 웹 share api 로 호출된 공유창

현재 지원하는 브라우저는

IOS용 사파리 12.2

안드로이드용 크롬 80

안드로이드용 파이어폭스 73 입니다.

navigator.share({
  title: 제목,
  text: '네이버',
  url: 'https://naver.com',
}).then(() =>{
	console.log('공유 성공')
}).catch(() => {
	console.log('지원 되지 않는 api')
})

 

지원 되지 않을때는 undefined를 반환합니다.

아직까지 지원하지 않는 브라우저가 많기 때문에

기존에 웹환경에서 쓰이던 공유하기 라이브러리와 같이 써야겠습니다.