Skip to content
forked from roycms/open5

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

License

Notifications You must be signed in to change notification settings

baozhoutao/open5

 
 

Repository files navigation

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


项目主页: http://123.57.22.188:7000/

查看演示: http://123.57.22.188:7000/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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 82.9%
  • CSS 12.5%
  • HTML 4.6%