본문 바로가기
JavaScript

[JavaScript] DeepLink 사용해서 유튜브 앱 열기

by teamnova 2024. 1. 6.
728x90

안녕하세요. 오늘은 모바일 브라우저에서 Deeplink를 이용해 유튜브 앱을 열어보겠습니다. 

유튜브외에도 다른 앱들도 가능하며, 직접 제작한 앱도 Intent-filter 설정으로 실행이 가능합니다.

 

html 파일을 만들고 코드를 작성하겠습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Open YouTube App</title>
</head>
<body>

<button id="openYouTubeButton">유튜브 앱 열기</button>

<script>
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('openYouTubeButton').addEventListener('click', function() {
        openYouTubeApp();
    });

    function openYouTubeApp() {
        // 유튜브 앱을 열기 위한 Deeplink
        var youtubeDeeplink = 'https://www.youtube.com/';
       
        // Deeplink를 통해 유튜브 앱을 엽니다.
        window.location.href = youtubeDeeplink;
    }
});
</script>

</body>
</html>

 

코드는 위가 다입니다. 모바일 브라우저에서 버튼을 누르면 유튜브 앱이 실행되시는것을 확인할 수 있을겁니다.