Skip to content
forked from bmfe/eros

Simple and rapid development of small and medium sized app based on weex and vue.

License

Notifications You must be signed in to change notification settings

weue/eros-template

 
 

Repository files navigation

Intro

eros 是基于 weex 封装面向前端的 vue 写法的解决方案,由于 app 开发的特殊性,eros 则更偏重关心于整个 app 项目。

优势:

  • eros 对 weex 官方进行二次封装,能及时跟进 weex 的新特性,
  • eros-cli 支持生成开发模板,更新平台相关依赖,打包等,在熟悉了 eros 之后,对于中小型 app 应用能进行快速迭代。
  • eros-cli 和 eros-publish 的搭配使用,可以搭建简易增量发布。
  • 在开发中能更少的关注 weex 版本升级和本身的兼容性问题。(综合在一个平台,当你遇到一个兼容性问题,当 eros 修复了,就是其他人少遇到一个问题,节约的是大家的时间)
  • 跟 weex 一样,给 vue 开发者另一个舞台。

不足:

  • weex debug 会出现些问题,eros 已经有方法解决,但不完美,还需要改进。
  • 由于人手不足,许多功能可能并不完善,修复可能需要大家的参与。
  • 由于 eros 本身是从公司业务冲抽离出来的,有些代码冗余和不规范。
  • 客户端依赖还未做动态加载,导致包体积会稍微大一些。

eros 在尽全力弥补不足。

功能:

  • 客户端拓展了数十个 module
  • 提供 appboard 机制来减少包体积
  • 内置了一套完整的 widget ,可根据业务自行修改
  • eros-publish 提供了服务器端增量发布更新逻辑
  • eros init 生成开发模板
  • eros dev 启动服务进行实时开发效果查看和 debug 调试
  • eros install 更新开发平台所需 eros 依赖
  • eros pack 打对应平台内置包
  • eros build 支持生成全量包,增量包,并内置与更新服务器交互逻辑
  • eros update 同步更新模板内容
  • 支持 vue、sass、stylus、less、babel
  • 支持 weex 的 vue 入口式开发和 js 入口式开发
  • 等等...

Required

开发之前您需要学习 weex 知识,并且能熟练使用 vue 开发,文档地址如下。

Docs

Support

跟随着 weex 的支持性,但目前我们并不支持开发代码兼容 web 端

  • Android 4.1 (API 16)
  • iOS 8.0+
  • WebKit 534.30+

Environment

以下为不同 OS 开发不同客户端所需环境。

hosts

为了真机调试,我们需要配置一个下hosts文件,添加如下地址,当然您也可以默认为公司固定资源文件访问地址,这样通过证书还能进行线上抓包分析问题。

127.0.0.1   app.weex-eros.com

脚手架所需环境:

darwin:

  • Node.js (>=6.x), npm version 4+
  • Python 2,并配置到环境变量中

windows:

  • Git bash
  • Python 2,并配置到环境变量中。
  • .NET Framework 2.0 SDK 或以上 (Window 10 安装4.0及以上)
  • Microsoft Visual Studio 2005 或以上

脚手架安装:

$ npm i eros-cli -g

如果你在中国地区,我们还是推荐您使用 cnpm 安装

$ cnpm i eros-cli -g 

darwin 开发 iOS:

  • Xcode
  • CocoaPods
    • 升级 Ruby 环境:$ sudo gem update --system
    • 移除现有 Ruby 镜像:$ gem sources --remove https://rubygems.org/
    • 添加ruby-china镜像:$ gem source -a https://gems.ruby-china.org/
    • 安装 CocoaPods:$ sudo gem install cocoapods
    • 如果以上命令报错则执行:$ sudo gem install -n /usr/local/bin cocoapods --pre
    • 最后执行:$ pod setup 过程比较漫长,请耐心等待执行完成

darwin/windows 开发 Android:

JDK 是 JAVA 开发包,AndroidStudio 是 Android开发IDE,这两项不再做过多介绍。

如果您使用虚拟机进行跨平台开发,也需要配置好对应平台的所需环境。

模拟器安装

  • ios 开发中 xcode 已经自带了模拟器
  • android 开发者可以下载 Genymotion

Start

  1. 首先通过脚手架自动生成开发模板(我们不推荐用sudo来执行脚手架的任何指令)
$ eros init

按提示选择模板,填写 app/项目名称和版本后在当前路径下会生成对应模板,然后 cd 到项目中

  1. 下载所需依赖
$ npm install
$ eros install
  1. 安装完依赖之后:
  • iOS: 会自动打开 Xcode ,然后选择一个模拟器,点击左上角的播放(运行)按钮,即可看到内置包中已经内置好的 eros demo.

  • Android:开发者需要多几个步骤:

  1. 点击AndroidStudio上方的 File--->New--->Import Project。
  2. 找到eros在你本地的地址,选择 platforms/android/WeexFrameworkWrapper ,点击OK。
  3. 待项目构建完成,点击 AndroidStudio 上方工具栏的 Run ,即可运行项目。

注意:

第一次打开 AndroidStuido 时,由于本地环境未配置好,AndroidStuido 会提示错误,按照 IDE 提示,大部分环境问题都可以解决。

Developing

开发文档

debugging

调试文档

Ecosystem

Project Description
eros-cli 简单的 eros 项目构建工具,可以提供搭建,开发,调试和发布等功能。
eros-publish 简单的服务器差分包更新逻辑,需要和脚手架搭配使用。
eros-ios-library eros ios Weex 项目依赖库。
eros-ios-sdk eros ios Weex sdk。
eros-android-framework eros weex 移动解决方案安卓端框架。
eros-android-widget eros 安卓组件库。
eros-android-sdk eros 安卓移动解决方案安卓端 WeexSDK。

About

Simple and rapid development of small and medium sized app based on weex and vue.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 62.6%
  • JavaScript 16.1%
  • CSS 9.9%
  • HTML 9.4%
  • Java 1.1%
  • Objective-C 0.7%
  • Other 0.2%