入門快應用的另外一種姿式

3月20日，北京朝陽區中國大飯店，小米、中興、華爲、金立、聯想、魅族、努比亞、OPPO、vivo、一加，共十家手機廠商聯合宣佈成立快應用聯盟，推出快應用。

接下來，引起無數開發者關注，入門教程網上也出了很多，但大多都是將快應用官網的文檔簡單複製一遍，流程基本都是：install hap-toolkit ==> hap init project ==>run build ==> 真機預覽。

也許，換個姿式更省力。

緣由有二：

• 明明有可視化IDE，何須要執行一系列命令？
• 有更完善的組件及接口能力演示Demo，何須建立空項目？

搭建環境

安裝Nodejs：這個是必需的，建議8.0以上版本

安裝HBuilderX：官網quickapp.dcloud.io，HBuilderX內置快應用的語法提示及代碼塊，可顯著提高開發效率

下載代碼

官網及第三方入門教程，大可能是建立一個空的快應用項目模板，沒法直接體驗快應用的組件及接口能力。

本文推薦從github下載hello-quickapp項目，該項目相似微信小程序示例，對快應用目前已支持的各類組件及接口能力進行展現。

導入工程

啓動HBuilderX，將下載後的hello-quickapp項目拖拽到HBuilerX中，會自動生成一個快應用工程，以下圖所示：

注意：僅拖拽hello-quickapp文件夾便可，無需拖拽quickapp-master文件夾。

真機運行

不須要執行各類npm命令，只須要找一部安卓手機，經過USB數據線連上電腦，手機上打開兩個開關：

• USB鏈接方式切換爲「媒體設備（MTP）」
• 開發者選項，開啓USB調試

而後在HBuilderX頂部菜單中點擊：運行—>真機運行—>選擇已鏈接的Android手機，以下圖所示：

手機上運行成功後，界面以下：

切換組件及接口選項卡，能夠查看快應用的各類接口能力，以下爲界面交互的菜單：

模板選項卡是經常使用模板集合，正在完善。

發行rpk

若是但願查看在官方調試器上的運行效果，按照以下步驟操做：

• 生成rpk：在HBuilderX頂部菜單中依次點擊：發行—>快應用發行—>生成rpk文件
• 將HBuilderX生成的rpk，複製到手機的文件系統中
• 安裝快應用調試器和平臺預覽版，注意兩個apk都須要安裝，平臺預覽版是爲了模擬快應用的運行時環境
• 打開手機上的「快應用調試器」，點擊「本地安裝」 ，選擇步驟2複製進來的rpk文件，便可預覽hello-quickapp

好了，相比執行各類命令，是否是更簡潔？