시작하기

Sebastian Benz

맞춤 탭 통합의 첫 번째 단계는 프로젝트에 AndroidX 브라우저 라이브러리를 추가하는 것입니다. app/build.gradle 파일을 열고 종속 항목 섹션에 브라우저 라이브러리를 추가합니다.

dependencies {
   …
   implementation 'androidx.browser:browser:1.5.0'
}

참고: 작동하는 예시는 GitHub의 Android 맞춤 탭 샘플 앱을 확인하세요.

맞춤 탭에서 링크 열기

androidx.browser/browser 라이브러리가 설치된 경우 CustomTabsIntent.Builder를 사용하여 CustomTabsIntent를 만들고 launchUrl()를 호출하고 Uri를 전달하여 맞춤 탭을 실행할 수 있습니다.

String url = "https://developers.android.com";
CustomTabsIntent intent = new CustomTabsIntent.Builder()
        .build();
intent.launchUrl(MainActivity.this, Uri.parse(url));

그러면 다음 스크린샷과 같이 전체 화면 맞춤 탭 활동이 열립니다.

핵심사항: 사용자의 기본 브라우저가 맞춤 탭을 지원하지 않으면 어떻게 되나요? 맞춤 탭은 대부분의 Android 브라우저에서 지원되지만 맞춤 탭을 지원하는 브라우저가 설치되어 있지 않으면 CustomTabIntent가 대신 사용자의 기본 브라우저를 엽니다. CustomTabsIntent가 Extras 키와 함께 ACTION\_VIEW 인텐트를 사용하여 UI를 맞춤설정하기 때문에 작동합니다.

Android App Links 지원

기본적으로 Custom Tabs는 Android App Links를 지원합니다. 즉, YouTube 앱이 설치된 경우 YouTube 동영상 URL로 CustomTabsIntent를 실행하면 브라우저 대신 YouTube 앱이 열립니다.

그러나 CustomTabsSession를 CustomTabIntent에 전달하면 해당 네이티브 앱이 설치되어 있더라도 맞춤 탭에서 링크가 강제로 열립니다. 네이티브 앱에서 웹 링크를 여는 기본 동작을 유지하려면 설치된 네이티브 앱에서 링크를 처리할 수 있는지 확인하는 방법에 관한 가이드도 추가로 따라야 합니다.

다음 단계: 맞춤 탭의 디자인과 느낌을 맞춤설정하는 방법을 알아봅니다.