基于Openfire+Apache+Candy搭建聊天室

Openfire:是免费的、开源的、基于可拓展通讯和表示协议(XMPP)、采用Java编程语言开发的实时协作服务器。

Apache:基于http协议的web服务器。

Candy:基于JavaScrip的多用户聊天室客户端。

步骤:

  • 安装openfire XMPP服务器
  • 安装Apache HTTP服务器
  • 下载Candy
  • 集成配置
  • 登录测试

安装Openfire服务器

下载地址:https://www.igniterealtime.org/downloads/ ,选择对应版本下载即可。

安装:可参考https://blog.****.net/yin13753884368/article/details/71080908 。

安装Apache服务器

下载:可以选择下载apache服务器安装,也可以选择下载带有apache的集成软件包,这里下载的是XAMPP(地址:https://www.apachefriends.org/index.html)。

安装:基本一路next,如后续使用有端口冲突,可参考https://jingyan.baidu.com/article/48a42057bda4d0a9242504b8.html 。

下载Candy

官网地址:http://candy-chat.github.io/candy/      

项目地址:https://github.com/candy-chat

集成配置

openfire

1.openfire服务器基本信息

基于Openfire+Apache+Candy搭建聊天室

2.配置http绑定

基于Openfire+Apache+Candy搭建聊天室

3.配置聊天室和添加用户

  • 创建房间,添加一个hello的房间

基于Openfire+Apache+Candy搭建聊天室

  • 创建用户,添加用户test,密码1234;用户test2,密码1234。

基于Openfire+Apache+Candy搭建聊天室

Candy

将下载好的candy压缩文件解压,将candy目录放入<xampp_install_dir>/htdocs 目录下

基于Openfire+Apache+Candy搭建聊天室

配置candy/example下的htaccess文件(配置rewrite规则),红色方框部分需要修改,此处应为xmpp服务器的地址 本机可写成localhost 或者是127.0.0.1 后面的端口号为http绑定中的端口 号要一样

基于Openfire+Apache+Candy搭建聊天室

并将其重命名为.htaccess,直接重命名文件windows下不允许,可以用以下方式:

开始-运行-键入cmd,打开cmd窗口,键入以下(不包括括号内信息):

     copy con .htaccess (回车)

    (按Ctrl+Z 回车)

       屏幕提示:已复制 1 个文件。

       基于Openfire+Apache+Candy搭建聊天室

 

配置example下的index.html文件,这是candy的入口,需要修改两处

1.引用的jquery文件路径,考虑如果不能上网,需要将jquery下载到本地,并引用

2.修改Candy的初始化,设置自动加入房间hello。hello的地址在openfire管理页面查看

基于Openfire+Apache+Candy搭建聊天室

第一个红色的部分是因为jquery的库访问不了,于是在本地引入了js文件,可自行百度下载。

第二个红色部分是将原来的注释掉,蓝色框中的为房间的地址,可在openfire中查看

基于Openfire+Apache+Candy搭建聊天室

配置XAMPP下的apache

进入XAMPP的安装目录,找到apache->conf->httpd.conf,保持rewrite,proxy,proxy_http module 可用(去掉前面的注释'#')

读取.htaccess文件需要对应项目的AllowOverride属性。可以选择在根目录或者对应项目中开启,这里直接在根目录开启

基于Openfire+Apache+Candy搭建聊天室

登录测试

确保openfire开启后,打开XAMPP,开启apache服务器,然后在浏览器输入以下地址。

基于Openfire+Apache+Candy搭建聊天室

基于Openfire+Apache+Candy搭建聊天室

红色方框部分:admin表示用户名,@后面的那一串是我的openfire的服务器名称

登录后就会进入聊天室,然后可同样方式登录test和test2。

基于Openfire+Apache+Candy搭建聊天室

 

到此环境搭建完毕。