반응형
250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
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
Archives
Today
Total
관리 메뉴

폴크(FOLC)

Android - 하이브리드 앱에 kakao 적용하기 본문

Flutter, Android/Flutter 사용법

Android - 하이브리드 앱에 kakao 적용하기

folcjin 2021. 9. 28. 23:10
728x90
반응형

# 웹 페이지에서 JS-SDK를 사용할 경우 InAppWebView 에서 kakao 등 외부 url 을 연동하여 올바르게 동작하도록 하기 위해서는 다음과 같은 처리가 필요하다.

# Android 11 이상에서 JS-SDK 을 이용하여 기능을 구현하는 경우
   > AndroidManifest.xml 에 패키지 명을 추가한다. 그렇지 않으면, Android Framework 에서 호출을 차단한다.
  <manifest package="com.example.sample">
      <queries>
         <package android:name="com.kakao.talk" />
      </queries>
    ...
   </manifest>

# 안드로이드 앱에서 웹뷰를 통해 앱을 실행하려면 Intent URI를 이용한다.

import 'package:url_launcher/url_launcher.dart';

InAppWebViewGroupOptions option InAppWebViewGroupOptions(
crossPlatform: InAppWebViewOptions(javaScriptEnabled:true, javaScriptCanOpenWindowsAutomatically: true,
useShouldOverrideUrlLoading: trueuseShouldInterceptFetchRequest: true,),
android: AndroidInAppWebViewOptions(useHybridComposition: true,
mixedContentMode: AndroidMixedContentMode.MIXED_CONTENT_ALWAYS_ALLOW,
supportMultipleWindows : true, useShouldInterceptRequest:true)
);

String text = createWindowAction.request.url.toString();
if ([ "http", "https", "file", "chrome", "data", "javascript", "about"].contains(uri.scheme)){
   return await launch(text);
}

728x90
반응형
사업자 정보 표시
사업자 등록번호 : -- | TEL : --