ÉÏÖÜÒ»Îҷdz£¿ªÐÄ¡£ÒòΪÎÒ±»ÔÊÐíΪһ¸öÔø¾¹¤×÷¹ýµÄ¿Í»§¿ªÊ¼¿ª·¢Ò»¸öеÄProgressive
Web AppÔÐÍ¡£
ÎÒÄóöÒ»¸ö³£ÔÚÎÒÉí±ßµÄÓÃÀ´¿ª·¢µÄ±È½ÏÀÏʽµÄAndroidÊÖ»ú¡£È»ºóÎÒ´ÓÎҵĿڴüÀïÄóö¾«ÖµÄiPhone
6S£¬ËüÓÐ×ŷdz£°ôµÄ½çÃæÉè¼ÆºÍÃô½ÝµÄ²Ù×÷ϵͳ¡£È»¶øµ±ÎÒ¿´×ÅÎÒµÄiPhoneʱÎÒÓÐһЩ¾ÚÉ¥¡£
ÎÒÒâʶµ½Íâ±í¹âÁÁµÄÆ»¹ûÊÖ»úÓ²¼þ×÷Ϊһ¸öƽ̨ÓÐЩ²»¼æÈÝwebÓ¦Ó㬶øÎÒÄÇÓÖÔàÓÖÆÆµÄAndroidÊÖ»úÈ´¿ÉÒÔ¡£
¾ÍÊÇÕâÒ»µãÈÃÎÒÒâʶµ½ÎÒºÍIOSÒѾ½áÊøÁË¡£
Òò´Ë,ÎÒûÓдò¿ªÎÒµÄÎı¾±à¼Æ÷¶øÊÇϵ¥ÂòÁËÒ»¸öNexus 6p AndroidÊÖ»ú²¢ÇÒ±¨Ãû²Î¼ÓÁËGoogle
fiÊÖ»ú·þÎñ¿Î³Ì(˳±ãÌáÒ»ÏÂ,ÕâÕæµÄºÜ°ô!).
¾ÍÕâÑù,ÆßÄê¶àÒÔºó,ÔÙ¼ûÁËIOS¡£

ʲô!?IOSÓÐʲôÎÊÌâÂð?
»¹¼ÇµÃµ±³õiPhoneµÄ·¢²¼»áÂð?ÔÚ·¢²¼»áÉÏÇDz¼Ë¹½«Õâ¿îÁîÈ˳ԾªµÄÒÆ¶¯µç»°ºÍÒôÀÖ²¥·ÅÆ÷ºÍÒ»¸öÍøÂç½»Á÷É豸µÄ×éºÏ½éÉܸøÁËÏû·ÑÕß¡£
ÎÒ²»ÖªµÀÄãÃÇÊDz»ÊÇÕâÑù,µ«ÊÇÔÚÎҵĹÛÄîÀïÓÐÒ»¸öÓÅÐãµÄÍøÒ³ä¯ÀÀÆ÷ÔÚÎÒ¿Ú´üÀï¶ÔÎÒÀ´ËµÊ¼ÖÕÊÇÒ»¹É¾Þ´óµÄÓÕ»óÁ¦¡£
ÄÇÖÖÀíÄî´Óδ¸Ä±ä¡£
ÎÒµ±È»²»ÖªµÀÕâ±³ºóµÄÕû¸ö¹ÊÊÂ,µ«ÊÇ¿ÉÒԿ϶¨µÄÊÇÆ»¹û¹«Ë¾µÄ³õÖÔÊÇ·½±ãiOSµÚÈý·½¿ª·¢ÕßÄÜʹÓÃËùÓеÄweb¼¼ÊõÀ´¿ª·¢app¡£Safari(ä¯ÀÀÆ÷,ÊÇÆ»¹û¼ÆËã»úµÄ×îвÙ×÷ϵͳMac
OS XÖеÄä¯ÀÀÆ÷)Ôö¼ÓÁ˶ÔÖÆ×÷web appµÄÖ§³Ö,¸Ãweb app¿ÉÒÔ×÷Ϊһ¸öͼ±êÌí¼Óµ½ÄãµÄÖ÷ÆÁÉÏ,²¢ÇÒͨ¹ýÔÚweb
appÖÐÌí¼ÓÉÙÁ¿ÄÜʹÓõľßÓÐħÁ¦µÄÔª±êÇ©À´ÖÆ×÷³öÒ»¸öеÄÓ¦ÓÃ,Õâ¸öÓ¦ÓÿÉÒÔ°²×°µ½ÄãµÄÖ÷ÆÁÉÏ¡£È»ºó,µ±Äã´ò¿ªÕâ¸öappʱ,Ëü»áÒÔ¶ÀÁ¢Ä£Ê½ÅÜÆðÀ´¡£
Õâ¸ö¼Æ»®µÄÕâЩÄÚÈÝÔÚºÜ¶à·½ÃæÌåÏֵľÍÊÇ×î³õµÄ¡°Progressive Web
App¡±,¶øÕ⻹ÊÇÔÚ2009Äê×óÓÒ!
ºÃºÃÉèÏëһϡ
1.ËüÃÇ¿ÉÒÔÔÚä¯ÀÀÆ÷Àï´ò¿ª,µ«ÊÇÄã¿ÉÒÔÉÔ΢¸Ä½øËüÃÇ,ÈÃËüÃÇÄÜÔÚÊÖ»úÖ÷ÆÁ״̬Ï´ò¿ª¡£
2.µ±ÄãÔÚÖ÷ÆÁÉÏÔËÐÐËüÃǵÄʱºò,ËüÃÇ»áÒÔ»¬¶¯ÆÁÄ»µÄ·½Ê½´ò¿ª²¢ÇÒ²»ÐèÒªÈκοɼûµÄä¯ÀÀÆ÷Óû§½çÃæ¡£
3.Äã¿ÉÒÔÌôѡһ¸ö¼ÓÔØÆÁÄ»ÏÔʾ·½Ê½ºÍappͼ±ê¡£
4.ÄãÉõÖÁ¿ÉÒÔ´Ó¼¸¸ö²»Í¬µÄ״̬À¸¹¤¾ßÑÕÉ«ÀïÑ¡ÔñÒ»¿î!
ÎÒ²»ÖªµÀÕâÖÖÀàÐ͵ÄappÊÇ·ñʵ¼ÊÉÏÊÇ´òËã×÷ΪµÚÈý·½¿ª·¢ÕßΪIOS¿ª·¢appµÄÖ÷Ҫ;¾¶,µ«ÊDz»¹ÜÔõÑù,ÕâÖÖ·½Ê½ÒѾ×ßÔÚÁËËüËù´¦Ê±´úµÄÇ°Ãæ¡£
²»ÐÒµÄÊÇ,Æ»¹û¹«Ë¾µÄWebƽ̨±¾Éí²¢Ã»ÓÐÍêȫ׼±¸ºÃ³ÉΪ¹«ÖÚ¹Ø×¢µÄ½¹µã¡£ËüÔÚijÖ̶ֳÈÉÏʹ´´½¨µÄweb
app¿´ÉÏÈ¥ºÍ±íÏÖµÄÏñÒ»¸öÔÉúapp£¬ÕâÊÇÁùÄêǰÎÒÓÃDavid Kaneda¿ª·¢µÄºÜ°ôµÄJQTouch
¿â×¼±¸×öµÄÊ¡£ºÃÍæµÄÊÇ,ÎÒ·¢²¼µÄÒ»¸öÀϵôÑÀµÄÑÝʾÊÓÆµ,ÈÃÎҵõ½DavidµÄ¹Ø×¢,Ëû¸øÎÒ´òÁËÒ»¸öµç»°,ÕâʹÎÒ²îµãÔÚextjsÀï»ñµÃÒ»·Ý¹¤×÷,ÒòΪÕâʱËûÃÇÔÚÖØ¹¹Sencha²¢ÇÒ¿ªÊ¼±àдSencha
Touch¿ò¼Ü¡£µ«Êǵ绰¶ÏÏßʹµÃÒ»ÇгÉÁËÅÝÓ°¡£
µ«ÊDz»¹ÜÔõÑù,½á¹ûÈ´ÊÇÔÚIOS²Ù×÷ϵͳÉϵÄwebµÄÐÔÄÜÈ´²»×ãÒÔÂú×㿪·¢Õß¶ÔÌá¸ßIOSÉÏwebÐÔÄܵĿÊÍû¡£Òò´Ë¹«Ë¾µÄ¿ª·¢Õß±»ÁôÏÂÀ´½â¾öÕâ¸öÎÊÌâ,ËûÃdz£Îª½â¾öÓÅ»¯AppÐÔÄÜ£¬Ê¹ÆäÔÚÉ豸ÉÏÄܹ»×ÔÈ»µØÅÜÆðÀ´²¢ÇÒ¸øËüÃǸüºÃµÄÐÔÄÜÒÔ¼°¸ü¸ßµÄAPI×¼ÈëȨÏÞµÄÎÊÌâ¶ø×¥¿ñ¡£
À´¿´¿´IOS SDKºÍApp Store
Æ»¹û¹«Ë¾Ôø×ö³öÁËÒ»¸ö±»Ö¤Ã÷ÊÇÒ»¸ö·Ç³£´ÏÃ÷µÄÉÌÒµ¾ö²ß:ËûÃÇ·¢²¼ÁËÒ»¿îIOS
SDKºÍÒ»¸öApp StoreºÍÆäÓàµÄ²¿·Ö¡£µ«ÊÇÕâ¸öÉÌÒµ¾ö²ßÒѾ³ÉΪÁËÀúÊ·¡£
Ê×ÏÈ,ÎÒ¶ÔappºÜ¸ÐÐËȤ,ÕâÖÖÐËȤµÄ³Ì¶È¿´ÉÏÈ¥¾ÍºÍÆäËûÿһ¸öÈËÒ»Ñù¡£µ±ÎÒÃÇÕæÕýÐèÒªÒ»Ö±¹¤×÷¹¹½¨appʱ,ÎÒÃǾÍÒ»Ö±ÍüÉíÐĵÄæÓÚ¹¹½¨ÕâÖÖÓ¦ÓóÌÐò!ËÖªµÀÄØ?!;
×ÜÖ®,ÎҺܿ췢ÏÖÎÒ×Ô¼ºÔÚµ½´¦Ñ°ÕÒ×îºÃµÄµÄapp²¢ÇÒ²»¹ÜʲôÑùµÄÒøÐÐÓ¦ÓÃ,ʲôÑùµÄÉç½»ÍøÂçÓ¦ÓÃ,ºÍʲôÑùÆäËûµÄ·þÎñÐ͵ÄÓ¦ÓÃ,Ö»ÒªÕâÖÖÀàÐ͵ÄÓ¦ÓÃÀïÓÐ×îºÃµÄIOSÓ¦ÓÃÎҾͻáȥѰÕÒ¡£ÎÒÂòÁËÒ»±¾¹ØÓÚÔÚIOS²Ù×÷ϵͳÉÏ¿ª·¢Ó¦ÓõÄÊé¶øÇÒ»¹Ð´ÁËÒ»Á½Ðмòµ¥µÄ´úÂë¡£ÎÒÒÔǰµÄͬÊÂRyan
YoungmanÖÆ×÷ÁËÒ»¸öiSaberÓ¦ÓÃ,Õâ¸öÓ¦ÓÃÄÜÈÃÄãÓÃÄãµÄÊÖ»úÔÚÄãµÄÅóÓÑÃæÇ°»Î¶¯ÐγÉÒ»¸öÐé¼ÙµÄ¹â½£¡£ÎÒÈÏʶµÄÿһ¸ö¿ª·¢Õß¶¼ÔÚ̸ÂÛIOS¿ª·¢µ«ÊÇÕâÖÖÇéÐÎÔÚijÖ̶ֳÈÉÏʹµÃIOSËù´øÀ´µÄËùÓÐÀÖȤ½¥½¥Ïûʧ¡£
ÒªÃ÷°×Äã²»µÃ²»Í¨¹ýÔÚIOSÉÏ¿ª·¢appÀ´Ìøµ½IOSÕâ¸ö¿ÓËÆºõ²¢²»ÕýÈ·¡£
ºÜ¿ì¿ª·¢Õß·ÅÆúÁËÍêÈ«¿ª·ÅµÄweb¿Õ¼ä¶øÑ¡ÔñÒ»¸öשǽ¸ßÊ÷µÄ³Ç±¤,ÔÚÕâ¸ö³Ç±¤ÀïµÄ×î¸ßͳÖÎÕßÇ¿ÆÈÿһ¸ö½øÀ´µÄÈ˽ÉÄÉ30%µÄ˰ÊÕ¡£
Òò´Ë,ÎÒ¾ö¶¨×¨×¢ÓÚΪIOS¹¹½¨¡±¿É°²×°µÄweb app¡±¶ø²»ÊÇȥѡÔñÄǸö³Ç±¤,ÒòΪÎҺܿ϶¨webÓ¦Óý«»á×·¸ÏÉÏÀ´µÄ¡£
È»¶ø,ÕâÒ»ÇÐÈ´³ÉΪÁ˲»È·¶¨
¾¡¹ÜÔÉúappºÜÁ÷ÐÐ,È»¶ø×î³õ¿ÉÒÔÔÚÕâЩµ¥»úÉϰ²×°web appµÄÉèÏëÈÔ±»Ð°汾µÄIOS²Ù×÷ϵͳ֧³Ö¡£µ«ÊÇ,web
appËüÃDz¢²»ÊÊºÏÆ»¹û¹«Ë¾µÄÉÌҵģʽ!Æ»¹û¹«Ë¾µÄApp StoreÐγÉÁ˺ÜÅÓ´óµÄÉÌÒµ,¡±app¡±Ò»´ÊÕýÔÚ³ÉΪÖ÷Á÷,ÿһ¸öÉÌÈËͻȻ¾õµÃËûÃÇÐèÒªÓÐËûÃÇ×Ô¼ºµÄ¡±app¡±,ÎÞÂÛËûÃÇÊÇÓÐһЩʹÓÃËûÃÇappµÄÓû§»¹ÊÇûÓС£
Ëæ×ÅÆ»¹û¹«Ë¾µÄappÉúÒâ·çÉúË®ÆðÕâЩÐÔÄܷdz£ÇåÎúºÍ·Ç³£¿ìËٵر»ÓÅ»¯,ÕâÔÚijÖ̶ֳÈÉÏÒ»µãÒ²²»Ê¹È˾ªÑÈ¡£×îÖյĽá¹ûÊÇ,ÎÒÃÇÕâЩÈÔÈ»ÔÚÊÔ×ÅΪIOS´´½¨¿É°²×°µÄweb
appµÄÈËÔÚ¼¸ºõÿһ¸öеÄIOS°æ±¾·¢²¼Ò»Ð©Ö÷Òª¹¦ÄÜʱÎÒÃǾÍÃæÁÙ×ÅÆÆ²ú¡£
ÎÒҪ˵µÄÊÇQA(ÖÊÁ¿±£Ö¤)Ó¦¸ÃʼÖÕ±»×¥ÀÎ,ÎÒҪ˵µÄÊÇÈç¹ûÔÚÆ»¹û¹«Ë¾¹¤×÷µÄÈËÊÇͨ¹ý×ñÊØÕâÖÖ±ê×¼À´¹¹½¨µÄapp,ÄÇôÔÚËüÃÇ·¢²¼Ö®Ç°ÕâÖÖÇé¿ö¾ÍÓ¦¸Ã±»ËûÃÇ×¢Òâµ½ÁË¡£
Ò»¸öÔøËÀËÀÍÏסÎÒ¶øÇÒÐÅÊÖÄéÀ´µÄÀý×ÓÊÇËûÃÇÊÇÈçºÎÔÚÒ»¸öweb appÔÚµ¥»úģʽÏÂÔËÐÐÊ±ÆÆ»µwebappÁ´½Óµ½ÍⲿվµãÄÜÁ¦µÄ¡£target=_blannkÊÇÈÔÈ»³¤Ê±¼äÔÚÓõÄ,¼È²»¿ÉÄÜÊÇwindow.open¶ÔÏó·½·¨Ò²²»ÊÇÆäËûÎÒÄÜÏëµ½µÄ·½Ê½¡£ÏÖÔÚÎÒÃǶÀÁ¢µÄappûÓÐÒ»¸öURLµØÖ·À¸»òÕߺóÍ˰´Å¥,ËüÖ»ÄÜÈÃÓû§Í£ÁôÔÚËûÃǵÚÒ»´Îµã»÷ʱȫÆÁÏÔʾµÄwebÊÓͼÀïȴûÓа취»Øµ½app½çÃæ!ΨһµÄ°ì·¨ÊÇÇ¿ÐÐÍ˳öapp(Ï£ÍûÓû§ÖªµÀÈçºÎÕâÑù×ö)¡£
ÎÒÃÇͬʱÔËÓª×ÅÒ»¸öÁÄÌìµÄÓ¦ÓòúÆ·,Òò´ËÎÒÃÇÖªµÀµ±Ä³Ê±ÓÐÈËÔÚÁÄÌìÒ³ÃæÕ³ÌùÉÏÀ´Ò»¸öURLÁ´½Óʱ,ÄÇÆäʵÊÇÒ»¸öÏÝÚå¡£
ÕâЩÎÊÌâÈÔÈ»ÔÚ³öÏÖ,·¢²¼ÁËÒ»¸öÓÖÒ»¸ö¡£ºÜ¿ìÄã¾Í»áÃ÷°×,Äã¿ÉÒÔÔÚIOSÉϹ¹½¨ÕâЩÀàÐ͵Äweb
app,µ«ÊÇÄã²»ÄÜÖ¸ÍûËüÃDz»»á±»IOSµÄÏÂÒ»´Î¸üÐÂËù´ò¶Ï¡£
ͨ¹ýÕâЩÊÂÇéÄã¿ÉÒÔ¿´µ½´ÓÆ»¹û¹«Ë¾´«´ïµÄÐÅÏ¢ÇåÇå³þ³þ:ÔÚIOSÉÏweb appÊǶþµÈ¹«Ãñ¡£
´ËʱAndroidÔõôÑù?
ÔÚÄÇʱÎÒ²¢Ã»Óйý¶àµÄ¹Ø×¢¹ýËü,µ«ÊÇÔÚÖмäÕâËùÓеÄÒ»Çз¢ÉúµÄʱºò,AndroidÒ²¿ªÊ¼³öÏÖÔÚÁËÎę̀ÉÏ¡£Google¹«Ë¾³ÐŵAndroid×÷Ϊһ¸öÊÖ»úƽ̨½«ÊÇÒ»¸ö¸ü¼Ó¿ª·ÅµÄÑ¡Ôñ¡£Android²Ù×÷ϵͳÈü¸¸ö´ó¹«Ë¾ÐγÉÁËÒ»¸öÁªÃË,ËûÃǵÄÄ¿µÄÊÇ´Ó¸ù±¾ÉÏ´ò°ÜÄǸöË®¹û¹«Ë¾(ÕâÀïµÄË®¹û¹«Ë¾Ö¸µÃÊÇÆ»¹û¹«Ë¾)ºÍËüÇ¿´óµÄÇÇʽApp
Store¶øÈÃAndroidÉú´æÏÂÈ¥¼Ì¶øÕ¼È¡¾ø´ó²¿·ÖµÄÊг¡·Ý¶î¡£
ÁªÃ˵ÄЧ¹ûºÜÃ÷ÏÔ,Android¿ªÊ¼»ñµÃÎüÒýÁ¦,µ«ÊÇÔÚ¸Õ¿ªÊ¼µÄʱºòAndroidµÄwebÐÔÄÜÈÃÈ˸оõºÜ²î¾¢¡£
ÎåÄêºÜ¿ì¹ýÈ¥ÁË,Çé¿öÈçºÎÄØ?¡
1.ÈËÃDZ»ÊÖ»úÓ¦ÓóÌÐòŪµÃÐÄÁ¦½»´áµÄ¡£
2.¾ø´ó²¿·ÖµÄ¿ª·¢Õß¹¹½¨³öµÄÔÉúIOS appÉõÖÁ´ÓÀ´Ã»ÓÐÈÃËûÃǻر¾¹ý¡£ÎÒÃÇÖªµÀÕâЩÊÂÇé·¢ÉúÔÚ2013Äê¡£
3.ÉÙÁ¿µÄÊÖ»úÓÎÏ·ÈÔÈ»ÄÜ׬µ½Ç®,µ«ÊÇÄǵÿ´ÄãµÄÈËÆ·ºÍÔËÆøÁË¡£
4.Óë´Ëͬʱ,ÔÚÈ«ÇòÈ´Óг¬¹ý14ÒڵĻîÔ¾AndroidÓû§¡£
5.Androidת¶øÊ¹ÓÃChrome(¹È¸èä¯ÀÀÆ÷)×÷ΪAndroidÊÖ»úµÄĬÈÏä¯ÀÀÆ÷¡£
6.Chromeä¯ÀÀÆ÷ºÍOperaä¯ÀÀÆ÷ºÍFirefoxä¯ÀÀÆ÷Ôö¼ÓÁËһЩ¹¦ÄÜ,ÕâЩ¹¦ÄÜÔÊÐíͨ¹ýWebÀ´¹¹½¨ÕæÊµµÄappÌåÑé¡£
ÓÚÊÇ´ËʱÎÒ·ÅÆúÁËIOS,¿ªÊ¼ÔÚAndroidÉÏŪ¿ª·¢¡£
ΪʲôѡÔñAndroid£¿Ëü²»ÊǸü¶àµÄÊÇÒ»³É²»±äÂð?
ȷʵÊÇÕâÑù,ÀÏʵ˵,AndroidÊÖ»ú±¾ÉíÈÃÎҸоõµ½ÌÖÑá¡£ÒòΪËü²¢Ã»ÓÐʲô·Ç³£ÐÂÆæµÄ»òÕßÁîÈËÐ˷ܹ¦ÄÜ¡£
µ«ÊÇ×¢ÒâÒ»¸öºÜÖØÒªµÄϸ½Ú¡¡
ËüÊÇÏÖÔÚ×îºÃµÄÊÖ»úWeb App¿ª·¢Ó¦ÓÃÆ½Ì¨¡£
ÄãʲôÒâ˼?!Æ»¹ûµÄSafariä¯ÀÀÆ÷²»ÊÇÔËÐÐÎÒµÄJS½Å±¾¸ü¿ìÂð?
ºÜ¶àÈ˵±ËûÃÇ̸µ½Õâ¸öÎÊÌâʱ¶¼»áÌáµ½Jeff Atwood(ÓÖÃûcodinghorror)µÄÌû×Ó,Õâ¸öÌû×ÓÎÒдÏÂÁËËùÓеÄÔÒòÀ´»ØÓ¦Ëü²¢ËæºóÌùµ½ÁËÂÛ̳,Èç¹ûÄã¸ÐÐËȤ¿ÉÒÔ¿´¿´¡£
ÊǵÄ,Safariä¯ÀÀÆ÷ȷʵÄÜʹÎÒµÄJS½Å±¾ÔËÐеĸü¿ì,µ«ÊÇÒªÖªµÀµÄÊÇ¡¡ÄãµÄ¾ø´ó²¿·ÖÓû§²¢Ã»ÓÐÒ»¸öÍâ±í¾«Ö¶øÇÒոеÄiPhone
6s£¬²¢ÇÒÏñÎÒ֮ǰËù˵µÄ,ÔÚÊÖ»úWebÉÏѺעÀàËÆµçÄÔ×ÀÃæµÄÐÔÄÜ»òÕßÏòÒ»¸öÊÖ»úÉ豸·¢ËÍÅÓ´óµÄ¿ò¼ÜÏñEmber(JS¿ò¼Ü)Ò²Ðí²¢²»ÊÇÒ»¸öºÜºÃµÄ×¢Òâ¡£
¶ø¶ÔÓÚÐÔÄÜ,ÓÐÒ»ÖÖ¶«Î÷½Ð×ö¡±¹»Óþͺᱡ£Æ»¹û¹«Ë¾µÄSafariä¯ÀÀÆ÷¼´Ê¹ÊÇÔËÐÐJSµÄËÙ¶È±ÈÆäËüä¯ÀÀÆ÷ÔËÐÐJSµÄËÙ¶È¿ì50±¶Ò²ÊǺÁÎÞÒâÒåµÄ!ÎÒ¿´ÖصÄÊÇÔÚä¯ÀÀÆ÷ÉÏÎÒµÄappÊÇ·ñÄܹ»¿ìËٵı»ÔËÐÐÆðÀ´¡£×÷Ϊһ¸öÊÖ»úÓû§,³ý´ËÖ®ÍâÆäËüµÄÎÒÒ»µãÒ²²»ÔÚÒâ¡£
ÊÂʵ֤Ã÷,±àдµÄweb appʵ¼ÊÉÏÊÇ¿ÉÒÔÒÔ60Ö¡µÄËÙ¶ÈÔËÐÐÔÚÒ»¸öÓÖÆÆÓÖÀõÄÊÖ»úÓ²¼þÉϵġ£
µ«Êǽ«ÕâÒ»Çзŵ½Ò»±ß,ÐèҪעÒâµÄÊÇ:ÎÒËù˵µÄ¡±¸üºÃµÄappƽ̨¡±²»ÊÇÖ¸Õâ¸öƽ̨ÄÜÒÔ¸ü¶ÌµÄʱ¼ä¸ü¿ìµÄÔËÐÐJavaScript½Å±¾¡£
ËùÒÔΪʲô²»Ö±½ÓÔÚIOSÉÏÓÃChromeä¯ÀÀÆ÷?!
ÓÚÊÇÎÒ¿ªÊ¼ÔÚTwitterÉϽ»Á÷ÎÊÌâ,ÎÒÓÉ×î³õµÄ¾ªÑȵ½×îÖÕÒâʶµ½ºÜ¶àÈ˲¢²»ÖªµÀÄܰ²×°µ½IOSÉϵÄChromeºÍOperaºÍFirefoxÔڵײãÉÏʹÓõͼÊÇWebKit
webÊÓͼ¡£
È»¶øÊµ¼ÊÉÏ,°üº¬ÁËÒ»¸ö²»Í¬ä¯ÀÀÆ÷ÒýÇæµÄappÊÇÎ¥·¨ÁËÆ»¹û¹«Ë¾·þÎñÌõ¿î¹æ¶¨µÄ¡£
ÄÇЩä¯ÀÀÆ÷Ö»²»¹ýÊÇÔÚͬһ¸öä¯ÀÀÆ÷ÒýÇæÉÏʹÓÃÁ˲»Í¬µÄUI¡£
ÄDz»»áʹWebKitÔ½À´Ô½ºÃÂð?
Êǵģ¬×î½ü¿´ÉÏÈ¥ËüÃÇÓÐÕýÔÚ±»Ê°ÆðµÄÊÆÍ·¡£
µ«ÊÇÔÚä¯ÀÀÆ÷´°¿ÚÖеı仯֮ÍâËü·¢ÉúÁ˸ü¶àµÄÊÂÇé¡£ÎÒÏ£ÍûÄÜÔÚIOS²Ù×÷ϵͳÉÏÓÃweb¼¼Êõ´´ÔìÀàËÆappµÄÐÔÄÜ¡£
È»¶øÎÒ¿ÉÒÔÖ±½Ó¸æËßÄãÔÚIOSÉÏÕâ·½ÃæµÄ¸Ä½ø¼¸ºõûÓС£
ÈÃÎÒÃÇ¿´¿´Æ»¹û¹«Ë¾ºÍ¹È¸èµÄWebRTC
¹È¸èWebRTC¼ò½éÁ´½ÓµØÖ·: http://baike.sogou.com/v73305448.htm?fromTitle=WebRTC
¼¸Äêǰµ±ÎÒ¹¹½¨SimpleWebRTCºÍTalky.io(Ò»¸öä¯ÀÀÆ÷×é¼þ)µÄµÚÒ»¸ö°æ±¾Ê±¡£
ÎÒËÆºõ³ÉΪÁËÔçÆÚweb¼«¿ÍÖеÄÒ»¸ö,WebRTCʹÎÒ±äµÃºÜ¿ªÐÄ(ÕâÏîä¯ÀÀÆ÷ÍøÒ³¼¼ÊõÏÖÔÚ¸ø¹È¸èµÄ»·ÁÄÌṩÁ˶¯Á¦)¡£²»¹ÜÔõÑù,ÎÒŬÁ¦µÄÈ¥½â¾öÔõÑùÔÚwebÉϹ¹½¨µÚÒ»¸ö,»òÐíÊǵÚÒ»¸ö¶àÓû§µÄ,µã¶ÔµãµÄÊÓÆµÍ¨»°WebRTC
app,Ëü¿ÉÒÔÔÚ³¬¹ýÁ½¸öÈËÖ®¼ä¹¤×÷²¢ÇÒÄÜÔÚChromeä¯ÀÀÆ÷ºÍFireFoxä¯ÀÀÆ÷ÉÏÔËÐС£
Google Hangout¼ò½éÁ´½ÓµØÖ·: http://labs.chinamobile.com/mblog/393695_200864
ÕâÊÇÎÒµÚÒ»´ÎÌå»áµ½Æ»¹û¹«Ë¾ÔÚʵÏÖеÄweb API·½ÃæµÄÂäºó.ËäÈ»Chromeä¯ÀÀÆ÷ºÍFirefoxä¯ÀÀÆ÷¶ÔWebRTC¶¼ºÜÈÈÐĶøÇÒŬÁ¦µØÈ¥ÊµÊ©Ëü,µ«ÊÇÆ»¹û¹«Ë¾È´¶ÔÕâÒ»ÇÐ×°×÷ºÁ²»ÖªÇé,ÄÄÅÂÇÆÉÏÒ»ÑÛ¡£Æ»¹û¹«Ë¾Ö±µ½½ñÌìҲûÓÐÔÚIOSÀïÔö¼Ó¶ÔWebRTCµÄÖ§³Ö¡£È»¶ø,Æ»¹û¹«Ë¾ºÜÃ÷ÏÔÕýÔÚ¹ÍÓ¶SafariÍŶӵÄWebRTC¹¤³Ìʦ¡£ËùÒÔ»¹ÊDZ£³ÖÏ£Íû°É¡¡¡£
ËûÃÇÄÇÑù×öÊÇÓеÀÀíµÄ,¶Ô°É?ËûÃÇΪʲôҪÕâÑù×öÄØ?ËûÃÇÏ£ÍûÄãʹÓÃFaceTime,²»ÊÇÂð?
ËûÃǺÜÀÖÒâ¸ÄÉÆËûÃǵÄä¯ÀÀÆ÷ÒýÇæ,µ«ÊÇËûÃÇËÆºõ²»Ô¸Òâ»òÕßÍÏ×ÅÈ¥×öÈκÎÉæ¼°µ½°ÑwebµÄ´¥½ÇÉìÏòËûÃÇÊÖ»ú²Ù×÷ϵͳµÄÈκÎÊÂÇé¡£
²»¹ÜÔõÑù,ÎÒÃǰÑTalky.ioµ±×öÒ»¸öweb appÒ»Ñù°²×°²¢ÔÚChromeä¯ÀÀÆ÷ºÍFireFoxä¯ÀÀÆ÷ÉÏÔËÐÐ,¶øÇÒ×îÖÕ@hjonÒ²ÓÃËü¹¹½¨ÁËÒ»¸öIOS
app.
ÏÖÔÚ³ä³âÔÚÎÒÄÔº£ÀïµÄÊÇÓÐÕâôһÌìµ±ÎÒÔÚÎÒµÄAndroidÊÖ»úÉÏÏÂÔØÏÂÀ´Chromeä¯ÀÀÆ÷,È»ºóÓÃËü´ò¿ªTalky.ioʱÓÐÕâÑùµÄ¸Ð¾õ:Õâ¸ö¸ÃËÀµÄ¶«Î÷¹ûÈ»ÔËÐÐÁË!(ºÜ¸ßÐ˵ÄÒâ˼¡£)
×Ô´ÓÄÇʱÆðÎÒ¿ªÊ¼¸ü¼Ó¹Ø×¢ÔÚÒÆ¶¯¶ËµÄChromeä¯ÀÀÆ÷ÉÏ·¢ÉúµÄÊÂÇé,¶øÇÒÒÆ¶¯¶ËµÄChromeä¯ÀÀÆ÷ÉÏ·¢ÉúµÄÿһ¼þÊÂÇéÁîÈËÓ¡ÏóÉî¿Ì¡£
Óë´ËͬʱÔÚAndroidÉÏ·¢ÉúµÄÊÂÇé
ÔÚ¹ýÈ¥µÄ¼¸ÄêÖÐ,һЩ·Ç³£´ÏÃ÷,·Ç³£ÓÐÄÍÐĵÄÀíÏëÖ÷Ò忪·¢Õß(ËûÃÇÖеĺܶàÈËÔÚGoogle¹«Ë¾¹¤×÷)ÏàÐÅweb»á³ÉΪ³±Á÷²¢ÎªÍƶ¯webµÄ·¢Õ¹Å¬Á¦¹¤×÷,ËûÃÇʵÐÐÁËеÄweb±ê×¼À´ÃÖ²¹ÔÉúÓ¦ÓóÌÐòºÍwebÓ¦ÓóÌÐòÖ®¼äµÄ²î¾à¡£
ÄÑÒÔÖÃÐŵÄÊÇһЩ·Ç³£¿áµÄ¶«Î÷±»¿ª·¢Á˳öÀ´,Ïñ:
.WebBluetooth(ÊǵÄ,´ÓÒ»¸öÍøÕ¾µÄÍøÒ³ÉÏÔËÐбàдºÃµÄJS³ÌÐòÄÜÓëÀ¶ÑÀÉ豸¶Ô»°)¡£
.WebNFC(NFCÊÇÒ»Öֶ̾àÀëµÄµã¶ÔµãʽµÄ½»»¥¼¼Êõ,ÕâÀïÊÇÆäÔÚWebÉϵÄÓ¦Óü¼Êõ)Ò²±»¿ª·¢Á˳öÀ´,ºÜÃ÷ÏÔÕâЩÐÂÆæµÄ¼¼ÊõÕýÔÚÏÆ¿ªÎïÁªÍøµÄÃæÉ´(µ«ÊÇÕâÍêÈ«ÊÇÁíһƪ·¢±íµÄ²©¿ÍµÄÄÚÈÝ)¡£
ÔÚAndroidÉϵÄChromeµÄµØÖ·À¸ÀïÊäÈëchrome://flags,È»ºó¿´¿´ÉÏÃæÏÖÔÚÔÚ×¼±¸¿ª·¢µÄ¶«Î÷¡£ÄÇÉÏÃæµÄ¶«Î÷Ì«ÁîÈ˳ԾªÁË!
²»¹ÜÔõÑù,ÔÚ¹ýÈ¥µÄ¼¸ÄêÀï, ServiceWorker¼¼ÊõºÍProgressive
Web AppµÄ¸ÅÄî¹¹½¨ÆðÁËÒ»ÖÖÌØÉ«,ÕâÖÖÌØÉ«Ê¹ÎÒ±ÈÒÔǰÎÒʹÓùýµÄÈκÎweb¼¼Êõ¸üÈÃÎÒ¿ªÐÄ,¶øÇÒÕâÖÖ¿ªÐĵÄÐÄÇé»á³ÖÐøºÜ¾ÃºÜ¾Ã¡£
ServiceWorker½éÉÜÁ´½Ó: http://html5online.com.cn/articles/2015051201.html
Progressive Web App½éÉÜÁ´½Ó: http://blog.csdn.net/ejinxian/article/details/50082889
ÎÒÏàÐÅÔÚAndroidÀïÒýÈëServiceWorker¼¼ÊõºÍProgressive
Web app¼¼ÊõÊÇ×Ô´ÓÆ»¹û¹«Ë¾CEOÇDz¼Ë¹Ê״ΰÑiPhoneÊÖ»ú½éÉܸøÓû§ÒÔÀ´ÔÚÒÆ¶¯webƽ̨ÉÏ·¢ÉúµÄ×îÖØÒªµÄÊÂÇé¡£
ΪʲôÕâÑùËµÄØ?!ÒòΪ,ÕâÊǵÚÒ»´ÎÎÒÃÇÓµÓÐÒ»¸öÓÐ×ÅÅÓ´óÓû§»ù´¡µÄÒÆ¶¯Æ½Ì¨,Õâ¸öƽ̨ÈÃÎÒ¹¹½¨µÄÿһ¸öweb
app±»µ±×öÁËÒ»µÈ¹«Ãñ¿´´ý!
(×¢Òâ:ÊǵÄ,ÎÒÖªµÀ»¹ÓÐÆäËûµÄƽ̨ÊÔͼÕâÑù×öµÄ,µ«ÊÇËüÃÇÖÐûÓÐÒ»¸öÊÇÓÐ×Å14ÒÚ»îÔ¾Óû§µÄ¡£)
ÕâЩм¼Êõ×îÖÕ¸øÁËÎÒÃÇ¿ª·¢ÕßÒ»¸öƽ̨,ÔÚÕâ¸öƽ̨ÉÏÿһ¸öweb app¶¼ÊÇÒ»µÈ¹«Ãñ!
¶øÇÒÐèҪ˵Çå³þµÄÊÇ,ÎÒ²»½ö½öÊÇÔÚ̸ÂÛÒ»ÖÖ½«Ò»¸öÃÀ»¯µÄ±ê¼ÇÌùµ½Ö÷ÆÁÉϵķ½·¨!
ÎÒÕýÔÚ̸ÂÛµÄÊÇÄÜʹÎÒÃǹ¹½¨µÄweb appÓëÔÉúµÄapp±ðÎÞ¶þÖµķ½·¨¡£
ÕâЩ¸÷ÖÖÀàÐ͵ÄappËù×ñѵÄΨһÌõ¿îÊÇ¡±Progressive Web
App¡±Ìõ¿î¡£
ÊÂʵÉÏ,ÎÒÈÏΪProgressive Web App(¼ò³ÆPWA)ʵ¼ÊÉ϶ÔÔÉúappÓÐמ޴óµÄ°ïÖú,ÒòΪÄã¿ÉÒÔÁ¢¼´¿ªÊ¼Ê¹ÓÃËüÃÇ¡£Äã²»ÐèÒªµÇ¼µçÄÔËÑË÷½çÃæ,È»ºóÓÉËÑË÷½çÃæÌø×ªµ½Ò»¸öappÉ̵ê,ÔÙÈ»ºóµÈÉÏÒ»Á½·ÖÖÓÖ±µ½Ò»Ð©ÅÓ´óµÄ¶þ½øÖưü±»ÏÂÔØÏÂÀ´¡£ËüÃǾÍÊÇweb
app,ËüÃÇÓÐURL,ËüÃÇ¿ÉÒÔ±»¹¹½¨¼ÓÔØµÄ³¬¿ì¡£ÒòΪ¡¡ÎÒÃÇÒѾÔÚwebÉÏÓÅ»¯¼ÓÔØÊ±¼äµÄÐÔÄܺܳ¤Ê±¼äÁË¡£
Óû§½ö½öÐèÒªºÜÉÙµÄÄ¥ºÏʱ¼ä¾Í¿ÉÒÔ¿ªÊ¼Ê¹ÓÃËüÃÇ¡£¶øÓû§ÐèÒª¿¼ÂǵÄÊÇËüÃÇÈçºÎÀ´´¦ÀíÄãµÄת»»Êý¾Ý!
ÓÉÓÚÔÚAndroidÐÐÒµÖоÑéµÄÔö¼Ó,ÎҸҿ϶¨ÆóÒµÕë¶ÔËûÃǵÄAndroidÓû§ÓÐ×ÅÕâÑùÇ¿ÁÒµÄÒÉÎÊ:ËûÃÇÓбØÒª¹¹½¨ÔÉúAndroid
appÂð?
ÄÇôµ½µ×ʲôÊÇProgressive Web AppÄØ?
³öÓÚijÖÖÔÒòGoogle¹«Ë¾ÒѾÔÚÉè·¨½ÌÒ»´úµÄ¿ª·¢ÕßʲôÊÇPolymer¿ò¼ÜºÍAngular¿ò¼Ü¡£²»ÐÒµÄÊÇ,ÏÖ½ñÎÒÓöµ½µÄºÍ½»Ì¸µÄ¾ø´ó²¿·Öweb¿ª·¢Õß¶ÔʲôÊÇServiceWorkers»òÕßʲôÊÇProgressive
Web App
»¹ÊÇÁãµÄ¸ÅÄî¡£
Polymer¿ò¼Ü¼ò½éÁ´½Ó: http://www.linuxidc.com/wap.aspx?nid=102184&cid=10&sp=1348
Angular¿ò¼Ü¼ò½éÁ´½Ó: http://www.jb51.net/article/60494.htm
һЩÈ˲úÉúÉÏÃæÎÊÌâµÄÔÒòÊÇÒòΪProgressive Web AppÍêÈ«ÊÇÕ¸ÐµĶ«Î÷,¶ø×î½ü²úÉúÉÏÃæÎÊÌâµÄÈËÊýÔÚ¼õÉÙ,Çé¿öµÃµ½Á˸ÄÉÆ¡¡Éϵ۰¡¡¡ÎÒÏ£ÍûÕâÖָı䡣
Äã¿ÉÒÔÕâÑùÏëÏóÒ»¸öprogressive web app£º
ËüÊÇÓÃHTML,CSSºÍJS½Å±¾±àдµÄÒ»¸öapp£¬¶øÇÒËüÍêÈ«¿ÉÒÔ±»µ±³ÉÒ»¸öÔÉúµÄapp.
Õâ°üÀ¨:
1.ÔÚÊÖ»úÖ÷ÆÁÉÏÔËÐС£
2.ÔÚAndroidµÄappÇл»Æ÷ÉÏ×÷Ϊһ¸öµ¥¶ÀµÄapp(²»ÊÇ×÷Ϊä¯ÀÀÆ÷AppµÄÒ»²¿·Ö)ÔËÐС£
3.ÕýÕæµÄÀëÏßÐÐΪ¡ÕâÒâζ×ŵ±ÄãÓÃÊÖÖ¸µã»÷appͼ±êʱ¡¡²»¹ÜËüÊÇ·ñÊÇÔÚµ±Ç°ÍøÂç״̬Ëü¶¼»á´ò¿ª¡£
4.¼´Ê¹µ±appºÍä¯ÀÀÆ÷¹Ø±Õʱ,ËüÈÔÈ»ÄÜÔÚºǫ́ÔËÐв¢´¥·¢²Ù×÷ϵͳ¼¶µÄÏûϢ֪ͨ¡£
ÕâЩapp×÷Ϊһ¸ö±êÇ©¿ªÊ¼Éú´æºÍÔËÐÐÔÚÄãµÄä¯ÀÀÆ÷Àï,¶ø²»ÊÇ×÷Ϊһ¸öÎÞÓõÄÍøÒ³ÉÏÃæÐ´×Å¡±Çë°´ÕÕÎÒÃǵÄapp¡±±êÓ↑ʼµÄ¡£È»ºó½¥½¥µØËüÃǻᱻ¸ü¶àµÄ°²×°Ö±µ½×îÖÕ³ÉΪ²Ù×÷ϵͳµÄÒ»²¿·Ö¡£
Æð³õ,ËüºÍÄã·ÃÎÊµÄÆäËûÍøÕ¾Ã»ÓÐʲô²»Í¬¡£µ«ÊÇ,È»ºóÄãÈç¹ûÔÚÄãµÄä¯ÀÀÆ÷ÀïÔٴηÃÎÊͬһ¸öÕ¾µã»òÕßapp£¬ÄãµÄä¯ÀÀÆ÷»áÇÉÃîµØÎÊÓû§ÊÇ·ñÔ¸Òâ°ÑËüÌí¼Óµ½ËûÃǵÄ×ÀÃæ¡£
´ÓÕâÒ»¿Ì¿ªÊ¼Ëü¶ÔÓû§À´Ëµ¾Í±äµÃÓëÔÉúappÒ»ÑùÁË¡£
²¢ÇÒ,Èç¹ûÄãÕýÈ·µÄ¹¹½¨ËüÃÇ,ͨ³£Óû§¸ù±¾²»ÐèÒªÏÂÔØËüÃÇ»òÕßÀË·Ñʱ¼äµÈ´ýÏÂÔØ¡£ÕâÒ²¾ÍÒâζ×ŰÑËüÌí¼Óµ½Ö÷ÆÁÄ»ÉÏ,app»áÁ¢¼´ÉúЧ,ÕâÖмäµÄ°²×°¹ý³Ì»áºÜ¶Ì¡£ÁíÍâ,ÉèÏëÒ»ÏÂËü»áΪÄãµÄת»»×öЩʲô?ÊÇÂð?(²»,ÎÒ²»ÊǼÓÄôóÈË)(´ó¸Å¼ÓÄôóÈ˾«ÓÚ¼ÆËã).
ÐÒÔ˵ÄÊÇ,ÎÒÃDz»±ØÈ¥ÍêÈ«²Â²âËüÃǵÄÉÌÒµÓ°Ïì¡£ÎÒÃÇʵ¼ÊÉÏ´ÓÓ¡¶ÈÒ»¼ÒÃû½ÐFlipKart¼ÛÖµ200ÒÚÃÀÔªµÄÔÚÏßÁãÊÛÉÌÄÇÀï»ñµÃÁËÒ»Ð©ÕæÊµµÄÊý¾Ý,Õâ¼ÒÔÚÏßÁãÊÛÉÌÉÏÏßÁËÒ»¸öPWA²¢ÇÒËûÃǹ²ÏíÁËËûÃǵÄһЩÊý¾Ý¡£
´ÓFlipKartµÄÊý¾ÝÖÐɸѡ³öµÄ¹Ø¼üÖØµã:
40%µÄ»ØÍ·¿Í»§Öܶø¸´Ê¼µÄ·ÃÎÊËûÃǵÄÔÚÏßÁãÊÛÍøÕ¾¡£
63%µÄת»»ÊÇÀ´×ÔÓû§µÄÖ÷ÆÁ·ÃÎÊ¡£
Óû§ÔÚFlipKart Lite(ÒÆ¶¯¶Ë)ÉÏ»¨·Ñ3±¶µÄʱ¼ä¡£
ÕâЩÊý¾ÝÀ´×ÔAlex Russel×î½ü¾ÍÊÖ»úµÄÏÂÒ»²½ÊÇʲôµÄÖ÷Ìâ·¢±íµÄÁ÷ÀûÑݽ²¡£ÎÒÖ§³ÖÄãÈ¥¿´¿´²¢ÇÒÔÚÄãËùÔڵĹ«Ë¾Àï°ÑËüºÍÄãµÄ²úÆ·¾ÀíºÍÄãµÄÁìµ¼·ÖÏí·ÖÏí¡£ÄǺܺýâÊÍÁËʲôÊÇProgressive
WebAppºÍΪʲôѡÔñProgressive Web App.
Ïà¹ØÔĶÁ²é¿´:
Addy OsmaniµÄProgressive Web AppÈëÃÅÖ¸ÄÏ
ÔÚServiceWorkersÍøÒ³ÉÏÓÐMozillaµÄservice workerʵÀý
FlipKart·¢²¼µÄ¹ØÓÚËûÃÇPWAµÄ×î³õµÄ¼¼Êõ
Jake ArchibaldµÄOffline Cookbook
Aditya Punjabi·¢²¼µÄ¹ØÓÚËûÃÇÊÇÈçºÎ¹¹½¨FlipKart
liteÒÆ¶¯¶ËµÄÎÄÕÂ
ÄÇôÕâ¶ÔÎÒÃÇÒâζ×ÅÊ²Ã´ÄØ?
ÄÇÒâζ×ÅÎÒÃÇ×÷Ϊweb¿ª·¢Õß×îÖÕÄܹ¹½¨¿ìËÙÁ÷³©µÄÍêÈ«¿ÉÒÔÀëÏߵIJ¢ÇÒÓû§Òþ˽¿ÉÒԵõ½±£»¤µÄapp£¬¶øÇÒapp¿ÉÒÔÔÚ½»²æÆ½Ì¨ÉÏÔËÐжø²»ÓÃÏòÆ»¹û¹«Ë¾½ÉÄÉÈκθÃËÀµØApp
Store˰ÊÕ,²»ÔÙÐèÒªµÈ´ýÉóÅú¹ý³Ì,Óû§²»ÔÙ»á°éËæ×Å¡±ÔÚʹÓÃÕâÏî·þÎñ֮ǰÇë°²×°ÎÒµÄapp¡±µÄÉùÒô¶ø±»¾ÜÖ®ÃÅÍâ¡£
ÄÇô¹ØÓÚIOSµÄÖ§³ÖÄØ?
ºÜºÃ,ËüÃî¾ÍÃîÔÚ¼´Ê¹service workerÔÚIOSÉϵÄÖ§³Ö²»´æÔÚ,IOSÓû§ÈÔÈ»¿ÉÒÔʹÓÃÄãµÄweb
app.
ËûÃÇÖ»ÊÇûÓлñµÃ¶îÍâµÄ¹¦ÄÜ,±ÈÈçÀëÏß¹¦ÄܺÍÍÆËÍÏûÏ¢¹¦ÄÜ¡£
µ«ÊÇÄãÒ²¿ÉÒÔ°ÑCordovaÀ¦°ó½øÄãµÄapp¶øÇÒ»¹¿ÉÒÔʹÓÃService
Worker²å¼þ,ÀíÂÛÉÏÕ⽫ʹÄãÓÃͬÑùµÄ´úÂëÈ¥×öÕâЩÊÂÇé,µ«ÊÇËüÃÇÀ¦°óµ½Ò»Æðºó¾Í¿ÉÒÔ¿´×öÊÇÒ»¸öIOS appÁË¡£
Cordova½éÉÜÁ´½Ó: http://www.cnblogs.com/luoguoqiang1985/p/3574738.html
ÎÒΪʲôҪ¹Ø×¢?React NativeÏÖÔÚ³öÏÖÁ˲¢ÇÒ¿ÉÒÔÓÃÀ´½â¾öͬÑùµÄÎÊÌâ¡£
React Native½éÉÜÁ´½Ó: http://blog.csdn.net/u011068702/article/details/49431211
¾ÍÎÒ¸öÈ˶øÑÔ,ÎÒʵ¼ÊÉÏÓÐЩϣÍûÏñReact NativeµÄ¹¤¾ß²»´æÔڵġ£ÄÍÐÄЩÌýÎÒ½âÊÍ¡£React
NativeÊÇÒ»¸öÁîÈ˼ȳԾªÓÖÓ¡ÏóÉî¿ÌµÄ¹¤¾ß,ËüʹÎÒÃÇ¿ÉÒÔʹÓÃÎÒÃǵÄJS±à³Ì¼¼ÇÉÀ´±àдÔÉúµÄIOSapp.
µ«ÊǾÍÏñÎÒÒ»Ö±Ëù˵µÄ¡¡ÎÒ²»ÈÏΪÎÒÃÇÓ¦¸Ã¹¹½¨ÔÉúµÄapp,³ý·ÇÎÒÃÇÍêÈ«ÐèÒªÕâô×ö¡£
React Native²úÉúµÄ×îÖÕ½á¹ûÊÇÒòΪËüµÄ´æÔÚºÍÒòΪËüÖ÷ÒªÕë¶ÔµÄÊÇweb¿ª·¢Õß,ÎÒÃÇÏÖÔÚÓÐweb¿ª·¢ÕßÓ¿Ïò¿ª·¢ÔÉúapp,ÒòΪÓÐÁËÕâ¸ö¿ò¼ÜËûÃÇÓÐÄÜÁ¦¿ª·¢ÔÉúappÁË!
ÎÒÅÂÕâÖֱ仯ÔÚÎÞÐÎÖÐÆÆ»µÎÒÃÇʹÓÃÎÒÃǼ¯ÌåÌÖ¼Û»¹¼ÛµÄÁ¦Á¿À´´Ùʹƻ¹û¹«Ë¾ÊµÏÖÔÚIOSÖжÔProgressive
Web AppÖ§³ÖµÄÄÜÁ¦¡£
ÐèÒª³ÎÇåµÄÊÇ,ÎÒÍêÈ«Àí½âËüΪʲô»á±»´´½¨³öÀ´,¶øÇÒÎÒÒ²·Ç³£µÄ×ðÖØËüËù´ú±íµÄ¼¼Êõ³É¾ÍºÍ×ðÖØËü±³ºóµÄ¿ª·¢ÉÌ¡£
ÎÒ½ö½öÊDz»ÏëÈÃÎÒÃÇֹͣȥ´Ùʹƻ¹û¹«Ë¾¸ÄÉÆÔÚIOSÖжÔwebµÄÖ§³Ö¡£
×ܽá
Òò´Ë,ÕâÒ²¾ÍÊÇ˵,×÷Ϊһ¸öÏû·ÑÕßÕâЩÊÂÇé×îÖÕÈÃÎÒÄÜÓõÄΨһͶƱȨÊÇ¡¡ÎÒÌͳö¶µÀïµÄǮȻºóÀ뿪¡£
ÎÒ²»ÈÏΪÕâÊÇÎÒת±äµ½Androidƽ̨Ū¿ª·¢¹¤×÷,ÎÒÖ»ÊÇÇл»µ½µ±½ñ¿ÉÓõÄÒÆ¶¯web
app ƽ̨ÖÐ×îºÃµÄÄǸö¡£
WebÊÇÎÒÃÇËùÄÜ»ñµÃµÄÎ¨Ò»ÕæÕý¿ª·ÅµÄƽ̨¡£ËüÊÇ×î½Ó½üÎÒÃÇÐèÒªµÄ¹«Æ½¾ºÕù»·¾³¡£
Õâ¾ÍÊÇΪʲôÎÒ¼¯ÖÐÎÒËùÓеÄŬÁ¦À´¹¹½¨Progressive Web App¡¡.ÎÒÏ£ÍûÄãÃÇÒ²×öͬÑùµÄÊÂÇé¡£
ÔÚtwitterÉÏÎÒµÄÃû×ÖÊÇ@HenrikJoreteg,Èç¹ûÄãÏëºÜºÃµØ¸æËßÎÒÎÒ×ö´íµÄµØ·½µÄ»°¿ÉÒÔÁªÏµÎÒ¡£
|