Hera-将小程序打包成移动APP的开发框架

继移动APP之后,小程序作为当前移动的有一个入口为大家所推崇,不管是微信的小程序还是支付宝的小程序,其实现的思路都是一致的,即通过一个宿主来运行相关的JS页面。

现在Hera根据市场需求,推出了一款真正的跨平台框架,除了可以让你的小程序除了在微信上运行,还可以打包成 Android 、 iOS应用,以及以 h5 的方式跑在浏览器端。

主要的优点有:

  1. 一套代码 处处运行 Hera提供了强大的跨平台能力:不仅可以让开发者的微信小程序业务从微信中平滑迁移到Android和iOS端的App中,同时也提供了RN等其它框架没有的能力 —— 运行在Web端。
  2. 组件丰富 简单易用 自带常用组件,完美继承了小程序内置组件,学习成本低,完全兼容微信小程序的开发方式。
  3. 极速加载 体验流畅 Hera框架同时也可以支持业务的快速迭代和更新,所有组件和 API 内置在客户端中,每个页面只包含核心业务逻辑使页面更轻量,在高速加载的同时兼具动态更新的能力。

快速上手

安装脚手架

需要在系统中安装 Node.js 环境, 使用以下方法确认系统中 Node 的版本:

node -v

如果得到的版本低于v7.6.0,或是提示找不到 node 命令,请点此下载最新的 Node 环境安装包。 Tips: 如果下载时出现网络问题,可以尝试使用 nrm 或 npm config 命令切换至国内的npm源

安装运行

安装依赖库

npm i hera-cli -g

初始化小程序

hera init projName

进入新建的项目, 确认根目录有 config.json 文件:

# 进入项目
cd projName

# 查看配置文件
cat config.json

web运行

hera run web

Android中运行 如果想要在安卓虚拟机或真机上运行,需要安装 Android Studio 以及: Android SDK Platform 25 Android SDK Build-Tools 25.0.3 Tips:如果对Android环境搭建不清楚的可以自行查询资料。 然后使用命令查看设备是否连接,命令如下:

adb devices

说明:如果提示adb不是可用命令,请确认PATH 环境变量中增加了%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\platform-tools 如果设备处于活跃状态会显示如下信息,如果列表为空或设备处于离线状态,请重新连接安卓手机或重启虚拟机。

List of devices attached
0ec123456    device

然后链接之后就可以运行了,运行的命令如下:

hera run android

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

以上都是在模拟器上运行的,如果想要在真机上运行,可以访问下面的介绍:https://weidian-inc.github.io/hera/#/ios/ios-real-device

目录结构说明

新建后的项目的目录结构如下:

├── README.md

├── android

├── docs

├── h5

└── ios

其中:android 和 ios 目录下为小程序API 在客户端上的实现; h5 目录下为小程序转换工具:将小程序转换为客户端可以执行的代码; docs 目录下为项目文档及主页生成器;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员互动联盟

【专业技术】Windows里面如何玩转线程?

我们在编写程序的时候,常常会需要一些线程的delay函数。这个问题说简单也简单,说复杂也复杂。比如很多人读知道delay直接用Windows的API函数Slee...

3484
来自专栏码匠的流水账

聊聊phantomjs的优化措施

phantomjs相当于一个后台浏览器,有点内嵌jetty的味道,通常在自动化测试或者爬虫领域用。

2061
来自专栏前端杂谈

广告等第三方应用嵌入到web页面方案 之 使用iframe嵌入

4907
来自专栏深度学习之tensorflow实战篇

菜鸟学mongodb,11天从mongodb初级到中级进阶秘籍,整理中

MongoDB是一个NoSQL数据库。 它是一个开源,跨平台,面向文档的数据库。此MongoDB chat包括MongoDB数据库的安装,IDE选择,基本操作等...

35310
来自专栏Jackie技术随笔

《UNIX网络编程》源码编译

2837
来自专栏张戈的专栏

替代crontab,统一定时任务管理系统cronsun简介

摘 要 cronsun 是一个分布式任务系统,单个节点和 Linux 机器上的 crontab 近似。是为了解决多台 Linux  机器上 crontab 任...

1.6K13
来自专栏前端儿

移动前端页面与Chrome的远程真机调试

前几日刚入手新手机小米5,系统真心流畅呀。为啥要买小米5呢,因为要提高生产力呀,好好玩移动前端开发呀哈哈哈

5593
来自专栏zhangdd.com

nginx解决WordPress修改固定链接后404错误的方法

由于wordpress博客站点刚开始使用的时候忘记更改固定链接,使用的是默认的朴素固定连接   https://www.xxx.com/?p=123 ,这样显示...

1262
来自专栏程序员互动联盟

【专业技术】Windows编程技巧小结

我们在编写程序的时候,常常会需要一些线程的delay函数。这个问题说简单也简单,说复杂也复杂。比如很多人读知道delay直接用Windows的API函数Slee...

3585
来自专栏做全栈攻城狮

安卓开发教程-实战网页源代码查看器,安卓程序员必备

本系列教程致力于可以快速的进行学习安卓开发,按照项目式的方法,通常一篇文章会做一个小程序。提高学习的兴趣。

2123

扫码关注云+社区

领取腾讯云代金券