# ng4Chat

**Repository Path**: hahahu/ng4Chat

## Basic Information

- **Project Name**: ng4Chat
- **Description**: angular4,Express4,MongoDB 简单聊天
- **Primary Language**: TypeScript
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-07-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 项目创建、安装
    1、  本实例参照了 ng4 的 quickstart
    2、  首先下载 quickstart 并运行 ok
    3.   基于 Express ，使用 Express Cli 创建项目作为后端
         http://www.expressjs.com.cn/
         创建项目 
         express ng4Chat
    4、  修改 app.js , 加入静态资源、加入前端 app 请参照 本项目之 history.md
    5.  从 ng4 的 quickstart 项目复制一下文件
        ** 我学习之初不会使用systemjs，可以模仿了 quickstart 的 app 结构
         package.json
         systemjs.config.js
         systemjs-angular-loader.js
    5、  安装依赖    npm install
    6、  npm install 安装不了 mongoose，必须再行再安装 
        yarn add  mongoose --save-dev
                   
## 运行，查看
    1.  运行        
            npm start
            或者 DEBUG=myapp npm start                   
    2、  前端查看 ：    
        打开浏览器 http://127.0.0.1:3000/
        最好打开多个窗口，或者多个浏览器，互相聊天
    3.  演示用用户名只有 4 个： wzh,cjq,zxc,mlj，无需验证密码（可以不输入密码，可以随意输入密码）
    4.  如果要是用 mongoose，请修改 bin/www 文件下，注释掉下面这句话
        useMongoDB = false;//如果没有数据库,就是用testData
        并预先启动 mongod （放在本机 127.0.0.1）
        如果不在本机，对应修改 mongod url （在 public/mongo、dbChat.js 以下这个代码）
        var db = mongoose.connect('mongodb://127.0.0.1/chat20170719',

## 修改、调试
    1、  如果修改了前端： app 目录下的 ys 文件，需要执行 tsc 编译
    2、  本人不熟悉 systemjs 是用，没有设置自动编译
    3、  修改了后端： app.js 或 /bin/www，不必编译    
    4、  修改了 组件 css或 html ，可以不必编译，但是需要重新加载