HTML5ÈëÃÅ

HTML5Âþ̸£¨4£©--HTML5Ó¦ÓÃƽ̨:PhoneGAP

×ÖºÅ+ ×÷Õߣº À´Ô´£º 2014-11-16 20:49 ÎÒÒªÆÀÂÛ( )

1¡¢PhoneGAPÊÇʲô£¿ PhoneGAP£¨ http://phonegap.com £©°´¹Ù·½Ëµ·¨£¬ÊÇHTML5Òƶ¯Ó¦ÓÃƽ̨£¬Ëü°üÀ¨Á½²¿·Ö£º 1)Ó¦Óÿª·¢¿ò¼Ü£º²ÉÓÃWeb/HTML5¼¼Êõ±àдӦÓã¬Ö§³ÖÉ豸ÄÜÁ¦£¨ÈçGPS¡¢ÖØÁ¦¸ÐÓ¦µÈ£©µ÷ÓÃ

1¡¢PhoneGAPÊÇʲô£¿

PhoneGAP£¨http://phonegap.com£©°´¹Ù·½Ëµ·¨£¬ÊÇHTML5Òƶ¯Ó¦ÓÃƽ̨£¬Ëü°üÀ¨Á½²¿·Ö£º

1)       Ó¦Óÿª·¢¿ò¼Ü£º²ÉÓÃWeb/HTML5¼¼Êõ±àдӦÓã¬Ö§³ÖÉ豸ÄÜÁ¦£¨ÈçGPS¡¢ÖØÁ¦¸ÐÓ¦µÈ£©µ÷Óã»Ö§³ÖÄÜÁ¦²å¼þÁé»îÀ©Õ¹¡£

 

ͼ1 PhoneGAPÖ§³ÖÉ豸ÄÜÁ¦APIÁбí

2)       ÊÖ»úÓ¦Óô´½¨¹¤¾ß£º½«×ñÑ­PhoneGAPÓ¦Óÿò¼Ü±àдµÄ³ÌÐòת»»/·â×°Éú³É¸÷ƽ̨֧³ÖµÄÊÖ»úÓ¦Óá£

ͼ2 ½øÈ¥µÄÊÇÍøÒ³£¬³öÀ´µÄÊDZ¾µØÓ¦ÓÃ

 

2¡¢PhoneGAPÓÐʲôÓã¿

1£©ÓÐÁËPhoneGAP£¬ÓÃHTML5¼¼ÊõÒ²ÄÜ¿ª·¢³ö´«Í³ÒâÒåÉϵÄÊÖ»ú±¾µØÓ¦Óã¬Í¬Ê±¿ÉÒÔͨ¹ýJavascriptµ÷ÓÃÉãÏñÍ·¡¢Î»ÖÃÐÅÏ¢µÈÉ豸ÄÜÁ¦¡£

2£©ÓÐÁËPhoneGAP£¬ÓÃHTML5дºÃ³ÌÐòºó¾ÍÄÜÉú³É¶à¸öÊÖ»úƽ̨°æ±¾µÄ±¾µØÓ¦Óã¬Ä¿Ç°Ö§³Ö7¸öƽ̨£ºAndroid¡¢iOS¡¢WindowsPhone¡¢HP WebOS¡¢BlackBerry¡¢ Symbian¡¢Bada¡£

¼òµ¥µØ˵£¬PhoneGAPÈÃWeb³ÌÐòÔ±ÎÞÐèÖØÐÂѧϰ£¬¼´¿É¿ª·¢ÊÖ»úÓ¦Óã»ÊµÏÖÁËWebÓ¦Óñ¾µØ»¯£»´ó´ó½µµÍ¿ª·¢³É±¾¡£

 

3¡¢PhoneGAP»ù±¾¼¼ÊõÔ­Àí£º

»ùÓÚPhoneGapÓ¦Óÿò¼ÜʵÏÖµÄÊÖ»úÓ¦ÓÃÏ൱ÓÚչʾij¸öÍøÒ³Ó¦ÓõÄÌرðä¯ÀÀÆ÷¡£PhoneGAP½«Web³ÌÐò´ò°ü³Éϵͳ֧³ÖµÄÊÖ»úÓ¦Óøñʽ£¨·½±ãÓ¦Óõķַ¢¡¢Ê¹Óã©£¬Í¨¹ýµ÷ÓÃϵͳµÄä¯ÀÀÆ÷¹¦ÄÜʵÏÖÓ¦ÓõÄÔËÐм°½»»¥²Ù×÷¡£

 

1£©               ¿ª·¢ÓïÑÔÑ¡Ôñ£ºWeb/HTML5¼¸ºõÊǸ÷ÊÖ»úÖÇÄÜƽ̨Ψһ¹²Í¬Ö§³ÖµÄ¿ª·¢¼¼Êõ¡£Òò´Ë£¬PhoneGAP²ÉÓÃHTML5¼¼Êõ×÷Ϊ³ÌÐò¿ª·¢ÓïÑÔ¡£ÕâÒ²ÊÇͬһÌ×Ó¦ÓóÌÐòÄÜÔÚ¶à¸öƽ̨ÔËÐеļ¼Êõ»ù´¡¡£

2£©               Ó¦ÓóÊÏÖ£º¸÷¸öÖÇÄÜƽ̨¶¼¾ß±¸²¢¿ª·ÅÁËä¯ÀÀÆ÷¹¦ÄÜ£¬Òò´Ë£¬PhoneGAPͨ¹ýµ÷ÓÃWebView£¨ä¯ÀÀÊÓͼ£¬¾ßÓÐä¯ÀÀÆ÷»ù±¾¹¦ÄܵÄ×é¼þ£©ÊµÏÖÓ¦ÓÃUIµÄ³ÊÏÖ¼°ÒµÎñÂß¼­´¦Àí¡£

3£©               JS APIÀ©Õ¹£ºPhoneGAPÕë¶Ô²»Í¬Æ½Ì¨µÄWebView×öÁËÀ©Õ¹ºÍ·â×°£¬Ê¹µÃÓ¦ÓÿÉÒÔͨ¹ýJavascript·ÃÎʸ÷ÖÖ±¾µØÉ豸API¡£

4£©               ²å¼þÀ©Õ¹£ºÊµÏÖÁËÒ»Ì×Áé»îµÄ²å¼þÀ©Õ¹¿ò¼Ü£¬ÔÊÐí¿ª·¢Õß×ÔÐÐÀ©Õ¹ÄÜÁ¦²å¼þ¡£

 

ÐèÒªÌرð˵Ã÷µÄÊÇ£ºÔÚSYMBIANƽ̨ ÉÏ£¬PhoneGAP²¢·Ç°ÑWebÓ¦Óôò°ü³É±¾µØÓ¦Óã¨SIS£©£¬¶øÊÇ´ò°ü³ÉWidgetÓ¦Óã¨wgz£©£¨Ï൱ÓÚ°ÑÈô¸ÉÍøÒ³´ò°ü³ÉÒ»¸öÎļþ£©£¬ÒòΪS60 v5¡¢Symbian3´ó¶àÊÖ»úÖ§³ÖWRT£¨Web RunTime£©Widget¸ñʽ¡£ÕâÑù×ö£¬·Ç³£¼òµ¥£¬¶øÇÒ»¹±ÜÃâÁ˱ȽÏÂé·³µÄSYMBIANÇ©ÃûÎÊÌâ¡£

ͼ3 É豸ÄÜÁ¦µ÷ÓÃÔ­ÀíʾÒâ

 

4¡¢¹ØÓÚPhoneGAP 

PhoneGAPÊÇNitobi¹«Ë¾µÄ²úÆ·£¬¸Ã¹«Ë¾Î»ÓÚ¼ÓÄôóθ绪¡£

2011Äê10Ô£¬AdobeÊÕ¹ºÁËNitobi¹«Ë¾£¬²¢°ÑPhoneGAPÏîÄ¿¾è¸øApache»ù½ð»á£¨ASF£©¡£PhoneGAPÃâ·Ñ²¢ÇÒ¿ªÔ´£¨×ñÑ­Apache 2.0 License£©¡£

PhoneGAPÔÚApacheÀïµÄÏîÄ¿Ãû³Æ½ÐCordova£¨Ô­À´½ÐCallback£©£º£¨ÍøÕ¾/Ô´Â룺http://incubator.apache.org/projects/callback.html£©

Ä¿Ç°»ùÓÚPhoneGAP¿ª·¢Ó¦ÓÃÓм¸Ç§¿î£¬Ó¦ÓÃÁÐ±í£ºhttp://phonegap.com/apps 

5¡¢PhoneGAPµÄδÀ´

¾¡¹ÜPhoneGAPÔÚÓ¦ÓõÄÐÔÄÜ¡¢Ó¦ÓÃÖ§³ÖµÄ¹¦ÄÜÒÔ¼°Ó¦ÓõÄÓû§ÌåÑéµÈ·½Ã滹ÓкܴóµÄÌáÉý¿Õ¼ä£¬
µ«ËüµÄ³öÏÖÎÞÒɽ«ÓÐÖúÓÚHTML5Ó¦Óõķ¢Õ¹¡£

ÔÚÎÒ¿´À´£¬PhoneGAP×î´óµÄ¼ÛÖµÊÇ£ºËüµß¸²HTML5Ó¦Óõķַ¢·½Ê½£¬¸Ä±äHTML5Ó¦ÓõÄÉÌҵģʽ£¬²¢¼ÓËÙHTML5Ó¦Óõķ¢Õ¹½ø³Ì¡£

Ëü´øÀ´µÄ¾«²Ê»òÐí¸Õ¸Õ¿ªÊ¼£¬ÈÃÎÒÃÇÊÃÄ¿ÒÔ´ý¡£

£¨ÖйúÒƶ¯Ñо¿Ôº ³Ì±¦Æ½ chengbp@gmail.com£© 

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • HTML5»ù´¡£¬µÚ4²¿·Ö£ºµã¾¦Ö®±ÊCanvas

    HTML5»ù´¡£¬µÚ4²¿·Ö£ºµã¾¦Ö®±ÊCanvas

    2014-11-16 20:49

  • HTML5»ù´¡£¬µÚ3²¿·Ö£ºHTML5 APIµÄÍþÁ¦

    HTML5»ù´¡£¬µÚ3²¿·Ö£ºHTML5 APIµÄÍþÁ¦

    2014-11-16 20:49

  • HTML5»ù´¡£¬µÚ2²¿·Ö£º×éÖ¯Ò³ÃæµÄÊäÈë

    HTML5»ù´¡£¬µÚ2²¿·Ö£º×éÖ¯Ò³ÃæµÄÊäÈë

    2014-11-16 20:49

  • HTML5»ù´¡£¬µÚ1²¿·Ö£º³õÊÔ·æâ

    HTML5»ù´¡£¬µÚ1²¿·Ö£º³õÊÔ·æâ

    2014-11-16 20:58

ÍøÓѵãÆÀ
°