installation

安装开发环境

安装 ionic2

如果对 ionic2 还没有了解过，建议直接阅读官方文档：ionic2->installation

$ npm install -g ionic cordova

在 Mac OS 下可能需要 sudo 权限。

获取本项目源代码

$  git clone https://github.com/wujun4code/DoChat.git

部署服务端

为了安全，防止您的应用被恶意攻击，聊天服务的签名鉴权需要在服务端进行，因此您需要安装 LeanCloud 命令行工具

$ brew install lean-cli

然后按照文档介绍，在命令行登录您的 LeanCloud 账号和密码：LeanCloud 命令行工具

$ lean login

接着打开项目的根目录，你会看见如下结构：

├── chatkit-client      // 客户端源代码
├── chatkit-server      // 服务端代码
├── README.MD           // 项目的介绍文档
└── LICENSE             // 项目的版权文件

因此，你需要进入到 chatkit-server 文件夹：

$ cd chatkit-server

接着，直接部署：

$ lean deploy

注意，在 lean deploy 之后需要选择你在 LeanCloud 的目标应用。并且这个应用的 AppId 以及 AppKey 在后面的步骤是需要使用的。

然后按照提示操作进行，直到在服务端部署成功。

部署客户端

回到项目根目录，新建一个命令行窗口，进入 chatkit-client 文件夹:

$ cd chatkit-client

ionic2 在本地调试有几种方式，第一种就是常用的 Web 端调试，它会在本地启动一个模拟的客户端，而客户端的载体是浏览器（Chrome & Safari & IE & Edge），首先，你需要将项目里面的 AppId&AppKey 替换成你的 AppId&AppKey，找到配置文件 lc-global.ts(/chatkit-client/src/components/lc-global.ts)，找到其中的 lcGlobal 配置项，它的内容如下：

export var lcGlobal = {
    leancloud: {
        appId: '3knLr8wGGKUBiXpVAwDnryNT-gzGzoHsz',
        appKey: '3RpBhjoPXJjVWvPnVmPyFExt',
        region: 'cn',
        publicConId: '57fc97f55bbb50005b3a25a9'
    },
    realtime_config: {
        localCache: false
    }
};

你需要做的事情是：把对应的 appId 以及 appKey 以及 region（中国或者北美节点），换成你当前应用即可。

接着你只需要执行如下命令行：

$ ionic serve -c

输入参数 -c 是为了可以在控制台直接打印日志，方便调试。

等待一会儿，ionic 会自动打开系统默认的浏览器，访问 http://localhost:8100/。

如果一切顺利，您将看见一个登录页面。

至此，整个项目已经成功的运行起来了。