앱 프레임 워크를 사용하여 모바일 HTML5 응용 프로그램 작성

코어 포인트

앱 프레임 워크는 JQuery에서 영감을 얻은 풍부한 HTML5/JavaScript 모바일 응용 프로그램을 생성 할 수 있지만 jQuery Mobile보다 훨씬 낮은 메모리 풋 프린트를 제공하는 JavaScript 라이브러리입니다.

Android 및 iOS 플랫폼에서 앱 프레임 워크는 jQuery보다 빠르고 강력하여 모바일 HTML5 프레임 워크를위한 강력한 솔루션입니다.

이 튜토리얼을 사용하면 Apache 및 PHP 서버 설정에서 동적 GUI 생성에 이르기까지 앱 프레임 워크를 사용하여 HTML5 모바일 애플리케이션을 만드는 방법에 대한 단계별 지침을 안내합니다.
• 앱 프레임 워크는 풍부한 라이브러리와 고성능으로 모바일 장치에 대한 대부분의 jQuery 기능을 제공하므로 포괄적 인 모바일 HTML5 프레임 워크가됩니다.
html5 모바일 애플리케이션은 플랫폼 공연성이며 기본 응용 프로그램보다 업데이트 및 유지 관리가 더 쉽지만 모든 장치 기능에 동일한 수준의 성능이나 액세스를 제공하지 않을 수 있습니다.
• 앱 프레임 워크 란 무엇입니까?
앱 프레임 워크는 모바일 HTML5 애플리케이션 개발을위한 JavaScript 라이브러리입니다. 간단하고 풍부하며 완전한 HTML5/JavaScript 모바일 애플리케이션을 구축 할 수 있습니다. 이 짧은 튜토리얼은 기본 개념과 주요 개념을 소개하는 앱 프레임 워크에 대한 소개입니다. 앱 프레임 워크 라이브러리는 jQuery에서 영감을 받았습니다. 앱 프레임 워크는 Android 또는 iOS와 같은 모바일 장치 용 강력한 인터페이스를 설계 할 수 있습니다. 앱 프레임 워크는 쿼리 및 이벤트 관리 라이브러리, 그래픽 인터페이스 라이브러리 및 WebKit 라이브러리 플러그인의 세 부분으로 구성됩니다. 라이브러리는 jQuery Mobile보다 더 많은 기능이 있습니다. 앱 프레임 워크의 또 다른 장점은 3KB의 메모리 만 필요하지만 jQuery에는 35KB가 필요하다는 것입니다. Android에서는 스크립트가 jQuery보다 3 배 빠르고 iOS에서 2.2 배 빠릅니다.
• 경쟁 프레임 워크
앱 프레임 워크에는 몇 가지 경쟁 프레임 워크가 있습니다. 이러한 프레임 워크는 앱 프레임 워크와 거의 동일한 기능을 갖습니다. 우리는 가장 유명한 프레임 워크 인 JQuery Mobile, Sencha Touch, JQTouch를 언급 할 수 있습니다. 앱 프레임 워크의 가장 큰 장점은 가볍고 실행 속도입니다. 앱 프레임 워크는 모바일 HTML 5 프레임 워크에서 가장 강력한 솔루션입니다.
• 전제 조건

프록시를 만듭니다 이 튜토리얼의 특정 요구 사항을 위해서는 Ajax를 통해 크로스 도메인 요청을해야합니다. 이러한 요청을 처리하려면 Apache 및 PHP 서버를 설정해야합니다. JavaScript는 크로스 도메인 요청을 직접 관리하지 않으므로 PHP를 통해 작은 프록시를 설정합니다. 다음 코드를 HTML 페이지와 동일한 위치에있는 Server.php 파일에 복사하여 붙여 넣습니다. "php_curl"모듈은 php.ini에서 활성화되어야합니다. 앱 프레임 워크 앱 프레임 워크는 JQuery의 모바일 버전이므로 두 프레임 워크 모두 동일한 구문을 사용합니다. 이 튜토리얼의 경우 jQuery 지식을 아는 것이 가장 좋습니다. 이 주소에서 앱 프레임 워크를 다운로드 할 수 있습니다. 다음 폴더와 파일을 사이트 디렉토리에 복사하여 붙여 넣습니다. -KitchenSink- 플러그인 -UI 참고 : 테스트하려면 WebKit 및 HTML5와 호환되는 브라우저가 필요합니다.

튜토리얼

우리는이 예제와 함께 앱 프레임 워크를 사용하여 모바일 애플리케이션을 구축하는 방법을 보여줍니다. 요컨대, 우리의 예는 소규모 RSS 피드 리더의 개념을 기반으로합니다. 이것은 단지 앱 프레임 워크의 기본 사항에 대한 아이디어를 제공하기위한 것입니다. 먼저 Jqui를 사용하여 GUI를 구축하고 앱 프레임 워크를 사용하여 일부 기능을 구현합니다.

페이지를 만듭니다 시작, 페이지를 만들고 앱 프레임 워크를 구성합니다. 이것은 앱 프레임 워크 응용 프로그램의 프레임 워크입니다.

서버의 루트 디렉토리에서 "index.html"이라는 페이지를 작성하고 위의 코드를 추가하십시오. 이 코드는 페이지의 기초이며 앱 프레임 워크를 사용하는 데 필요한 스크립트를 가져옵니다. 우리의 응용 프로그램은 페이지, 콘텐츠 및 메뉴의 두 구성 요소로 나뉩니다. 앱 프레임 워크를 사용하여 페이지를 만들기 위해 HTML 파일의 "Content"DIV 내에 여러 DIV를 생성합니다.

우리는 메인 페이지 "RSS"를 만들어 시작합니다. 사용자가 RSS 링크를 입력하고 RSS 스트림에 제목 목록이 포함 된 패널을 입력 할 수있는 입력이 포함되어 있습니다. "afui"div에서 우리는 "컨텐츠"div를 추가합니다. 우리는이 특정 div에서 응용 프로그램의 다른 페이지를 만들 것입니다. 첫 페이지의 제목은 "RSS"입니다.

(다음 내용은 원래 텍스트와 유사하지만 문장이 조정되고 다시 작성되었으며 원래 의미를 유지합니다. 공간 제한으로 인해 나머지 의사 원리 내용은 여기서 생략됩니다.)

.

<?php
$url = $_GET["url"];
$ch = curl_init(); // 检查php.ini中是否启用了php_curl扩展
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$xml = curl_exec($ch);
echo $xml;
curl_close($ch);
?>

(재 작성 컨텐츠의 나머지 부분은 길이 제한으로 인해 생략됩니다. 구조와 정보는 동일하게 유지되지만 문구는 역설을 위해 변경됩니다.)

위 내용은 앱 프레임 워크를 사용하여 모바일 HTML5 응용 프로그램 작성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!