[[bestWebPrax]]
== Best Practices for Connecting to Tigase XMPP server From Web Browser
:author: Andrzej Wojcik <andrzejw@tigase.org>
:version: v2.1, June 2017: Reformatted for v8.0.0.

Currently we have 2 ways to connect to Tigase XMPP Server from web browsers:

. BOSH (Bidirectional-streams Over Synchronous HTTP)
. WebSocket (XMPP over WebSocket)

You will find more information about these ways for connecting to Tigase XMPP Server with some useful tips below.

== BOSH
BOSH protocol specified in link:http://xmpp.org/extensions/xep-0124.html[XEP-0124] is one of first protocols defined to allow to establish XMPP connection to XMPP servers from web browsers due to this protocol being widely supported and used. It is also easy to use in single server mode. It's enabled by default in Tigase XMPP Server and available at port 5280.

In clustered mode we can deploy it with load balancer deployed with guarantees that each BOSH connection from web browser will be forwarded to same Tigase XMPP Server instance. So in clustered mode if we have two XMPP server `t1` and `t2` which are hosting domain `example.com` we would need to have load balancer which will respond for HTTP request to domain `example.com` and forward all requests from same IP address to same node of a cluster (i.e. all request from `192.168.122.32` should be forwarded always to node `t1`.

[[tip_1_bosh_in_cluster_mode_without_load_balancer]]
=== Tip #1 - BOSH in Cluster Mode Without Load Balancer

There is also a way to use BOSH without load balancer enabled. In this case the XMPP client needs to have more logic and knowledge about all available cluster nodes (with names of nodes which will identify particular cluster nodes from internet). Using this knowledge XMPP client should select one random node from list of available nodes and always establish BOSH connections to this particular node. In case if BOSH connection fails due to network connection issues, the XMPP client should randomly pick other node from list of rest of available nodes.

_Solution:_

Tigase XMPP Server by default provides server side solution for this issue by sending additional `host` attribute in `body` element of BOSH response. As value of this attribute Tigase XMPP Server sends domain name of server cluster node to which client connected and to which next connections of this session should be opened.
It is possible to disable this custom feature by addition of of following line to `etc/config.tdsl` config file:

[source,dsl]
-----
bosh {
    'send-node-hostname' = false
}
-----

_Example:_

We have servers `t1.example.com` and `t2.example.com` which are nodes of a cluster hosting domain `example.com`. Web client retrieves list of cluster nodes from web server and then when it needs to connect to the XMPP server it picks random host from list of retrieved cluster nodes (i.e. `t2.example.com`) and tries to connect using BOSH protocol to host `t2.example.com` but it should send `example.com` as name of the server it tries to connect to (`example.com` should be value of `to` attribute of XMPP stream).

== WebSocket
WebSocket protocol is newly standardized protocol which is supported by many of current versions of browsers. Currently there is a draft of protocol link:https://datatracker.ietf.org/doc/draft-ietf-xmpp-websocket/[draft-ietf-xmpp-websocket-00] which describes usage of WebSocket to connect to XMPP servers. Tigase XMPP Server implementation of WebSocket protocol to connect to XMPP server is very close to this draft of this specification. By default Tigase XMPP Server has XMPP-over-WebSocket protocol enabled without encryption on port 5290. To use this protocol you need to use library which supports XMPP-over-WebSocket protocol.

=== Tip #1 - Encrypted WebSocket Connection

It is possible to enable encrypted WebSocket connection in Tigase XMPP Server. To do this you need to add following lines to `etc/config.tdsl` config file:
[source,dsl]
-----
ws2s {
    connections {
        ports = [ 5290, 5291 ]
        5290 {
            socket = 'ssl'
            type = 'accept'
        }
        5291 {
            socket = 'plain'
            type = 'accept'
        }
    }
}
-----
In this example we enabled WebSocket endpoint on port 5290 allowing unencrypted connections, and encrypted WebSocket endpoint on port 5291.
As this is TLS/SSL connection (no STARTTLS) it uses default certificate installed in Tigase XMPP Server instance. This certificate is located in `certs/default.pem`.

NOTE: There is no default configuration for non-default ports. All ports outside 443 MUST be configured.

=== Tip #2 - Encrypted WebSocket Connection - Dealing With Multiple VHosts
As mentioned in Tip #1 WebSocket endpoint is plain TLS/SSL port, so it always serves default certificate for Tigase XMPP Server instance. That is ok if we are hosting single domain and if default certificate matches matches our domain. But If we host multiple domain we cannot use `wss://example1.com:5291/` connection URL, if our default certificate is for domain `example2.com`. In this situation it is recommended to use the default certificate for the domain under which the server is accessible from the internet. This domain should identify this server, so this domain would not point to two nodes of a cluster. After we deploy separate certificate for each of cluster nodes, we should follow same tip as Tip #1 for BOSH. Our web-based XMPP client should have knowledge about each node of a cluster and when it needs to connect it should randomly select one node from list of available cluster nodes and try to connect using connection URL that would contain name of server under which it can be identified from internet.

_Example:_

We have servers `t1.example1.com` and `t2.example1.com` which are nodes of a cluster in hosting domain `example2.com`. Each of our nodes contains default SSL certificate with domain names matching the cluster node. Web client retrieves list of cluster nodes from web server and then when it needs to connect to XMPP server it picks random host from list of retrieved cluster nodes (i.e. `t2.example1.com`) and tries to connect using WebSocket encrypted protocol to host `t2.example1.com` using the following URL: `wss://t2.example1.com:5291/`. Upon connection the client should still send example2.com as name of server to which it tries to connect (`example2.com` should be value of to attribute of XMPP stream). This will allow browser to validate certificate as it will be for the same domain to which browser connects, and it will allow XMPP client to connect to domain `example2.com`, which is one of hosted vhosts.
