Protoshop Web

The WebApp for Protoshop

此项目是 Protoshop 的组成部分，负责在浏览器中创建原型。需要搭配服务器端使用。生成的项目可在移动终端查看（iOS/Android）。

Protoshop 项目运行在 protoshop.io 上。

本地预览

按下文安装完开发工具依赖之后，在 webapp 目录下执行命令 gulp server 即可启动本地服务器，预览项目。

开发工具依赖

克隆版本库之后，在本地安装如下依赖软件包：

1. Node.js & npm (http://nodejs.org/download/)
2. Bower (http://bower.io/)
3. Gulp (http://gulpjs.com/)

初始化本地开发环境

在项目目录下执行命令：

1. npm install —— 安装 node 模组
2. bower install —— 加载第三方库
3. gulp server —— 启动本地服务器

其他命令：

1. gulp -- 列出所有可用的 gulp 任务
2. gulp build -- 构建项目到 dist 目录

部署（Ctrip内部使用）

• gulp dist —— 发布 WebApp 界面代码到 Beta 服务器
• gulp dist:ctqa -- 发布 WebApp 界面代码到 protoshop.ctripqa.com
• gulp dist:io -- 发布 WebApp 界面代码到 protoshop.io

部署相关事项

• 部署应由专人负责
• 在部署之前应执行 gulp server:dist 测试 build 之后的 App 运行是否完整

开发规范

• HTML、CSS代码使用tab作为缩进符，JavaScript代码使用2个空格作为缩进符
• 代码推送到服务器仓库之前要做的事情：
  1. 本地运行gulp lint命令，执行代码规范检查
  2. 本地运行gulp server命令，检查应用运行功能完整、控制台无报错(如无后续用途，控制台输出的调试信息也要清理)
     之后即可推送到服务器仓库。
• 代码部署到应用服务器之前要做的事情：
  1. 部署之前要检查编译压缩后的应用是否功能完整、控制台无报错无调试记录