Skip to content

fix: applinks 수정 #74

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
YinaePark merged 2 commits into from
Jul 16, 2025
Merged

fix: applinks 수정 #74

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f7c581f
fix: applinks 수정
YinaePark Jul 16, 2025
a555057
fix: applinks 수정
YinaePark Jul 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
129 changes: 104 additions & 25 deletions src/main/resources/templates/shared/post-view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,9 @@
padding-top: 15px;
border-top: 1px solid #eee;
}
.hidden-link {
display: none;
}
</style>
</head>
<body>
Expand All @@ -86,40 +89,116 @@ <h1>📝 게시물</h1>
<div class="app-banner">
<h3>🚀 더 많은 기능을 위해 앱을 설치하세요!</h3>
<p>댓글 작성, 좋아요, 팔로우 등 모든 기능을 이용해보세요</p>
<button onclick="openInApp()" class="open-app-btn">📱 앱에서 열기</button>
<a th:href="'https://play.google.com/store/apps/details?id=' + ${androidPackageName}" class="download-btn">🤖 Android 앱 다운로드</a>

<a href="#" onclick="return openInApp(event)" class="open-app-btn">📱 앱에서 열기</a>
<a th:href="'https://play.google.com/store/apps/details?id=' + ${androidPackageName}"
id="playStoreLink"
class="download-btn">🤖 Android 앱 다운로드</a>
</div>
</div>

<script th:inline="javascript">
function openInApp() {
const postId = /*[[${post.id}]]*/ '123';
const packageName = /*[[${androidPackageName}]]*/ 'com.yourapp.package';

// 1. 커스텀 스킴으로 앱 실행 시도 (fallback)
const customScheme = `yourapp://post/${postId}`;

try {
// Android에서 Intent 스킴 시도
if (navigator.userAgent.includes('Android')) {
window.location.href = `intent://post/${postId}#Intent;scheme=yourapp;package=${packageName};end`;
} else {
// iOS에서 커스텀 스킴 시도
window.location.href = customScheme;
}

// 2초 후에도 페이지가 그대로면 앱이 없는 것으로 판단
function openInApp(event) {
// 기본 링크 동작 방지
event.preventDefault();

const postId = /*[[${post.id}]]*/ null;
const packageName = /*[[${androidPackageName}]]*/ 'com.data.app';
const baseUrl = /*[[${baseUrl}]]*/ 'https://barum.p-e.kr';
const currentUrl = window.location.href;

console.log('openInApp 실행:', { postId, packageName, baseUrl, currentUrl });

// 필수 값 검증
if (!postId) {
console.error('게시물 ID가 없습니다');
alert('게시물 정보를 찾을 수 없습니다.');
return false;
}

// 현재 URL에서 토큰 추출 (URL이 /shared/post/TOKEN 형태)
const urlParts = currentUrl.split('/');
const token = urlParts[urlParts.length - 1];

// App Links URL - 현재 페이지의 URL을 그대로 사용
// 토큰 기반이므로 /shared/post/{token} 형태 유지
const appLinkUrl = currentUrl;

// 디바이스 타입 감지
const isAndroid = /Android/i.test(navigator.userAgent);
const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);

if (isAndroid) {
// Android의 경우 App Links 사용
// href 속성을 동적으로 설정하고 클릭 이벤트 발생
console.log('Android App Links 실행:', appLinkUrl);

// 임시 링크 생성하여 클릭
const tempLink = document.createElement('a');
tempLink.href = appLinkUrl;
tempLink.style.display = 'none';
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);

// 1.5초 후 페이지가 그대로 있으면 Play Store로 이동
setTimeout(function() {
if (navigator.userAgent.includes('Android')) {
// 페이지가 아직 visible 상태인지 확인
if (!document.hidden && document.visibilityState === 'visible') {
console.log('앱이 열리지 않음, Play Store로 이동');
window.location.href = `https://play.google.com/store/apps/details?id=${packageName}`;
} else if (navigator.userAgent.includes('iPhone') || navigator.userAgent.includes('iPad')) {
window.location.href = 'https://apps.apple.com/app/your-app-id';
}
}, 2000);
} catch (e) {
console.log('앱 실행 실패:', e);
}, 1500);
} else if (isIOS) {
// iOS의 경우 Universal Links 사용
console.log('iOS Universal Links 실행:', appLinkUrl);

// 임시 링크 생성하여 클릭
const tempLink = document.createElement('a');
tempLink.href = appLinkUrl;
tempLink.style.display = 'none';
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);

// iOS도 유사하게 처리
setTimeout(function() {
if (!document.hidden && document.visibilityState === 'visible') {
if (confirm('앱이 설치되지 않았습니다. App Store로 이동하시겠습니까?')) {
// iOS App Store URL로 변경 필요
window.location.href = 'https://apps.apple.com/app/your-app-id';
}
}
}, 1500);
} else {
// 데스크톱의 경우 현재 페이지 유지
console.log('데스크톱에서는 현재 페이지 유지');
alert('모바일 앱에서 더 많은 기능을 이용하실 수 있습니다.');
}

return false;
}

// 페이지 가시성 변화 감지 (앱으로 전환되었는지 확인용)
let appOpened = false;

document.addEventListener('visibilitychange', function() {
if (document.hidden) {
appOpened = true;
console.log('페이지가 hidden 상태로 변경됨 - 앱이 열렸을 가능성');
}
});

// 페이지 포커스 이벤트로도 감지
window.addEventListener('blur', function() {
appOpened = true;
console.log('페이지가 포커스를 잃음 - 앱이 열렸을 가능성');
});

// beforeunload 이벤트로 페이지 이탈 감지
window.addEventListener('beforeunload', function() {
appOpened = true;
});
</script>
</body>
</html>
107 changes: 88 additions & 19 deletions src/main/resources/templates/shared/profile-view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,9 @@
background: rgba(255,255,255,0.3);
transform: translateY(-2px);
}
.hidden-link {
display: none;
}
</style>
</head>
<body>
Expand Down Expand Up @@ -126,40 +129,106 @@ <h1 class="profile-name" th:text="${profile.name}">사용자명</h1>
<div class="app-banner">
<h3>🤝 앱에서 팔로우하고 더 많은 콘텐츠를 확인하세요!</h3>
<p>이 사용자의 최신 게시물과 활동을 놓치지 마세요</p>
<button onclick="openInApp()" class="open-app-btn">📱 앱에서 열기</button>
<a th:href="'https://play.google.com/store/apps/details?id=' + ${androidPackageName}" class="download-btn">🤖 Android 앱 다운로드</a>

<a href="#" onclick="return openInApp(event)" class="open-app-btn">📱 앱에서 열기</a>
<a th:href="'https://play.google.com/store/apps/details?id=' + ${androidPackageName}"
id="playStoreLink"
class="download-btn">🤖 Android 앱 다운로드</a>
</div>
</div>

<script th:inline="javascript">
function openInApp() {
function openInApp(event) {
// 기본 링크 동작 방지
event.preventDefault();

const userId = /*[[${profile.userId}]]*/ '123';
const packageName = /*[[${androidPackageName}]]*/ 'com.yourapp.package';
const baseUrl = /*[[${baseUrl}]]*/ 'https://barum.p-e.kr';
const currentUrl = window.location.href;

console.log('openInApp 실행:', { userId, packageName, baseUrl, currentUrl });

// 현재 URL에서 토큰 추출 (URL이 /shared/profile/TOKEN 형태)
const urlParts = currentUrl.split('/');
const token = urlParts[urlParts.length - 1];

// 1. 커스텀 스킴으로 앱 실행 시도 (fallback)
const customScheme = `yourapp://profile/${userId}`;
// App Links URL - 현재 페이지의 URL을 그대로 사용
// 토큰 기반이므로 /shared/profile/{token} 형태 유지
const appLinkUrl = currentUrl;

try {
// Android에서 Intent 스킴 시도
if (navigator.userAgent.includes('Android')) {
window.location.href = `intent://profile/${userId}#Intent;scheme=yourapp;package=${packageName};end`;
} else {
// iOS에서 커스텀 스킴 시도
window.location.href = customScheme;
}
// 디바이스 타입 감지
const isAndroid = /Android/i.test(navigator.userAgent);
const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);

// 2초 후에도 페이지가 그대로면 앱이 없는 것으로 판단
if (isAndroid) {
// Android의 경우 App Links 사용
console.log('Android App Links 실행:', appLinkUrl);

// 임시 링크 생성하여 클릭
const tempLink = document.createElement('a');
tempLink.href = appLinkUrl;
tempLink.style.display = 'none';
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);

// 1.5초 후 페이지가 그대로 있으면 Play Store로 이동
setTimeout(function() {
if (navigator.userAgent.includes('Android')) {
// 페이지가 아직 visible 상태인지 확인
if (!document.hidden && document.visibilityState === 'visible') {
console.log('앱이 열리지 않음, Play Store로 이동');
window.location.href = `https://play.google.com/store/apps/details?id=${packageName}`;
} else if (navigator.userAgent.includes('iPhone') || navigator.userAgent.includes('iPad')) {
}
}, 1500);
} else if (isIOS) {
// iOS의 경우 Universal Links 사용
console.log('iOS Universal Links 실행:', appLinkUrl);

// 임시 링크 생성하여 클릭
const tempLink = document.createElement('a');
tempLink.href = appLinkUrl;
tempLink.style.display = 'none';
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);

// iOS도 유사하게 처리
setTimeout(function() {
if (!document.hidden && document.visibilityState === 'visible') {
// iOS App Store URL로 변경 필요
window.location.href = 'https://apps.apple.com/app/your-app-id';
}
}, 2000);
} catch (e) {
console.log('앱 실행 실패:', e);
}, 1500);
} else {
// 데스크톱의 경우 현재 페이지 유지
console.log('데스크톱에서는 현재 페이지 유지');
alert('모바일 앱에서 더 많은 기능을 이용하실 수 있습니다.');
}

return false;
}

// 페이지 가시성 변화 감지 (앱으로 전환되었는지 확인용)
let appOpened = false;

document.addEventListener('visibilitychange', function() {
if (document.hidden) {
appOpened = true;
console.log('페이지가 hidden 상태로 변경됨 - 앱이 열렸을 가능성');
}
});

// 페이지 포커스 이벤트로도 감지
window.addEventListener('blur', function() {
appOpened = true;
console.log('페이지가 포커스를 잃음 - 앱이 열렸을 가능성');
});

// beforeunload 이벤트로 페이지 이탈 감지
window.addEventListener('beforeunload', function() {
appOpened = true;
});
</script>
</body>
</html>