快速跑通vue-chat？

1. 前置说明

1. 需要先官方申请试用Web SDK及专业版 IM-Server，申请试用请参考试用服务
2. 将app-server 和 im-server 部署在同一台服务器，且暂不开启 https/wss 支持
3. 本教程仅仅演示如何快速跑通野火IM Web 端，线上使用时，需要配置 https 等
4. 由于浏览器限制，未配置 https 情况下，仅http://localhost访问页面时，支持音视频通话
5. 假设Web SDK和专业版 IM-Server 绑定的域名是im.example.com， 也可以是 ip

2. 端口说明

1. 会使用到 80、1883、8083 端口，防火墙或安全组，一定要开放这些端口的访问
2. 如果端口被其他应用占用，请使用一台专门的主机

3. 部署专业版 im-server

3.1. 修改 im-server 配置

server.ip             im.example.com
http_port             80 # 这个端口不能修改，除非使用自定义端口的 SDK，否则修复后移动客户端将连不上 im-server
websocket_port        8083 # ws 端口
local_port            80 # 正要保证和 http_port 一致

3.2. 启动专业版 im-server

1. 参考野火IM服务器的部署

检查项

1. 访问http://im.example.com/api/version，看是否返回一个 json 文本
2. 用这个在线工具，检查 ws://im.example.com:8083 是否工作正常

4. 部署 app-server

1. 不用改任何配置，采用默认配置即可
2. 参考应用服务器的部署

检查项：

1. 访问http://im.example.com:8888，确认是否返回OK两个字符

5. 本地运行 vue-chat

5.1. 修改 vue-chat 配置

1. 替换proto.min.js，用通过邮件获取的，绑定im.example.com域名的proto.min.js替换项目里面对应的原始文件
2. 修改vue-chat项目config.js文件中相关配置，如下：

// 关闭WSS
static USE_WSS = false;
// HTTP 端口
static ROUTE_PORT = 80;

// APP SERVER的地址。启用https时，APP SERVER必须是https地址
static APP_SERVER = 'http://im.example.com:8888';

1. 执行npm install --registry=https://registry.npmmirror.com --loglevel verbose 安装相关依赖
2. 执行npm run serve启动vue-chat
3. 点击使用密码/验证码登录 -> 使用验证码登录，切换到使用验证码登录界面
4. 使用手机号 + 验证码登录，不用发送验证，默认验证码是 66666(5个6)。