기본 응용프로그램 개발을 위한 Phonegap 사용

기본 응용프로그램 개발을 위한 Phonegap 사용

현재 상태로는 이 질문은 우리의 Q&A 형식에 적합하지 않습니다.우리는 답변이 사실, 참고 자료 또는 전문 지식에 의해 뒷받침되기를 기대하지만, 이 질문은 토론, 논쟁, 여론 조사 또는 연장된 토론을 요청할 가능성이 높습니다.만약 이 질문이 개선될 수 있고 다시 열릴 수 있다고 느낀다면,안내를 위해 헬프 센터를 방문합니다.

마감됨10년 전에.

저는 최근에 폰갭을 만났습니다.여러분 중 누구든 그것을 시도해 보세요.개발자들이 휴대폰의 기본 기능에 액세스할 수 있는 동시에 센차 터치와 Jquery와 같은 HTML 5 기반 프레임워크를 사용할 수 있다고 주장하는 놀라운 도구입니다.또한 코드는 Android에서 iPhone으로 이동할 수 있습니다.제가 그것에 뛰어들기 전에 저는 폰갭에 대한 포럼의 경험이 무엇인지 알고 싶습니다.당면 과제는 무엇이며 엔터프라이즈급 애플리케이션 개발을 위해 실제로 확장 가능합니까?

저는 PhoneGap을 사용하여 몇 개의 애플리케이션을 구축했습니다. 그리고 그것이 제공하는 것은 훌륭합니다.도움이 될 수 있는 몇 가지 간단한 메모가 있습니다.

Disable device-based features you're not using 가속도계, 지리 위치 기능은 기본적으로 켜져 있습니다.만약 당신이 그것들을 사용하지 않는다면, 나는 당신의 앱이 더 빨리 로드(초기화)되고 더 부드럽게 실행될 것이기 때문에 그것들을 끌 것입니다.

onDeviceReady 이 메서드는 폰갭이 로드되고 준비되면 호출됩니다.달러(약)인터페이스/하드코딩된 HTML 작업만 수행하는 경우를 제외하고는 준비가 되었거나 익숙한 것이 무엇이든 여기에 적용되지 않습니다.지리 위치와 같은 iPhone 기능과 상호 작용하는 경우에는 onDeviceReady가 호출된 후에 모든 작업을 수행해야 합니다.

Pick a UI/library 인터페이스/라이브러리, jquery-mobile, sencha touch, jqtouch 등에 대한 수많은 옵션이 있습니다.이들은 각각 고유한 접근 방식과 기능 세트를 제공합니다.조사를 좀 하고 하나를 사용하되, 결합은 피하세요.http://www.phonegap.com/tool (링크 업데이트됨)에서 추가 옵션 및 도구에 대해 읽을 수 있습니다.

Also, more on just mobile development in general, with PhoneGap 안드로이드 마켓과 아이폰 앱스토어를 통해 배포되는 앱을 구축하려는 경우 앱을 개발하는 방법에 대한 가이드라인을 위해 그들의 전체 목록을 읽겠습니다.예를 들어, 위의 도구 링크에는 "Easy APNS"라는 "도구/플러그인"이 있습니다. 이는 Android에 유용하지만 아이폰에서 기술적으로 실행할 수 있지만, Apple 알림 네트워크 등을 사용해야 한다고 명시되어 있으므로 개발 계약을 위반합니다.이것은 단지 예시일 뿐입니다. 하지만 그것을 자세히 읽어보는 것이 여러분의 최종 목표라면 많은 두통을 줄일 수 있을 것입니다.

전반적으로 경량 앱, 특히 웹 개발 배경이 있는 경우에 적합합니다.로컬 스토리지, 지리적 위치 등.정말 잘 작동합니다.

추가 편집:

저는 그것이 여러분이 무엇을 하고 싶은지, 무엇을 할 줄 아는지에 달려있다고 생각합니다.Matt는 iOS용 네이티브 앱을 개발하는 것이 더 낫다고 지적했습니다.네, 만약 당신이 그것을 배울 시간과 지식이 있다면 - 물론 원어민이 더 나을 것입니다.그러나 PhoneGap은 기존의 기술을 사용하여 앱을 구축할 수 있는 웹 개발자를 위해 만들어졌습니다.또한 PhoneGap을 사용하면 iOS, Android, Symbian, Palm, Blackberry용 앱을 빠르게 구축할 수 있습니다.각각의 코드베이스를 약간 조정할 수 있습니다.

다음은 제가 읽은 PhoneGap의 최고 성능 가이드입니다. 견고하고 안정적인 성능을 보장하기 위해 주의해야 할 사항이 많습니다.하지만 당신은 책을 읽는 단 하루 저녁에 모든 것을 배울 수 있습니다.

최고의 너겟은 다음과 같습니다.

PhoneGap/Mobile 웹 성능 팁

• Diary.com 이 Sencha를 실행하는 PhoneGap 앱의 성능을 향상시킨 방법: http://www.phonegap.com/2011/06/21/building-the-diary-com-ios-app-using-pg-sencha-touch/
• http://floatlearning.com/2011/03/developing-better-phonegap-apps/
• http://jslint.com/ - Javascript를 디버그합니다.
• http://zeptojs.com/ 및 http://xuijs.com/ - jquery 및 jqtouch에 대한 최소한의 대체 프레임워크
• 가속도계 및 위치 사용 안 함 http://blogs.nitobi.com/jesse/2009/10/28/running-jqtouch-in-phonegap/
  • PhoneGap.plist에서 "가속 사용"을 false로 설정합니다.
  • PhoneGap.plist에서 "AutoRotate"를 false로 설정합니다.
• http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
• http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone
• 데모: http://cubiq.org/dropbox/clickdelay.html
• FastClick vTouchStart: http://groups.google.com/group/phonegap/browse_thread/thread/f5f5c78e26513821?pli=1

• http://forum.jquery.com/topic/ontouch-instead-of-onclick-event

• http://wiki.phonegap.com/w/page/16494809/Performance-tips-for-device/

• http://www.developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices
• http://evolvingwe.com/building-an-iphone-app-part-3-7-dev-tips/
• http://evolvingwe.com/upgrading-to-phonegap1-0/

• 센차 터치를 위한 비디오 성능 팁: http://vimeo.com/17882927

  • 센차의 성능 특징을 다루며, 이는 우리가 다시 적용할 수 있는 훌륭한 원칙입니다.우리는 Skej에 다시 지원하기 위해 Sencha의 특정 부분에서 코드를 잘라낼 수도 있습니다.
  • DOM에 보이지 않는 모든 것을 파괴해야 한다고 명시되어 있습니다.또한 DOM은 가능한 한 적은 수의 청취자로 항상 작게 유지되어야 합니다. (즉, 한 청취자를 각 목록 항목이 아닌 목록의 상위 항목에 첨부합니다.)
  • 또한 실용적인 CSS3 팁을 가지고 있어요.기본적으로 에서는 현재 CPU를 사용하고 아직 GPU를 사용하지 않기 때문에 새로운 전환과 그림자/둥근 모서리를 많이 사용하지 마십시오.

• Sencha Touch에서의 이벤트 위임: 모든 라인에서 한 명의 청취자가 아닌 한 명의 청취자로 목록을 디자인하는 방법.http://www.sencha.com/blog/event-delegation-in-sencha-touch/

• Sencha Touch에서 DOM 메모리 사용량 최적화: 목록에서 세부 정보 패널로 슬라이드하여 목록을 삭제한 다음 세부 정보에서 목록으로 슬라이드하여 세부 정보 패널을 삭제합니다.화면의 요소, 즉 DOM을 최소화합니다. http://www.sencha.com/blog/sencha-touch-optimizing-memory-usage/
• 당신의 돔에 보이지 않는 모든 것을 파괴하시오!
• jQuery 대신 CSS 애니메이션 사용
• http://nyroo.com/l/B7UN5c
• http://www.ferretarmy.com/css-animation-examples/
  • 조심해요...이것들은 GPU를 활용하지 않고 CPU를 정체시킬 때 까다롭습니다.

새 기능 활성화

• Retina Display 활성화: http://evolvingwe.com/create-retina-display-images-in-mobile-web-themes-and-phonegap-apps/
• 삭제하려면 스와이프: http://www.codesta.com/blog/2011/5/23/sencha-touchphonegap-tips-and-tricks.html
• 가속도계 및 위치 사용 안 함: http://iamcam.wordpress.com/2009/10/29/phonegap-up-to-speed/
• jQuery 및 핸드코드 잘라내기: http://cubiq.org/do-you-really-need-jquery-for-mobile-dev
• Mobile Safari에서 연락처 목록 표시: http://cubiq.org/contact-list-on-webkit-for-iphone
• iScroll4: 헤더를 만들고, 고정 크기 div 내에서 스크롤하고, 핀치 및 확대/축소하고, 풀업/다운 새로 고침을 수행합니다.http://cubiq.org/iscroll-4 (고무줄 효과에 대한 팁 포함)
• PhoneGap의 GitHub repo:DatePicker, SMS Composer, 응용프로그램 기본 설정, 시작 화면, 네트워크 활동과 같은 흥미로운 예를 포함합니다.표시기...https://github.com/phonegap/phonegap-plugins

건축

Ext JS 4에서 앱 설계: http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2

Phonegap에 대한 저의 의견을 표현하기 전에, 저는 결코 웹 개발자가 아니라는 약간의 면책 성명을 발표해야 합니다.나에게 자바스크립트와 CSS를 쓰는 것은 이를 뽑는 것과 같습니다.그렇긴 하지만, 나는 폰갭을 좋아하지 않습니다.

프레임워크에는 몇 가지 매우 매력적인 측면이 있습니다. 주로 "Write-Once-Run-Anywere" 어필과 "I-Don't-Have-Learn-Objective-C" 어필이 있습니다.이 프레임워크를 사용하면 가속도계와 같은 하드웨어 기능에 액세스할 수도 있습니다.이 모든 것들은 어느 정도까지는 유효합니다.

즉, 어떤 종류의 크로스 플랫폼 프레임워크도 사용하지 않는 훌륭한 iOS 앱은 없습니다.웹 뷰 기반 UI에 없는 엄청나게 상세한 뷰 애니메이션 곡선과 스크롤 바운스와 같이 많은 사용자와 개발자가 놓칠 때까지 당연하게 여기는 기본 UIKit 컨트롤에 의해 처리되는 섬세하고 우아한 UI 상호 작용이 매우 많습니다.당신은 그것들을 완벽하게 재현하기 위해 노력할 수 있지만, 그 시간 동안 투자는 그냥 현지인이 되지 않는 이유는 무엇입니까?

두 번째로 주목해야 할 점은 Phonegap-built iOS 애플리케이션에 대한 지원 커뮤니티가 네이티브로 개발된 애플리케이션에 비해 현저히 적다는 것입니다.프로젝트를 진행하는 동안 커뮤니티에 의존해야 하는 경우에는 이를 통해 일시 중지할 수도 있습니다.

결국에는 여러분이 제공하고자 하는 경험의 질로 귀결됩니다.Phonegap을 사용하면 상한이 낮아집니다.개발 시간을 줄이고 휴대성을 높이는 대신 우수하지 않은 사용자 환경을 수용할 준비가 되어 있다면 매우 실행 가능한 프레임워크입니다.

관심 있는 사람들을 위한 하위 텍스트로, 마르코 아멘트와 댄 벤자민은 최근 이 주제에 대해 논의했습니다.여기서 들으시면 됩니다.

설치 절차에는 여러 패키지(Java, Apache Ant, Ruby, iOS SDK, Android SDK 및 PhoneGap 자체)가 포함되며, 이들 패키지는 모두 올바르게 설치되고 설정되어야 합니다.이것은 큰 노력이 될 수 있습니다.공정하게 말하자면, 그들은 이것을 훨씬 더 쉽게 만들 PhoneGap Build in 베타라는 것을 가지고 있습니다.

NS Basic/App Studio와 함께 사용하여 앱 스토어에 적합한 앱을 제작합니다.

만약 당신이 게임이나 위젯을 만들지 않는다면, 그냥 보기 좋은 앱을 만드는 것이 당신의 선택입니다.

그러나 JS에 주의해야 하며, 예를 들어 애니메이션을 수행하려면 JS에서 어떤 작업도 수행하지 않아야 합니다. 짧은 간격(예: 100ms)으로 타이머를 설정하는 것을 피하고, jquery 및 유사한 애니메이션을 피해야 합니다.예를 들어, 각 포인트에서 불투명도를 낮추는 단주기 타이머를 단계별로 설정하여 페이드를 애니메이션화하는 대신(이것이 jquery 페이드 작동 방식입니다), 불투명도 1에서 불투명도 0으로 CSS3 전환을 사용해야 합니다.

제 조언은 zeptojs.com 과 같은 것으로 가는 것입니다. 모든 전화 격차가 실행되지 않을 것이기 때문입니다. ie6 :-

JS를 더 가볍게 만드는 방법에 대한 몇 가지 튜토리얼을 확인하십시오.

http://bcksp.blogspot.com/

HTML5 및 Phonegap이 제공하는 기능 이상의 하드웨어 기능이나 성능이 필요하지 않다면 캡슐화된 웹 앱(및 다른 기능에 대한 일부 제한된 액세스)이 좋은 솔루션입니다.

많은 기업이 대규모 웹 애플리케이션을 배포합니다.Phonegap(또는 내장된 콘텐츠가 있는 일반 웹 보기 컨트롤)을 사용하면 이러한 웹 앱을 오프라인에서 실행할 수 있습니다(물론 필요한 온라인 데이터는 제외).

여러 장치 간에 배포할 때 언급되지 않은 한 가지 "고통":기기가 많을수록 학습 곡선이 커집니다.PhoneGap을 사용하여 iOS 기기에 배포하려면 Mac에서 Xcode의 기본 사항을 배워야 합니다.Android에 배포하려면 Eclipse, Android SDK 등을 설치하고 학습해야 합니다.다른 플랫폼에서는 자체 SDK를 사용해야 합니다.기본적인 Xcode, Javascript 및 Java를 배우는 것은 오류와 일반 구문을 이해하는 데 도움이 됩니다.

"한 번 생성하여 모든 곳에 구축"하면 많은 단계가 생략됩니다.

언급URL : https://stackoverflow.com/questions/5161004/using-phonegap-for-native-application-development