User Tools

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision		Previous revision
matrix:element-web [2025/03/11 08:22] – created willymatrix:element-web [2025/03/19 14:07] (current) – [Element Web] willy
Line 1: Line 1:
-===== Installation of Element Web app =====+===== J) Element Web =====
  
-Element Web app is a great web based UI for Matrix, that you can pair to your instance.+[[https://element.io/|Element]] is one of the most active player in the world of Matrix clients. They offer various clients for different platforms. to be honest, the clients are not always the top of the class, but the web client is nice and very easy to install and use.
  
-Again installing bare-metal is the way to go. See [[https://github.com/element-hq/element-web|here]].+Offering a web client for Matrix is good, because that will let you and your users login to Matrix from wherever. 
 + 
 +===== Installation ===== 
 + 
 +Installing bare-metal is the way to go. Element Web is a pure client-side web application, so all you need to do it basically download and serve it. 
 + 
 +See [[https://github.com/element-hq/element-web|here]].
  
 Download latest release tarball from [[https://github.com/element-hq/element-web/releases|here]] and decompress it: Download latest release tarball from [[https://github.com/element-hq/element-web/releases|here]] and decompress it:
Line 14: Line 20:
  
  
-===== Configuration of Element Web App =====+===== Configuration =====
  
 Rename the file called **config.sample.json** to **config.json** inside the //element-<< version >>// folder and edit accordingly, and to be sure to backup it properly, i suggest to move it to **/data/conduwuit**: Rename the file called **config.sample.json** to **config.json** inside the //element-<< version >>// folder and edit accordingly, and to be sure to backup it properly, i suggest to move it to **/data/conduwuit**:
Line 27: Line 33:
     "default_server_config": {     "default_server_config": {
         "m.homeserver": {         "m.homeserver": {
-            "base_url": "https://chat.gardiol.org", +            "base_url": "https://chat.mydomain.com", 
-            "server_name": "chat.gardiol.org"+            "server_name": "chat.mydomain.com"
         },         },
     "disable_custom_urls": true,     "disable_custom_urls": true,
Line 34: Line 40:
 </code> </code>
  
-at the beginning of the file. I suggest to disable both custom URLs and guests, to avoid your web instance to be used too openly. Please note that this **does not mean** that your instance will be used: Element X is a javascript app that works in the browser of the use anyway.+at the beginning of the file. I suggest to disable both custom URLs and guests, to avoid your web instance to be used too openly. Please note that this **does not mean** that your instance will be used: Element X is a javascript app that works in the browser of the use anyway and the user will always be allowed to login to any Matrix server. In this case, no traffic will go trough your server of course. 
 + 
 + 
 +===== Reverse Proxy ===== 
 + 
 +The only setup needed here is to actually serve the ElementWeb root folder at some path in your NGINX. The relevant part of the file is: 
 +<code> 
 +location / { 
 +     root /data/daemons/conduwuit/element-web; 
 +} 
 +</code>