# imlooke-app

**Repository Path**: imnote/imlooke-app

## Basic Information

- **Project Name**: imlooke-app
- **Description**: 基于node.js，react.js，socket.js开发的一款网页实时聊天应用，采用前后端分离模式，后端使用laravel框架。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2018-06-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## imlooke-app v0.3.0-beta.2

基于node.js，react.js，socket.js开发的一款网页实时聊天应用，采用前后端分离模式，后端使用laravel框架。

## build的过程

1.首先修改config文件下的开发、生产服务器地址
2.开始webpack打包
3.将lib转化为dist（es5）
4.静态文件转移到public文件夹

## 部署

1.启动redis
2.重启服务（或kill）
`NODE_ENV=production pm2 start ./bin/www --watch`

## 项目工程

#### 1.项目文件打包，并且将最终项目移至public文件夹
`npm run build`
#### 2.启动开发服务器
`npm run dev`
#### 3.启动生产环境
`npm start`
#### 4.pm2
`NODE_ENV=production pm2 start ./bin/www --watch`
#### 5.转化项目源文件为es5格式
`gulp es5`
#### 6.合并css文件
`gulp concat-css`
#### 7.压缩css
`gulp min-css`
#### 8.开启redis
`redis-server.exe redis.windows.conf`
`redis-cli.exe -h 127.0.0.1 -p 6379`

## 管理

1.定期清除由pm2生产的logs

## 注意事项

1.`redux-logger`在打包发布时手去除
2.升级node版本
3.CORS指定可访问主机
4.修改个人资料链接
5.上传头像方法未引入
6.好友的过期任务不可以再申请
```
"transform-strict-mode",
"transform-es2015-modules-commonjs",
"transform-es2015-spread",
"transform-es2015-destructuring",
"transform-es2015-parameters"
```

## 网站截图

![网站截图1](README_FILES/1.png)
![网站截图2](README_FILES/2.png)
![网站截图3](README_FILES/3.png)
![网站截图4](README_FILES/4.png)
![网站截图5](README_FILES/5.png)
![网站截图6](README_FILES/6.png)
![网站截图6](README_FILES/7.png)
![网站截图6](README_FILES/8.png)

## 安全检查

![网站截图6](README_FILES/9.png)