NFH.018 - WebApp 시작

2522 단어
2.27 학습 경험 공유#
Bruce_Zhu, 2017.2.27
1. Eclipse를 사용하여 안드로이드 앱을 만들고 핸드폰에 설치
  • 안드로이드 개발 환경의 구축 1) 자바 프로그램의 실행 환경인 JDK를 다운로드하고 설치하여 명령줄에 자바를 입력할 수 있도록 합니다.exe 실행 2) 안드로이드 응용 프로그램의 개발 환경 다운로드 및 해제 가능 - ADT(Android DeveloperTools)
  • ADT: eclipse/eclipse 시작exe
  • 안드로이드 앱 만들기(앱 만들 때 API19 선택), 사용자 정의 아이콘 선택, 창의 내용 맞춤형 설치
  • 안드로이드는 전체 화면에 표시되는 창 수정 항목 목록 파일인 안드로이드 매니페스트를 설정하는 방법을 적용합니다.xml

    • 2. HTML5 앱을 안드로이드 핸드폰에 포장하여 HyBrid App을 만든다.
  • 혼합 앱은 원생 앱처럼 아이콘이 있고 켜면 원생 앱의 창이 나타난다(activity가 된다).이 창에는 하나의 구성 요소만 있습니다 - 하나의 브라우저 핵 (주소 표시줄 없음), 이 브라우저 핵은 특정한 웹 페이지만 표시할 수 있습니다
  • 웹뷰 구성 요소 만들기 - 웹 페이지 내용(즉 브라우저의 핵심)을 표시하는 데 사용
     //         
 WebView wv = new WebView(this);
 //     webview  
 this.setContentView(wv);
    주의: oncreate 방법 하나만 남기고 나머지는 삭제
  • 웹뷰를 사용하여 APK 파일에 포장된 로컬 웹 페이지를 불러오기
    //      ，webview     js,     
wv.getSettings().setJavaScriptEnabled(true);

//     html  
wv.loadUrl("file:///android_asset/hybrid.html");
    모든 HTML/css/js는 안드로이드 프로젝트의 assets 디렉터리에 저장해야 한다
  • 웹뷰를 사용하여 웹 서버의 웹 페이지
    //
    wv를 불러옵니다.loadUrl("http:www.baidu.com");
  • 핸드폰 브라우저로 자동 이동 문제를 해결하려면 먼저 웹뷰 클라이언트 프레임워크
    wv.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);
    return super.shouldOverrideUrlLoading(view, url);
    }
 });
    를 도입한다
    • 3. JQueryMobile
  • jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
  • JQM은 주로 네 부분으로 나뉜다. 페이지 & 네비게이션 CSS 프레임워크 구성 요소 폼 컨트롤
    • 3 JQM을 사용하려면
    1) 프로젝트에 jquery 1.8 + 버전
    2) 프로젝트 jqm 디렉터리 만들기, jqm 필수 자원 파일 가져오기
    jquery-mobile.css jquery-mobile.js images/...
    3) html 파일을 만들고 필요한 css와 js를 도입하고viewport를 설정합니다
     
 
      ： jqm html   ，body        page，      ，jqm    
     
 
    body       page,            
     
 
    jqm               body ，    page 
     
 
    jqm             class    ，          class,        data-*        jqm  class
    블 루 브리지 컵 호두 의 수량 (세 개 이상 의 최소 공배수)
    사물 의 격 리 단계

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage