微店开源了小程序运行框架,那么这里跟我一起来了解一下吧。
这里我们只做一个简单的了解,并且只以web端为例进行安装上手,其它的请查看微店小程序开源版官方网站。
快速上手
这篇文章会带领你使用Hera-Cli来创建一个小程序项目,并指导按需搭建相应平台的开发环境.
我们这里只Windows和web平台来做一个简单的介绍。
前端依赖
需要在系统中安装 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
运行
hera run web
项目目录
目前该项目源码由以下部分构成:
.
├── README.md
├── android
├── docs
├── h5
└── ios
- android 和 ios 目录下为小程序API 在客户端上的实现
- h5 目录下为小程序转换工具:将小程序转换为客户端可以执行的代码
- docs 目录下为项目文档及主页生成器
特别说明
本项目h5部分的实现参考了微信小程序的框架实现,目前兼容了大部分微信小程序常用的api。hera内置的demo也是直接使用了微信小程序的官方demo并做了一些调整。在此特别感谢微信小程序开发团队。
代码贡献者(按字母排序)
- Android: 陈卓、廖朋伟、宋士民
- iOS: 何欣宇、孙宇、王艺桥
- H5:戴越越、丁俊杰、彭观发