Vor langer Zeit mal hatte ich kurz Jappix als Webinterface für unseren XMPP-Server laufen. Das Projekt ist nun aber leider tot. Es gibt aber einige XMPP-Webfrontends. Conversejs ist eigentlich noch ganz cool und man hat es auch recht schnell laufen, was mir ganz gut gefiel und deshalb also mal testen… (wollte ich schon seit langem, aber wie’s halt so ist…)

Eigentlich reicht dieser Schnipsel und wir sind schon ready (siehe auch QuickStart Guide). Ich gehe nicht auf die XMPP-Konfiguration und XMPP-Bosh ein, was natürlich Grundvoraussetzung für’s ganze ist.

<link rel="stylesheet" type="text/css" media="screen"     href="https://cdn.conversejs.org/css/converse.min.css"> <script src="https://cdn.conversejs.org/dist/converse.min.js"></script> converse.initialize({      
   bosh_service_url: 'http://localhost:5280/http-bind/',   
   keepalive: true,   
   message_carbons: true,   
   play_sounds: true,   
   roster_groups: true,   
   show_controlbox_by_default: true,   
   xhr_user_search: false 
});

Alle möglichen Parameter findet man in der Dokumentation.

Das ganze könnte man nun einfach in eine separate Seite schmeissen. Aber ich hätte es schon gerne direkt auf der Startpage, einfach minimiert.

Damit das so in Hugo gemacht werden kann, muss der Code nicht in ein Markdown-File geschrieben werden, sondern in die entsprechende Page des Templates. Ich habe das Home-File dazu verwendet (mir reicht das dort, ansonsten würde sich wohl footer.html anbieten, wenn man es auf allen Seiten haben möchte…) Diese Files findet man unter themes/theme-name/layouts/partials/

   ...    [Original-Template des Themes]    ...   
</div> </section> <link rel="stylesheet" type="text/css" media="screen"   href="https://cdn.conversejs.org/css/converse.min.css"> <script src="https://cdn.conversejs.org/dist/converse.min.js"></script> converse.initialize({      
   bosh_service_url: 'http://host.tld/http-bind/',   
   keepalive: true,   
   message_carbons: true,   
   play_sounds: true,   
   roster_groups: true,   
   show_controlbox_by_default: false, //nicht fullscreen hier... 
   xhr_user_search: false 
});

Der nächste Schritt ist nun also, das ganze auch auf dem eigenen Server zu hosten…