一、前言
騰訊QQ，微信我們大家一直在用的聊天工具。一直想着自己搭建一套類似QQ的聊天工具，最近發現了一款“融雲”的聊天平臺。可以滿足聊天功能。
它支持應用內社交等場景，體驗單羣聊、聊天室、音視頻通話、紅包、小視頻、動態表情等通訊能力。
它的源碼在Github都能找到，Android端，Ios端，Web端，Server端源碼都有。今天先搭建一套Web版的聊天工具。
二、搭建步驟
1.Server端環境搭建
1.下載項目
git clone https://github.com/sealtalk/sealtalk-server
2.獲取融雲App Key和App Key
訪問地址：https://www.rongcloud.cn/ 註冊融雲賬號，並創建應用
3.修改配置文件
修改 src/conf.js的內容：這裏主要修改下數據庫信息和融雲的配置信息
module.exports = {
// 認證 Cookie 名稱, 可根據業務自行定義
AUTH_COOKIE_NAME: 'rong_auth_cookie',
// 認證 Cookie 加密密鑰, 可自行定義, 任意字母數字組合
NICKNAME_COOKIE_NAME: '',
// 認證 Cookie 過期時間, 單位爲毫秒
AUTH_COOKIE_MAX_AGE: '2592000000',
// 融雲頒發的 App Key
RONGCLOUD_APP_KEY: '8ljko22vuee',
// 融雲頒發的 App Secret
RONGCLOUD_APP_SECRET: 'y0je2id4h1LWz',
AUTH_COOKIE_DOMAIN: 'devtalk.im',
CORS_HOSTS: 'http://web.devtalk.im',
// 本服務啓動後佔用的 HTTP 端口號
SERVER_PORT: '8585',
DB_NAME: 'sealtalk', // 需保證 mysql 中包含此庫
DB_USER: 'devtalk',
DB_PASSWORD: 'devtalk',
DB_HOST: '127.0.0.1',
DB_PORT: '3306'
};
4.執行命令
node install.js //安裝依賴
npm install -g pm2 //安裝pm2工具
pm2 start src/index.js --name sealtalk-server //啓動服務
pm2 list //查看服務列表
pm2 logs //查看日誌
pm2 log id/name //查看日誌
pm2 -h //幫助文檔
執行pm2 list 有名稱爲sealtalk-server表示服務啓動成功。
2.Web端環境搭建
1.下載項目
git clone https://github.com/sealtalk/sealtalk-web
2.修改配置
修改配置文件src/app.config.js
window.__sealtalk_config = {
serverUrl: "http://localhost:8585", // 此處填寫您部署的 App Server 地址
appkey: "appkey" // 此處填寫您的融雲 AppKey
};
3.執行命令
npm install -g typescript coffee-script grunt-cli //項目初始化
npm install -g bower //全局安裝bower
bower install //安裝bower依賴
npm install -g grunt-cli //全局安裝grunt
grunt build //grunt構建項目
grunt release //發佈正式代碼
grunt connect //啓動本地服務
4.Docker運行前端項目
docker run -d -p 9001:80 -v /usr/myWorkSpace/im/code/sealtalk-web/build:/usr/share/nginx/html --name docker.io/nginx
注：這是我在服務器運行的命令，本地搭建可忽略。
5.Web端訪問
在瀏覽器訪問：http://www.restlessman.cn:9001/
測試賬號：18629693995 密碼：123456
3.其他操作
1.端口無法訪問
1.我使用的阿里雲，新增加對外暴露端口的時候需要添加安全組（我使用的阿里雲客戶端）
2.寶塔端口未開放
2.基礎工具的安裝
-
Git，Npm，maven，Mysql
3.用戶註冊
-
訪問首頁，首頁地址：http://www.restlessman.cn:9001/
-
進入註冊頁面，填寫
暱稱，手機號，然後點擊發送驗證碼，在短信驗證欄輸入9999,最後輸入密碼，點擊註冊即可完成登錄。
四、最後
今天介紹了一下Web版的搭建步驟，整理操作其實不難，有興趣的話可以按照上面的步驟操作，給自己的服務器上搭建一套 web 版的聊天工具，先使用着。下一篇文章我會介紹Android客戶端的搭建，我們就可以完成客戶端的即時通訊了！
附錄：
文章推薦
不安分的猿人
孜孜不斷的技術分享！
END