Open5 - 基于阿里云 Open API 的开源 H5 生成工具

项目主页： http://open5.net/

查看演示： http://open5.net/try

特性

• 基于阿里云 Open API, 抛弃传统的服务器开发方式, Open5 直接连接阿里云 Open API, 更高开发效率, 更低维护成本; 海量的存储空间，能支持同时间内高并发、大流量的读写访问; 对存储空间、网络流量、请求次数，按照用户实际使用量进行计费，节省用户的成本
• 简单 -- 为设计而优化的场景编辑界面
• 强大 -- 支持图片, 文字, 音乐, 动画以及模板
• 有用 -- 活动促销, 企业宣传, 移动上云

环境

Open5 使用 Node 作为初始开发环境, 在了解 Open5 的工作原理之后, 你完全可以将 Open5 接入到自己的开发环境中, 其实 Open5 最终提供的仅仅是两个在浏览器中运行的 js 和 css 文件.

• Git
• Node 安装: node.js官网
• gulp 安装: npm install -g gulp
• bower 安装: npm install -g bower

准备工作

• 申请阿里云账号: 注册账号
• 进入 AK 控制台, 创建你的阿里云根 AK: 创建
• 进入 OSS 控制台 (https://oss.console.aliyun.com/index#/)
  • 创建 Bucket, 读写权限设置为 公共读
  • 为 Bucket 设置 cors, 其中来源为 *, Method 为 GET, POST, PUT, DELETE, HEAD, Allowed Header 为 *
  • 根据需要开通图片服务
• 进入 RAM 控制台, 开通 RAM 服务, 请注意如果 RAM 还在公测阶段的话, 需要先申请公测资格.

使用方法

• 下载代码

git clone https://git.oschina.net/chylvina/open5.git

• 安装模块依赖

npm install

• 安装bower第三方库

bower install

• 打开 config.default.js , 按照提示输入配置信息, 然后另存为 config.js

• 执行 setup，配置账户

node tools/setup.js

• 启动应用

node server.js

• 打开浏览器访问: localhost:7000/#/app/demo.json

License

GPL v2