Hera-打通小程序,Web,iOS,Android的全平臺混合框架

小程序，互聯網界目前最火的新物種之一。在這個框架滿天飛的年代，Hera 悄悄的來了。
在距離上次介紹的小程序web開發框架-weweb一個多月後，咱們終於推出了它的全平臺版－Hera,它的使命是實現用小程序的方式來寫跨平臺應用，使用它可讓你的小程序除了在微信上運行，還能夠打包成 Android 、 iOS應用，以及以h5的方式跑在瀏覽器端，實現真正意義上的一套代碼，多端運行。極大的提高你的開發效率。

優勢

一套代碼 到處運行

Hera提供了強大的跨平臺能力：不只可讓開發者的微信小程序業務從微信中平滑遷移到Android和iOS端的App中，同時也提供了RN等其它框架沒有的能力 —— 運行在Web端。

組件豐富 簡單易用

自帶經常使用組件，完美繼承了小程序內置組件，學習成本低，徹底兼容微信小程序的開發方式

極速加載 體驗流暢

Hera框架同時也能夠支持業務的快速迭代和更新，全部組件和 API 內置在客戶端中，每一個頁面只包含核心業務邏輯使頁面更輕量，在高速加載的同時兼具動態更新的能力。

引入簡單 拓展性高

客戶端功能已集成爲 SDK ，只需幾步就可輕鬆集成。想要根據本身的業務拓展功能？沒問題，方便的API拓展機制讓你的小程序具備無限可能。

適用場景

• 開發資源緊張，又想快速上線全平臺應用,Hera是你的不二之選
• 要native體驗，還要動態更新能力
• 喜歡嘗試新鮮事物，熱愛鑽研

聽起來還不錯吧，廢話很少說，我們直接上乾貨！

快速體驗

安裝腳手架

須要在系統中安裝 Node.js 環境, 使用如下方法確認系統中 Node 的版本：

node -v複製代碼

若是獲得的版本低於v7.6.0，或是提示找不到 node 命令，請點此下載最新的 Node.js 安裝包。

Tips: 若是下載時出現網絡問題，能夠嘗試使用 nrm 或 npm config 命令切換至國內的 npm 源

npm i hera-cli -g複製代碼

初始化小程序

hera init projName複製代碼

進入新建的項目, 確認根目錄有 config.json 文件：

# 進入項目
cd projName

# 查看配置文件
cat config.json複製代碼

運行於h5端：

hera run web複製代碼

運行於Android端

若是想要在安卓虛擬機或真機上運行，須要安裝 Android Studio 以及：

• Android SDK Platform 25
• Android SDK Build-Tools 25.0.3

若是您的系統中沒有以上環境，請按此教程搭建安卓開發環境

查看是否鏈接了設備：

adb devices複製代碼

Tips: 若是提示adb不是可用命令，請確認PATH 環境變量中增長了%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\platform-tools

若是設備處於活躍狀態會顯示以下信息，若是列表爲空或設備處於離線狀態，請從新鏈接安卓手機或重啓虛擬機

List of devices attached
0ec123456    device複製代碼

構建應用並開啓虛擬機：

hera run android複製代碼

注意: 初次運行可能會下載 Gradle， 若是您沒有使用代理可能會下很長時間, 若是出現java.util.zip.ZipException錯誤，請刪除用戶根目錄下的.gradle 目錄後從新嘗試上面的命令或是手動安裝 Gradle 3.3

運行於iOS端

首先須要在系統中安裝 Xcode 8.0 或更高版本。你能夠經過App Store或是到Apple開發者官網上下載。這一步驟會同時安裝Xcode IDE和Xcode的命令行工具。

安裝完成後啓動Xcode，並在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools。

最後使用以下命令安裝依賴管理工具 cocoapods

sudo gem install cocoapods複製代碼

運行

hera run ios複製代碼

注意：以上步驟只適用於虛擬機環境，若是想運行在真機，請閱讀：真機調試

更詳細介紹能夠訪問：Hera官網

還有github地址：github.com/weidian-inc…。歡迎star