react-app-shell/activity/README.md

react打包脚本和example, 这里的版本请忽略

# H5活动项目

## 技术栈
* es6/es7 + react@15.6 + react-router + mobx  + fetch + webpack

## 快速开始

### 开发
* 环境配置文件: `src/config/app-config.js`, 比如: 接口的domain地址

``` bash
# 克隆代码，安装依赖
$ git clone xxx
$ cd xxx
$ git checkout develop #切换到develop分支
$ yarn

# 启动方式
$ npm run dev
$ http://localhost:3000/ #打开浏览器, 默认3000端口
```

### 启动脚本
``` bash

# build-staging, 测试环境编译打包脚本
$ cross-env NODE_ENV=staging node scripts/build.js

# 测试环境 微信调试为开启, src/utils/wechat-utils.js > debug:true
# NODE_ENV=staging staging
# PUBLIC_URL=/xxxx, 设置项目path目录, 默认不需要设置
# 默认 GENERATE_SOURCEMAP=true ,测试环境会生成 SourceMap, 方便在浏览器里debug

# --------------------------------------

# build-prod, 生产环境编译打包脚本
$ cross-env NODE_ENV=production GENERATE_SOURCEMAP=false node scripts/build.js

# 生产环境 微信调试为关闭, src/utils/wechat-utils.js > debug:false
# NODE_ENV=production 设置环境为production
# PUBLIC_URL=/xxxx, 设置项目path目录, 默认不需要设置
# GENERATE_SOURCEMAP=false ,生产环境不生成 SourceMap

```

### 域名信息
1. 开发环境
    1. 团购 http://dev.mmears.com/fe-activity/group

2. 测试环境
    1. 团购 http://staging.mmears.com/fe-activity/group?groupId=132
    
3. 生产环境
    1. 团购 https://mobile.mmears.com/fe-activity/group
    

### 公众号配置
1. 开发和测试环境使用 `魔力好家长` 公众号, appId = wxd7ec12bd329457fb
2. 生产环境使用 `魔力耳朵` 公众号, appId = wxa86689ab270599d4


### 微信公众号主动授权
1. 公众号解释
    1. MAIN: H5主公众号, 测试环境使用 "魔力好家长公众号", 生产环境使用 "魔力耳朵公众号"
    2. ACTIVITY: H5活动的公众号, 测试环境使用 "魔力好家长公众号", 生产环境使用 "21天训练营公众号"    

2. 添加授权修饰符 `@checkUserAuth({account: AccountsType.MAIN})`

```javascript

// 主公众号
@checkUserAuth({account: AccountsType.MAIN})
class AAAAAA extends Component {}

// 活动公众号
@checkUserAuth({account: AccountsType.ACTIVITY})
class BBBBBB extends Component {}

```

3. 为组件注入了属性 "authUrl"   
主动授权的地址, 会注入到内部组件的属性里, 如果接口对授权信息校验失败, 业务组件可以根据该地址跳转并重新授权