Delphi 안드로이드 웹브라우저에서 "tel:, sms:" 링크가 동작하지 않는 이슈 해결하기

2015.06.26 23:02

Humphery 조회 수:4831

델파이로 하이브리드 앱 개발 시 안드로이드 환경에서 전화걸기 링크(tel:)를 클릭하면 웹페이지 오류(ERR_UNKNOWN_URL_SCHEME)가 표시됩니다.

원래는 전화걸기 기능이 실행되야 합니다.

 

이 글은 안드로이드 하이브리드 앱에서 웹브라우저(TWebBrowser)의 전화걸기, 문자전송 등의 링크 클릭 시 해당 기능이 동작하도록 처리하는 방법을 안내합니다.

 

먼저 웹페이지의 구성과 증상을 살펴봅니다.

 

웹페이지 구성과 증상

 

웹페이지(http://hjf.pe.kr/fmx/hybrid.php)에는 아래와 같이 전화걸기, 문자전송, 메일 전송 링크를 제공합니다.

 

?
1
2
3
<a href="tel:021231234">[Phone number]</a>  /
<a href="sms:01012341234">[Send sms]</a>  /
<a href="mailto:abc@mail.com">[Send mail]</a>

 

 

위 페이지를 안드로이드 앱의 웹브라우저에 표시하고, 전화걸기 링크를 클릭하면 다음과 같이 웹 페이지 오류가 표시됩니다.

위 오류가 발생하는 원인은 링크를 클릭하면 관련 액티비티가 처리해야 하는데 웹페이지로 인식해 웹브라우저가 분석하는데 실패하기 때문입니다.

그럼 링크 클릭 시 페이지 이동 대신 기능 액티비티를 표시하도록 수정해보니다.

 

파이어몽키 안드로이드 웹브라우저 소스 수정

 

위 링크 이슈를 해결하기 위해서는 파이어몽키 안드로이드 웹브라우저의 소스(FMX.WebBrowser.Android.pas)를 수정 해야합니다.(아래 과정은 델파이 XE8 기준으로 설명합니다. 다른 버전은 소스의 경로와 소스코드 내용 중 일부가 다를 수 있습니다.)

1, 안드로이드 소스코드 복사

 

아래 경로에서 안드로이드 웹브라우저 소스(FMX.WebBrowser.Android.pas)파일 복사합니다.

  • C:\Program Files (x86)\Embarcadero\Studio\16.0\source\fmx\FMX.WebBrowser.Android.pas (XE8 기준)
위 파일을 델파이 프로젝트 파일(*.dproj)과 같은 경로에 붙여넜습니다.

프로젝트 경로에 파일을 복사한 이유는 델파이 컴파일러는 프로젝트 파일의 경로의 소스파일을 우선적으로 참고해 컴파일합니다. 위 특징을 이용해 프레임워크 소스코드를 프로젝트 파일과 같은 경로에 놓고 수정하면 수정된 내용이 적용되어 컴파일 됩니다.

 

 

2, 파이어몽키 소스코드 수정

위에서 복사한 소스코드를 델파이 IDE > File > Open 메뉴로 엽니다.
그리고, shouldOverrideUrlLoading 메소드 구현부를 수정하겠습니다.
 
shouldOverrideUrlLoading 메소드는 웹뷰의 URL 변경 시 발생되며, URL에 따라 호스트 애플리케이션이 제어할 수 있는 기회를 주는 이벤트입니다.(안드로이드 기술문서: shouldOverrideUrlLoading)
 
리턴 값이 True이면 호스트가 제어하기 때문에 화면을 이동하지 않고, False이면 화면을 이동합니다.
 
다음 코드를 참고해 shouldOverrideUrlLoading 메소드 구현부를 수정합니다.

 

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function TAndroidWebBrowserService.TWebBrowserListener.shouldOverrideUrlLoading(
  P1: JWebView; P2: JString): Boolean;
var
  Url: string;
  Intent: JIntent;
begin
  Url := JStringToString(P2);
 
  FWBService.ShouldStartLoading(Url);
  Result := False;
 
  // 리턴값이 True이면 페이지를 랜더링하지 않음
    // http 또는 https 인 경우 False(랜더링 함)
    // 그 외 True(렌더링 안함)  로딩을 중지 함(P1.stopLoading)
  if (Url.StartsWith('http://') or Url.StartsWith('https://')) then
    Result := False
  else
  begin
    // tel:, sms:, mailto:, geo: 등은 해당 Activity 실행
    Intent := TJIntent.JavaClass.init(TJIntent.JavaClass.ACTION_VIEW,
      TJnet_Uri.JavaClass.parse(P2));
    try
      SharedActivity.startActivity(Intent);
      Result := True;
    except
    end;
  end;
 
  // 렌더링 안하므로 로딩 중지
  if Result then
    P1.stopLoading;
end;

 

3, 테스트

위와 같이 수정하고 빌드 후 전화번호 링크를 클릭하면 아래와 같이 관련된 기능이 동작합니다.

 

 

 

 

참고 글

 

, , 이 게시물을
Profile
목록
목록
번호 제목 글쓴이 날짜 조회 수
공지 [DelphiCon 요약] 코드사이트 로깅 실전 활용 기법 (Real-world CodeSite Logging Techniques) 관리자 2021.01.19 15443
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 13962
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 16499
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 22055
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 23268
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 18923
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 39259
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 174726
1103 David I의 31일 동영상(한글자막) - SQLite DB앱 만들기(윈도우&맥용)(델파이 동일 적용 가능 관리자 2013.04.26 5021
1102 [웹세미나] 파이어몽키용 TMS Grid와 비주얼 라이브바인딩을 활용한 멀티-티어 애플리케이션 개발 관리자 2012.10.23 5015
1101 CodeRage7 : 'C++' 다시보기 관리자 2012.12.21 5003
1100 멀티-티어 작업을 더욱 쉽게 만들어주는 Class Helper 관리자 2013.03.26 5000
1099 RAD Studio XE3를 활용한 iOS애플리케이션 개발 베타 테스터 모집 관리자 2013.01.28 4994
1098 델파이로 간단하게 슬라이드 효과를 적용한 iOS앱 만들기 관리자 2013.03.26 4957
1097 델파이 이전버전을 설치하는 방법 Humphery 2014.02.14 4901
1096 RAD Studio XE4 퀵 가이드: PDF 다운로드 file 관리자 2013.05.30 4896
1095 [XE5만의 특별한 기능] 응답하라! Delphi VCL 개발자 관리자 2013.12.21 4890
1094 [C++빌더 XE3 비디오 31] C++파이어몽키 애플리케이션에 새로운 장비와 센서 적용하기 관리자 2013.01.08 4888
1093 안드로이드 ARM 에뮬레이터 속도를 올리는 8가지 팁 Humphery 2014.04.25 4884
1092 Digifort에서 델파이XE5로 개발한 원격 제어 카메라 앱 관리자 2013.10.30 4880
1091 이 달의 기술자료 - 2014년 10월 file 험프리 2014.09.12 4851
1090 "델파이 세미나 in 부산: 윈도우와 맥 개발자를 위한 파이어몽키" 세미나 자료 file 관리자 2013.03.06 4838
» 안드로이드 웹브라우저에서 "tel:, sms:" 링크가 동작하지 않는 이슈 해결하기 Humphery 2015.06.26 4831
1088 RAD Studio 모바일 로드맵 공개 관리자 2012.09.21 4828
1087 20130307 "RAD Studio XE3 따라잡기,LIVE! : iOS 델파이 개발 프리뷰 최초 공개" 세미나 자료 file 관리자 2013.03.08 4798
1086 XE3 - Hotfix가 올라왔습니다. 관리자 2012.10.05 4761
1085 모바일 첫걸음: 델파이 iOS 개발 - 5.제스처를 사용한 탭 간 이동 관리자 2013.10.15 4754
1084 InterBase XE3 퀵스타트 가이드 file 문효섭 2014.01.13 4726
쓰기
태그