±à¼ÍƼö: |
±¾ÎÄÖØµã
uni-appÍÆ³ö±³¾°¡¢»ù´¡¡¢uni-appÖ÷ÒªÌØÕ÷¡¢uni-app¹¦ÄÜ¿ò¼ÜµÈÏà¹ØÄÚÈÝ¡£
±¾ÎÄÀ´×ÔÓÚ¼òÊ飬ÓÉ»ðÁú¹ûÈí¼þAnna±à¼¡¢ÍƼö¡£ |
|
1. uni-appÍÆ³ö±³¾°(µ±Ç°¿çƽ̨¿ª·¢µÄÖ÷ÒªÎÊÌâ)
¶à¶Ë·ºÀÄ
µ±Ç°ÊÇÒ»¸ö¶à¶Ë·ºÀĵÄʱ´ú,³ýÁËÔÓеÄAndroid¡¢IOS¡¢H5¡¢Ð¡³ÌÐòƽ̨,Ö§¸¶±¦¡¢°Ù¶È¡¢ÌÔ±¦¡¢½ñÈÕÍ·ÌõµÈ¶¼Â½Ðø·¢²¼ÁË×Ô¼ºµÄС³ÌÐòºÍ¿ìÓ¦Óù淶,Óû§±»ÖÚ¶àÆ½Ì¨·ÖÉ¢,ΪÁ˸²¸Ç¸ü¶àµÄÓû§,¿ª·¢ÕßÐèÒª¸ü¶àµÄѧϰ¡¢ÊÊÅäºÍά»¤³É±¾¡£
ÌåÑé²»ºÃ
¹ýÈ¥µÄ¿çƽ̨¿ò¼ÜÔÚappÉϵÄÌåÑé²¢²»ºÃ¡£
Éú̬²»·á¸»
¹ýÈ¥µÄ¿çƽ̨¿ò¼ÜÔÚÖܱߵÄÉú̬һֱ²»·á¸»,¿ª·¢ÕߺÜÄÑ»ñÈ¡¸üºÃ¸ü¶àµÄSDK¡£
2. uni-app½éÉÜ
uni-app ÊÇÒ»¸öʹÓà Vue.js ¿ª·¢¿çƽ̨ӦÓõÄǰ¶Ë¿ò¼Ü£¬¿ª·¢Õß±àдһÌ×´úÂë,¿É±àÒëµ½Android¡¢iOS¡¢H5¡¢Ð¡³ÌÐòµÈ¶à¸öƽ̨¡£uni-appÔÚ¿ç¶ËÊýÁ¿¡¢ÍØÕ¹ÄÜÁ¦¡¢ÐÔÄÜÌåÑé¡¢ÖܱßÉú̬¡¢Ñ§Ï°³É±¾¡¢¿ª·¢³É±¾µÈ6´ó¹Ø¼üÖ¸±êÉÏÓµÓм«Ç¿µÄ¾ºÕùÓÅÊÆ,½â¾öÁËÏÖÓÐ¿çÆ½Ì¨¿ò¼Ü´æÔÚµÄÎÊÌâ¡£
vuejsѧϰ
3. uni-appÖ÷ÒªÌØÕ÷
3.1 ¿çƽ̨¸ü¶àÇÒ²»ÎþÉüÆ½Ì¨ÌØÉ«
(1)ÕæÕý×öµ½"Ò»Ì×´úÂë¶à¶Ë·¢ÐÐ":Ò»Ì×´úÂë¿É·¢²¼µ½Android¡¢IOS¡¢H5¡¢Ð¡³ÌÐòµÈ¶à¸öƽ̨,²»ÐèÒª¶Ô²»Í¬Æ½Ì¨µÄ´úÂë½øÐÐά»¤ºÍÉý¼¶¡£
(2)ƽ̨ÄÜÁ¦²»ÊÜÏÞ:ͨ¹ýÌõ¼þ±àÒë+Æ½Ì¨ÌØÓеÄAPIµ÷ÓÃ,¿ÉÒÔÓÅÑŵØÔÚΪijƽ̨д¸öÐÔ»¯´úÂë,µ÷ÓÃרÓÐÄÜÁ¦¶ø²»Ó°ÏìÆäËûƽ̨¡£
3.2 ÔËÐÐÌåÑé¸üºÃ
(1)×é¼þºÍapiÓë΢ÐÅС³ÌÐòÒ»ÖÂ:΢ÐÅС³ÌÐòÖÐÐÔÄܼ«ºÃµÄHybird¿ò¼Ü,ʹ¼ÓÔØÐÂÒ³ÃæËٶȸü¿ì¡£
(2)¼æÈÝweexÔÉúäÖȾ:App¶ËÖ§³ÖweexÔÉúäÖȾ,¿ÉÖ§³Ö¸üÁ÷³©µÄÓû§ÌåÑé¡£
3.3 ͨÓÃǰ¶Ë¼¼ÊõÕ»,ѧϰ³É±¾¸üµÍ
(1)ѧϰ³É±¾µÍ:»ùÓÚͨÓÃǰ¶Ë¼¼ÊõÕ»,²ÉÓÃvueµÄÓï·¨+΢ÐÅС³ÌÐòµÄapi
(2)ÄÚǶmpvue¿ªÔ´¿ò¼Ü:mpvueÏîÄ¿¿ÉÖ±½Ó±ä³Éuniapp
3.4 ¿ª·¢Éú̬,×é¼þ¸ü·á¸»
(1)Ö§³Öͨ¹ýnpm°²×°µÚÈý·½°ü
(2)Ö§³Ö΢ÐÅС³ÌÐò×Ô¶¨Òå×é¼þ¼°JS SDK
(3)¼æÈÝmpvue×é¼þ¼°ÏîÄ¿(ÄÚǶmpvue¿ªÔ´¿ò¼Ü)
(4)App¶ËÖ§³ÖºÍÔÉú»ìºÏ±àÂë
(5)²å¼þ·á¸»,DCloud½«·¢²¼²å¼þµ½Êг¡

4. uni-app¹¦ÄÜ¿ò¼Ü

5.uni-app¹¤³ÌÏà¹ØÁ÷³Ì
5.1 ´´½¨uni-app
(1)´ò¿ªHBuilderX -> Îļþ -> н¨
-> 씀
(2)Ñ¡Ôñuni-app -> ÌîдÏîÄ¿Ãû³Æ -> Ñ¡ÔñÄ£°å(ÒÔĬÈÏÄ£°åΪÀý)
-> ´´½¨Íê³É

(3)н¨ÏîĿĿ¼ÈçͼËùʾ

±¸×¢:ÏîĿĿ¼½á¹¹ËµÃ÷¿ÉÒÆ²½ÖÁuin-app¹¤³Ì½éÉÜ
5.2 ÔËÐÐuni-app
5.3 ·¢²¼uni-app
5.3.1 ´ò°üΪÔÉúapp-ÔÆ´ò°ü
(1)ÔÚHBuilderX¹¤¾ßÀ¸£¬µã»÷·¢ÐУ¬Ñ¡ÔñÔÉúapp-ÔÆ´ò°ü£¬ÈçÏÂͼ£º

(2)³öÏÖÈçϽçÃæ£¬µã»÷´ò°ü¼´¿É£º

´ò°ü
(3)ÔÆ´ò°ü³É¹¦

(4)¿ØÖÆÌ¨ÐÅÏ¢£º»ñÈ¡ÏÂÔØµØÖ·²¢ÏÂÔØapk

±¸×¢£ºHBuilderµÄÔÆ¶Ë´ò°üËäÈ»·½±ã£¬µ«²»ÄÜ´ò³¬¹ý40MµÄ°ü¡£Í¨¹ýHTML5+SDKµÄ±¾µØ´ò°ü·½°¸¿ÉÒÔ½â¾ö´ò°ü´óСÏÞÖÆµÄÎÊÌ⣨TML5
Plus SDK£¬¼ò³Æ5+SDK£¬ÊǰÑHTML5+ÔËÐл·¾³£¨5+ runtime£©·âװΪÔÉúSDK£©¡£
5.3.2 ´ò°üΪÔÉúapp-(±¾µØ)ÀëÏß´ò°ü
(1)ÔÚHBuilderX¹¤¾ßÀ¸£¬µã»÷·¢ÐУ¬Ñ¡ÔñÔÉúapp-±¾µØ´ò°ü£¬ÈçÏÂͼ£¬µã»÷¼´¿ÉÉú³ÉÀëÏß´ò°ü×ÊÔ´¡£

(2)¿ØÖÆÌ¨ÐÅÏ¢£º»ñÈ¡ÀëÏß´ò°ü×ÊÔ´±¾µØÂ·¾¶

±¸×¢£ºÔÚ HBuilderX Éú³ÉÀëÏß´ò°ü×ÊÔ´ºó²Î¿¼ ÀëÏß´ò°ü£¨»ò²Î¿¼ÆäËûÓû§Ð´µÄ
ÀëÏß´ò°üÈռǣ©£¬¼´¿É½øÐÐÀëÏß´ò°ü¡£ÊµÖÊÉÏ×îÖÕ»¹ÊÇÔÚandroid¿ª·¢Æ½Ì¨androidStudioÖе¼ÈëÀëÏß´ò°üÉú³ÉµÄÏîÄ¿´úÂë²¢½øÐÐÐ޸ģ¬Õⲿ·ÖµÄÎĵµÑ§Ï°ºÍÐ޸ijɱ¾¼«´ó¡£
(3)±¨´í£ºuni-appÔËÐл·¾³(sdk)°æ±¾ºÍ±àÒëÆ÷(HBuilderX)°æ±¾²»Ò»ÖµÄÎÊÌâ

5.3.3 ·¢²¼ÎªH5
ÔÚHBuilderX¹¤¾ßÀ¸£¬µã»÷·¢ÐУ¬Ñ¡ÔñÍøÕ¾-H5ÊÖ»ú°æ£¬ÈçÏÂͼ£¬µã»÷¼´¿ÉÉú³É
H5 µÄÏà¹Ø×ÊÔ´Îļþ£¬±£´æÓÚ unpackage Ŀ¼¡£H5ÊÖ»ú°æ.png

5.3.4 ·¢²¼ÎªÐ¡³ÌÐò
(1)·¢²¼ÎªÎ¢ÐÅС³ÌÐò
(2)·¢²¼Îª°Ù¶ÈС³ÌÐò
(3)·¢²¼ÎªÖ§¸¶±¦Ð¡³ÌÐò
(4)·¢²¼ÎªÖ§¸¶±¦Ð¡³ÌÐò
˵Ã÷£ºuni--appÏîÄ¿ÔÚHBuilderXÉÏ·¢²¼ÎªÐ¡³ÌÐò£¬Éú³É¶ÔӦС³ÌÐòÏîÄ¿´úÂ룬ÔÚ¸÷С³ÌÐò¿ª·¢Æ½Ì¨µ¼ÈëÉú³ÉµÄС³ÌÐòÏîÄ¿´úÂë²¢²âÊÔÏîÄ¿´úÂëÔËÐÐÕý³£ºó£¬°´ÕÕ¸÷ƽ̨µÄ±ê×¼Á÷³Ì½øÐÐÉÏ´«´úÂë¡¢Ìá½»ÉóºËµÈ²Ù×÷£¬¼´¿ÉÍê³É¸÷С³ÌÐòµÄ·¢²¼¹¤×÷¡£
|