小程式,網際網路界目前最火的新物種之一。在這個框架滿天飛的年代,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