Hera-打通小程序,Web,iOS,Android的全平台混合框架[通俗易懂]

Android (115) 2023-03-24 21:40

大家好,我是编程小6,很高兴遇见你,有问题可以及时留言哦。

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

Hera-打通小程序,Web,iOS,Android的全平台混合框架[通俗易懂]_https://bianchenghao6.com/blog_Android_第1张

最后使用如下命令安装依赖管理工具 cocoapods

sudo gem install cocoapods

运行

hera run ios

注意:以上步骤只适用于虚拟机环境,如果想运行在真机,请阅读:真机调试

更详细介绍可以访问:Hera官网

还有github地址:github.com/weidian-inc…。欢迎star

发表回复