Jelentkezés Telefonon: +36/30-820-1750ONLINE

Hírek

안드로이드 웹앱 예제

Kategória: Uncategorized

이 튜토리얼은 안드로이드 스튜디오, 안드로이드에 대한 새로운 디자인 및 빌드 IDE를 사용합니다. 여기에 설명된 대로 Android Studio를 설치하여 시작해야 합니다. 당신은 주위에 재생하고 멋진 HTML5Rocks 기사를 탐색 시작으로, 안드로이드에 뒤로 버튼을 누르면 응용 프로그램을 종료, 당신은 사이트의 몇 페이지를 탐색 한 경우에도. Android 웹 앱은 WebView를 사용하여 앱의 GUI의 일부를 렌더링하는 응용 프로그램입니다. 이름에서 알 수 있듯이 WebView는 웹 페이지를 표시하는 보기입니다. 당신이 페이스 북에 있고 일부 링크를 공유한다고 가정 해 봅시다. 브라우저에서 링크를 여는 대신 WebView 구성 요소를 사용하여 앱 자체에서 링크를 엽니다. 활동 레이아웃의 일부로 웹 페이지를 표시할 수 있는 Android의 View 클래스의 확장입니다. WebView기본적으로 웹 페이지 즉, 탐색 및 주소 표시 줄과 같은 완전히 개발 된 웹 브라우저의 기능을 포함하지 않습니다. 웹 브라우저의 모든 기능(쿠키 관리, 기록 관리, 앞뒤로 탐색, 북마크 등)을 수동으로 포함하는 데 사용되는 추가 방법이 있습니다. 다음 섹션에서 이러한 메서드에 대해 설명합니다.

사용자가 WebView의 웹 페이지에서 링크를 클릭하면 Android에서 URL을 처리하는 앱을 시작하는 것이 기본 동작입니다. 일반적으로 기본 웹 브라우저가 열리고 대상 URL을 로드합니다. 그러나 WebView에 대해 이 동작을 재정의할 수 있으므로 WebView 내에서 링크가 열립니다. 그런 다음 사용자가 WebView에서 유지 관리하는 웹 페이지 기록을 뒤로 및 앞으로 탐색하도록 허용할 수 있습니다. Android에 있지 않다면 괜찮습니다. 여기에 안드로이드 폰에서 볼 수있는 보기입니다 (이 슬라이드 쇼는 자바 스크립트가 필요합니다). 플립 보드는 온라인 뉴스에 대한 PWA의 가장 좋은 예 중 하나입니다. PWA는 데이터 사용량을 최소화하여 아름다운 인터페이스에서 매끄럽고 빠른 브라우징 경험을 제공합니다. 그들의 PWA의 출시까지, Flipboard는 모바일 장치에만 제공 하는 모바일 애플 리 케이 션.

따라서 이제 PWA를 사용하면 Flipboard가 웹에서 완전한 기능을 갖춘 네이티브 앱과 유사한 경험을 제공 할 수 있으므로 데스크톱 사용자도 사용할 수 있습니다. 문제가 발생하면 Chrome DevTools가 친구입니다. 시작하려면 Android에서 원격 디버깅을 참조하십시오. 이렇게 하면 웹뷰에서 실행되는 자바스크립트용 Android라는 인터페이스가 만들어집니다. 이 시점에서 웹 응용 프로그램은 WebAppInterface 클래스에 액세스할 수 있습니다. 예를 들어 사용자가 단추를 클릭할 때 새 인터페이스를 사용하여 알림 메시지를 만드는 HTML 및 JavaScript가 있습니다. 이 예제에서는 아래와 같이 activity_main.xml 파일에 삽입합니다. 이 클래스를 addJavascriptInterface() 를 사용하여 WebView에서 실행되는 자바스크립트에 바인딩하고 인터페이스 Android의 이름을 지정할 수 있습니다. 예를 들어: 안 드 로이드 WebView 구성 요소는 우리의 안 드 로이드 응용 프로그램에 포함 하는 보기 하위 클래스로 구현 된 본격적인 브라우저.