小程序,互聯網界目前最火的新物種之一。在這個框架滿天飛的年代,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
。
<figure>[圖片上傳失敗...(image-38d445-1512015196680)]
<figcaption></figcaption>
</figure>
最后使用如下命令安裝依賴管理工具 cocoapods
sudo gem install cocoapods
運行
hera run ios
注意:以上步驟只適用于虛擬機環境,如果想運行在真機,請閱讀:真機調試
更詳細介紹可以訪問:Hera官網
還有github地址:github.com/weidian-inc…。歡迎star