[js]Web Share API 웹페이지 공유하기

  const sharePage = {
    title:"제목",
    text:"내용",
    // 카톡에 링크와 함께 띄워짐
	url:""
    // url:""빈값 or window.location.href
    // 현재페이지
    // 혹은 "https://yesm1230.tistory.com/m/108"도 가능
  }
  document.querySelector(".btn").addEventListener("click",function(){
    if(navigator.share){
      // navigator를 지원 할 경우
      navigator
      .share(sharePage)
      .then(()=>{
        alert("성공")
      })
      .catch((error)=>{
        alert("취소")
      })
    }else{
      alert("공유하기 지원 안됨")
    }
  })

 

* https 사이트만 가능

* 클릭 이벤트만 할당되게 설계되어있음 

* url을 작성할 경우, url만 적힌 카톡이 전송됨.

* text에 window.location.href을 변수 설정 후 text : `내용 + ${변수}`로 설정 가능