美文网首页
Hera-打通小程序,Web,iOS,Android的全平台混合

Hera-打通小程序,Web,iOS,Android的全平台混合

作者: pgf | 来源:发表于2017-11-30 12:15 被阅读0次

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

    <figure>[图片上传失败...(image-38d445-1512015196680)]

    <figcaption></figcaption>

    </figure>

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

    sudo gem install cocoapods
    

    运行

    hera run ios
    

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

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

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

    相关文章

      网友评论

          本文标题:Hera-打通小程序,Web,iOS,Android的全平台混合

          本文链接:https://www.haomeiwen.com/subject/cdkvbxtx.html