상상쓰

[Firebase] 짧은 동적 링크 만들기 (jquery) 본문

Programming

[Firebase] 짧은 동적 링크 만들기 (jquery)

상상쓰 2021. 7. 23. 14:17

https://firebase.google.com/docs/dynamic-links/rest?authuser=1 

 

REST API로 동적 링크 만들기  |  Firebase

참고: 전체 Short Links API 참조는 참조 섹션에서 확인할 수 있습니다. Firebase Dynamic Links REST API를 사용하여 짧은 동적 링크를 만들 수 있습니다. 이 API는 긴 동적 링크 또는 동적 링크 매개변수가 들

firebase.google.com

 

여기서는 긴 링크를 javascript 를 통해 짧은 동적 링크로 만드는 방법을 간단하게 소개하겠다.

firebase console 의 설정페이지 [api_key] 와 [참여] > [Dynamic Links] 에서 [URL 프리픽스]로 설정된 주소를 알면 된다.

 

<html>
    <head>
    <script src="/jquery.min.js"></script>
    <script>
        $(fucntion() {
          var params = {
            "longDynamicLink" : "[URL 프리픽스]/?link=[긴 링크]",
            // URL 프리픽스 예) https://sangsangss.page.link 또는 https://sangsangss.com
            "suffix" : {"option" : "SHORT"}
          }
          
          $("#btn").on("click", function() {
            $.ajax({
                url: "https://firebasedynamiclinks.googleapis.com/v1/shortLinks?key=[api_key]",
                dataType: "json",
                type: "post",
                contentType: "application/json",
                data: JSON.stringify(params),
                success: function(response, textStatus, jqXHR) {
                    alert(response.shortLink);
                    // shortLink 예) https://sangsangss.page.link/vjzah71EfG9m5mTB6 또는 https://sangsangss.com/vjzah71EfG9m5mTB6
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log(jqXHR, textStatus, errorThrown);
                }
            });    
        });
    });
    </script>
    </head>
    <body>
        <div><button id="btn">Dynamic Links</button></div>   
    </body>
</html>

 

'Dynamic Links' 를 클릭하면 긴 링크를 대신할 수 있는 짧은 동적 링크를 가질 수 있다.

 

다음, 긴 링크에 parameter 가 있는 경우, params 변수를 아래와 같이 나눈다.

 

var params = {
	"dynamicLinkInfo" : {
    	"dynamicLinkDomain" : "[URL 프리픽스 (https:// 생략)]",
        "link" : "[긴 링크 (?, & 포함 URL)]"
    },
    "suffix" : {"option" : "SHORT"}
}

 

'Programming' 카테고리의 다른 글

[java] HashMap value(값)로 정렬하기  (0) 2021.10.24
[java] PriorityQueue(우선순위 큐) 소개  (0) 2021.10.24
[Spring] @PathVariable을 이용한 경로(@RequestMapping) 변수  (0) 2021.08.26
[javascript] chart.js 활용하기  (0) 2021.08.23
[Firebase] 짧은 동적 링크 만들기 (java)  (0) 2021.07.27
'Programming' Related Articles more
Comments