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

转载于:https://juejin.im/post/5a13fa5bf265da432652782d