Mobile web Share API

■ Introducing the Web Share API

안드로이드용 Chrome 61에서 웹 사이트에서 호스트 플랫폼의 기본 공유 기능을 호출 할 수있게 해주는 navigator.share() 메소드가 출시되었습니다. 해당 메소드는 Web Share API의 일부이며 공유 할 URL이나 텍스트를 전달하여 기본 Android 공유 Dialog를 쉽게 사용할 수 있습니다.

Web Share API는 Promise 기반 단일 메소드입니다. share 메소드 호출시에 공유할 데이터의 속성은 title, text, url등이 있으며 text, url 두 속성중중 하나 이상을 필수로 넣어주어야 합니다.

if (navigator.share) {
  navigator.share({
      title: 'Web Fundamentals',
      text: 'Check out Web Fundamentals — it rocks!',
      url: 'https://developers.google.com/web',
  })
    .then(() => console.log('Successful share'))
    .catch((error) => console.log('Error sharing', error));
}

share 메소드가 호출되면 네이티브 피커가 보여지고 사용자가 앱을 선택하면 해당 앱과 데이터를 공유할 수 있습니다.

■ Share API 사용 조건

Web Share API를 사용하기 위한 몇가지 조건들이 있습니다.

 - HTTPS가 적용된 웹사이트에서만 동작합니다.

 - 버튼 클릭과 같이 사용자가 발생시킨 이벤트, 작업에서만 share api를 호출할 수 있습니다. (ex: 페이지 로딩중 호출 불가)

 - 현재 호스트를 기반으로한 URL외에도 제한없이 URL을 공유할 수 있습니다.

 - URL 없이 텍스트만 공유할 수 있습니다.

 - 사용자의 플랫폼에 따라 사용할 수 없는 경우를 대비해야 합니다. (navigator.share === undefined)

해당 포스트는 Google Developer 가이드 문서를 번역하였습니다.

https://developers.google.com/web/updates/2016/09/navigator-share