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

pgf發表於2017-11-21

小程式,網際網路界目前最火的新物種之一。在這個框架滿天飛的年代,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: 如果下載時出現網路問題,可以嘗試使用 nrmnpm 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

相關文章