它來了，它來了，HarmonyOS應用開發線上體驗來了

接下來是我們的兩分鐘科普，一分鐘玩轉HarmonyOS應用開發線上體驗，一分鐘簡單瞭解“一次開發、多裝置部署”的原理。萌新的開發者也能第一時間掌握，往下看吧~

 

一分鐘玩轉HarmonyOS應用開發線上體驗

只需一分鐘，我們將通過對“To-Do List” Demo進行四個部分的簡單修改，教你輕鬆掌握應用開發線上體驗，體驗應用在手錶、手機、大屏同時執行的效果。

 

任務隨意加，一次修改輕鬆一 “Run”，多裝置同時生效

“一次開發，多裝置部署”到底可以多簡單，應用開發線上體驗給你答案。在本Demo.js程式碼檔案中新增兩個“任務列表”，示例程式碼如下

{
            id: 'id-4',
            event: '閱讀小說',
            time: '21:30',
            checkBtn: BUTTON_STATE_IMAGE[0],
            color: TEXT_COLOR[0],
            showTag: TAG_STATE[0],
            tag: EVENT_LEVEL[0],
        },
        {
            id:'id-5',
            event: '睡覺休息',
            time: '23:30',
            checkBtn:BUTTON_STATE_IMAGE[0],
            color: TEXT_COLOR[0],
            showTag: TAG_STATE[2],
            tag: EVENT_LEVEL[2],
        },

點選右上角“Run”按鈕，多端同步生效，即使剛剛入門，也能輕鬆掌握。歡迎更多開發者寫出自己的創意內容~

 

樣式自定義，你想要的醒目標題隨手拈來

 

覺得標題不夠醒目？顏色、字型大小由你來定，切換.css檔案，找到.title程式碼行，更改color欄位，換個顏色豈不美滋滋，同樣點選“Run”,多端同時生效，你會換個什麼顏色呢？

 

任四種預覽檢視，多裝置自由切換

 

想切換不同裝置大圖看個清楚？很簡單，點選“預覽”頁面右上角，全部、手錶、手機、大屏四種預覽檢視隨意換，想看哪個都能看得明白！

忙中出錯不用慌，一鍵“Reset”快速恢復

 

不小心改錯了檔案？不小心點錯了程式碼？不要緊，內碼表面右上方“Reset”一鍵快速恢復原始狀態，重新開始！

  

迫不及待要開始開發，趕緊下載IDE玩轉HarmonyOS應用開發體驗更多精彩功能。

https://developer.harmonyos.com/cn/develop/deveco-studio?&ha_source=harmonyos&ha_sourceid=9000

 

 

一次開發，多裝置部署”的原理

                                            
在萬物互聯時代，開發者在多裝置場景下應用開發面臨著以下兩方面的開發挑戰：

 

1.多裝置形態差異。不同裝置螢幕大小、螢幕解析度以及螢幕形狀不盡相同，由此讓不同裝置UI樣式開發難度加大。同時，不同裝置上互動模式不同也帶來了互動維度的開發挑戰。

2.多裝置能力差異。不同裝置能力不同，記憶體從百KB到10+GB的硬體都有，主頻百M到G級平臺都存在，輕量級裝置記憶體的限制，多樣裝置硬體規格上的巨大差異，難以實現統一開發統一執行。

 

HarmonyOS如何解決以上兩方面挑戰

1.面對裝置形態差異帶來的開發挑戰，HarmonyOS針對性地提出了兩方面的解決策略——UI資訊結構抽象及互動事件歸一。其中，UI資訊結構抽象中提供表述歸一的多型控制元件、按需即用的多型佈局及開箱即用的工程模板

2.面對裝置能力差異帶來的開發挑戰，HarmonyOS提出統一的開發正規化，協同可伸縮的執行時，可在百K級~G級裝置部署執行，提供ACE JS提供輕量級框架，將一些核心框架做下沉，提供輕量JS引擎，使得同樣的JS開發正規化延伸到百K級裝置。

想了解更多內容，請訪問51CTO和華為合作共建的鴻蒙社群：https://harmonyos.51cto.com