안녕하세요. 오늘은 모바일 브라우저에서 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
// Deeplink를 통해 유튜브 앱을 엽니다.
window.location.href = youtubeDeeplink;
}
});
</script>
</body>
</html>
코드는 위가 다입니다. 모바일 브라우저에서 버튼을 누르면 유튜브 앱이 실행되시는것을 확인할 수 있을겁니다.
'JavaScript' 카테고리의 다른 글
| [JavaScript] OpenWeatherMap API 사용하여 간단한 날씨 정보 대시보드 만들기 (0) | 2024.02.12 |
|---|---|
| [JavaScript] 블록 익스플로러에 비트코인 조회 기능 추가하기 (0) | 2024.01.09 |
| [JavaScript] 이더리움 익스플로러에 조회 기능 추가하기 (2) | 2024.01.04 |
| [JavaScript] 이더리움 블록 조회하는 간단한 사이트 만들기 (0) | 2023.12.26 |
| [JavaScript] Phaser 에서 마우스 클릭으로 캐릭터 이동하기 (0) | 2023.11.27 |
