产品 微信小程序运行框架 (微店开源版)

es6china · 2017年12月06日 · 最后由 xiaoyan2015 回复于 2018年06月06日 · 1019 次阅读
本帖已被设为精华帖!

微店开源了小程序运行框架,那么这里跟我一起来了解一下吧。

这里我们只做一个简单的了解,并且只以web端为例进行安装上手,其它的请查看微店小程序开源版官方网站

快速上手

这篇文章会带领你使用Hera-Cli来创建一个小程序项目,并指导按需搭建相应平台的开发环境.

我们这里只Windows和web平台来做一个简单的介绍。

前端依赖

需要在系统中安装 Node.js 环境, 使用以下方法确认系统中 Node 的版本(未安装的请进行安装并测试是否安装成功):

node -v

如果得到的版本低于v7.6.0,或是提示找不到 node 命令,请点此下载最新的 Node 环境安装包

Tips: 如果下载时出现网络问题,可以尝试使用 nrmnpm 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:戴越越、丁俊杰、彭观发
共收到 1 条回复
es6china 将本帖设为了精华贴 12月07日 10:22

这个是我的技术博客,欢迎大家访问。😀 https://blog.csdn.net/xiaoyan_2015

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册