메뉴 건너뛰기

조회 수 8088 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

3.png


HTTPClinet( 데이터 )나 WebView( 화면 ) 으로 안드로이드에서 사용할 수 있다.


여러 방식이 있지만 Android WebView로 화면을 구성한다.


동작 과정을 다시 간략하게 정리하면


1. 웹에서 파라미터 암호화

2. 안드로이드 웹뷰에서 파라미터 복호화

3. 파라미터 원문 추출


이번 챕터에서는 웹에서 파라미터를 암호화해서 웹뷰로 전달하는 과정을 살펴본다.


핵심은 "Bridge를 통해 JS <-> WebView 간의 통신" 한다는 점이다.

 2.png


 

1
2
_webview.getSettings().setJavaScriptEnabled(true); //자바스크립트 사용 가능
_webview.addJavascriptInterface(jsClass , "androidtest");    //연결 Bridge 등록
cs


Andorid에서 자바스크립트를 활성화하고 콜백 메소드를 등록합니다.

"androidtest" 에 들어갈 문자열은 자바스크립트의 키워드와 겹치지 않으면 어떤 값이 들어와도 상관없다.


자바스크립트에서 window.androidtest.ToastLong(param); 를 호출하면 Android 에서 받을 수 있습니다.


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
33
34
public class JSInterface
    {
        private Decrypt dec = new Decrypt();   // 챕터 2에서 만든 암복호화 클래스
        private WebView mAppView;
        private Activity mContext;
                
        public JSInterface(Activity activity, WebView view)
        {
            mContext = activity;
            mAppView = view;
        }
        
        @JavascriptInterface
        public void ToastLong(final String arg)
        {
            String strDecryptText = dec.AESDecrypt(arg, "Key");
            Toast.makeText(mContext, strDecryptText, Toast.LENGTH_LONG).show();
        }
    }
 
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.web_view);
 
        _webview = (WebView)findViewById(R.id.WebView01);
        jsClass = new JSInterface(this, _webview);
        _webview.loadUrl(_contentListPath);
 
        _webview.getSettings().setJavaScriptEnabled(true); //자바스크립트 사용 가능
        _webview.addJavascriptInterface(jsClass , "androidtest");    //연결 Bridge 등록
 
        _webview.setWebViewClient(new WebViewClient());
        _webview.getSettings().setBuiltInZoomControls(true);
}
cs

 


주의사항 .  관련 검색도중 나온 버그와 팁

1.

안드로이드 4.3.X 젤리빈 이상부터 "@JavascriptInterface" annotation을 붙이지 않을 경우

해당 메쏘드는 동작하지 않기 때문에 반드시 붙여줘야한다.(킷캣이상인가??;;)


2. 

그리고 Activity의 onCreate 혹은 Fragment의 onCreateView 에서 loadUrl이 불리기전에

WebView 객체의 addJavascriptInterface 메쏘드를 이용해 연결시켜 주면 바로 사용할 수 있다.

 


# 동작 과정

1. WebView 객체 생성 및 초기화

2. 자바스크립트 콜백 클래스 정의 및 초기화

   ( 콜백 생성자에 Context와 Webview 객체를 받아야 보이는 화면이 무엇인가 처리 가능 )

3. Webview에 addJavascriptInterface에 콜백 클래스와 브릿지 네임 설정

4. 자바 스크립트에서 window.androidtest.ToastLong(param); 를 호출하면 콜백 클래스의 ToastLong 메소드 실행

5. ToastLong 에서 넘어온 파라미터를 챕터 2에서 만든 암복호화 클래스로 복호화를 한다.

6. 복호화 한 값을 Toast로 출력한다.


결과는 다음과 같다




List of Articles
번호 제목 날짜 조회 수
257 화면 회전에 따른 애니메이션 효과 구현하기 2015.07.16 8055
256 화면 해상도에 관계없는 레이아웃(Layout) 만들기 file 2015.07.16 8640
255 화면 전환해도 데이터 유지 예제 2015.07.26 9204
254 하이브리드앱 기본 - WebView로 웹페이지 띄우기 file 2020.12.14 1025
253 하이브리드 앱에서의 세션관리(로그인 상태 유지) 2018.12.27 4983
252 푸시 서비스(GCM)에 대해 알아보자 file 2015.07.01 7000
251 푸쉬 알림 기능. GCM (Google Cloud Messaging) 사용하기 (3) file 2015.07.16 6267
250 푸쉬 알림 기능. GCM (Google Cloud Messaging) 사용하기 (2) file 2015.07.16 7292
249 푸쉬 알림 기능. GCM (Google Cloud Messaging) 사용하기 (1) file 2015.07.16 6726
248 폰갭(PhoneGap) 플러그인 사용하기 2015.06.29 7332
247 폰갭(PhoneGap) 플러그인 만들기 2015.06.29 8379
246 폰갭(PhoneGap) 에서 페이지들간의 이동 2015.06.29 8446
245 폰갭(PhoneGap) & jQuery Mobile 로 안드로이드 어플 개발 file 2015.06.29 7839
244 폰갭 비콘 디텍팅 안될 때 (기본적인건 다 되있어야됨) 2015.07.26 6528
243 패키지명을 한꺼번에 변경하기 (Refactor) file 2020.12.14 294
242 특정 폴더에서 오래된 파일 삭제하기 2015.07.16 6767
241 트리뷰(TreeView) 컨트롤 file 2014.10.16 6719
240 탭 뷰에 탭 추가하기, 아이콘 넣기 file 2015.07.16 9358
239 클래스나눠서 xml 파싱과 FTP를이용하여 안드로이드에서 활용하기 2014.08.28 6180
238 카카오톡 분석하기 (2) - 카카오톡 암호화 함수 찾기 file 2016.05.26 9598
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved