앱 스토어 리디렉션은 301과 302 중 무엇이어야 할까?

리디렉션을 작성할 때는 사소해 보이지만, 이 선택이 앞으로 목적지를 바꿀 수 있을지를 결정합니다. 브라우저는 301을 “이 주소는 영구적으로 이동했다”로 받아들여 기억하고, 302는 “이번에는 저기로 가라”라는 뜻입니다. QR 코드에 인쇄되거나 프로필 소개에 붙여 넣어 몇 달씩 계속 쓰이는 링크라면, 이 차이가 리디렉션의 다른 무엇보다 중요합니다. 이 가이드는 어떤 코드를 써야 하는지, 그 이유, 그리고 스토어 리디렉션이 그 밖에 무엇을 보내야 하는지 설명합니다.

방법

SDK도, 재빌드도 없습니다. URL 하나면 됩니다.

1. 1

   임시 리디렉션 반환하기

   User-Agent로 스토어를 고르고 상태 코드 302로 응답하세요. 여기서는 Cloudflare Worker 예시이며, 같은 로직은 어떤 서버에서도 작동합니다.

   // 임시 리디렉션: 브라우저는 방문할 때마다 서버에 다시 묻는다
   export default {
     fetch(req) {
       const ua = req.headers.get("user-agent") || "";
       const ios = "https://apps.apple.com/app/id0000000000";
       const android = "https://play.google.com/store/apps/details?id=com.example.app";
       const web = "https://example.com/download";
       const to = /iPhone|iPad|iPod/.test(ua) ? ios : /Android/i.test(ua) ? android : web;
       return new Response(null, { status: 302, headers: { Location: to, "X-Robots-Tag": "noindex" } });
     },
   };

2. 2

   컴퓨터는 스토어가 아니라 페이지로 보내기

   스토어 페이지로는 컴퓨터에 아무것도 설치할 수 없습니다. 데스크톱 방문자는 두 스토어 버튼과 QR 코드가 있는 페이지로 보내세요. 이 페이지는 Mac이라고 밝히는 iPad도 받아 냅니다.

3. 3

   또는 호스팅되는 링크 사용하기

   두 스토어 URL로 onestore.link를 만드세요. 기기별로 302로 응답하고, 짧은 링크를 색인에서 제외하며, 나중에 목적지를 바꿀 수 있게 해 줍니다.

자주 묻는 질문