Sunday, October 13, 2013

Web chat with EJabberd XMPP server, step by step to build a chat system

What is the webchat look like with EJabberd, an XMPP application server, look like?
(Only 10$/h or 10% market price I provide Full Business Software Solution: Mobile App and Web App)


1. Log in to an XMPP server, here I use my EJabberd server, http://112.213.94.35:5280/http-bind , with bosh service (XMPP Over BOSH).

2. Contact requests from test2@rr1 that display on test1@rr1
3. test2@rr1 contact name be display on list contact of test1@rr1, after test1@rr1 accept the contact request that come from test2@rr1

4.  test1@rr1 be in contact list of test2@rr1
5. test2@rr1 sent a meassage to test1@rr1

6. The massage displayed at test1@rr1 after send from test2@rr1
7. Thanks message from test1@rr1 to test2@rr1

 8. The thanks message displayed at test2@rr1 side
9. EJabberd, XMPP application server, admin management site look like

 B. How to setup and configure an XMPP server by EJabberd?
10. Browse to http://www.process-one.net/en/ejabberd/archive/ to download EJabberd server setup application for Windows operation system
11.  Click to run Ejabberd setup file for Windows
12.  Welcome to the EJabberd Setup Wizard
13.  Accept the License Agreement

 14.  Installation Directory

 15. EJabberd server domain

 16. Administrator username

 17.  Administrator password

 18. Can be choose stand alone or a node of a cluster

 19. Ready to install EJabberd server

 20.  Installing EJabberd server

 21.  Start EJabberd

 22. Starting ejabberd ...

 23. Click on admin interface to browse to admin site of EJabberd

 24. Log in to admin site of EJabberd server
25.  The admin site of EJabberd server look like
26.  Detail of a Virtual Hosts look like
27. Download XMPP javascript source and example from http://conversejs.org/

28.  Open ejabberd configure file to change local ip to public ip

29.  Need change from localhost ip to a public ip if we want to work with world wide client application

30. Whenever want to change the bosh server
from https://bind.opkode.im to http://yourServerIP:5280/http-bind

31. Custom EJabberd for standard template of BlogSpot, add css code (style.css) that download from Conversejs.org
32.  Add Chat Panel and script to display the panel and bind to posh service of Ejabberd
33. Chat panel displays look like


Using ejabberd with MySQL native driver


You can test the xmpp web chat from the blog

God bless us!

Thanks God and Thanks all!

Only 10$/h or 10% market price I provide full Business Software Solution: mobile app (iOS and Android), Intranet Portal by SharePoint Online or On-Premise, Business Web App, Business Workflow, Power Bi, E-Office, Document Management, Chat system, Customer Interaction Center, Dynamics AX, Dynamics 365.

Or very happy to join your team to develop Mobile App or Business Web App.

Thank you!


Phone: +60 115 199 2689 (also on WhatsApp, Viber, Zalo)
Email or Skype: ThomasTrungVo@Hotmail.com
Gmail: SharePointTaskMaster@Gmail.com
LinkedIn: https://www.linkedin.com/in/abc365/

at

5 comments:

  1. kaushikOctober 23, 2013 at 4:34 PM

    please give me complete source code.

    when i run github code in my browser then toggle button is not popup so please help me .i cant do anything from index.html file

    ReplyDelete
  2. SharePointTaskMasterDecember 18, 2013 at 3:53 PM

    Dear Kaushik,

    Please see more detail with step 31, 32, and 33 with simple template of blogspot

    God bless us!

    ReplyDelete
  3. AnonymousMarch 6, 2015 at 4:36 PM

    do we need to change style.css ? is it mandatory ?

    ReplyDelete
  4. UnknownMay 2, 2016 at 1:35 PM

    i am using public IP address for ejabberd chat but now want to shift to Domain But my previous apps are using IP address and new are using Domain. So i want chat works with IP address to Domain as domain is mapping with that IP. I am able to do chat using IP address and also with Domain in 2 devices. But not with IP in one device and domain in another. Please help me.

    ReplyDelete
  5. UnknownOctober 10, 2016 at 7:21 PM

    it's possible to use port 80 or 443 with ejabberd?¿ or jwchat

    ReplyDelete