小程序,互联网界目前最火的新物种之一。在这个框架满天飞的年代,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