Nextcloud CODE Document Loading Failed Can't connect to Websocket

[BenMajestix]

I am having trouble using Collabora Code with Nextcloud Office.
Problem:
When opening a File (.odt, .docx) it loads a while and then it shows this Message:
“Document Loading Failed”

In the Browser Console these Messages appear (The messages are in order):

This has the Status “Bad Request 400”:

GET
	wss://collabora.benbartel.me/cool/https%3A%2F%2Fnextcloud.benbartel.me%2Findex.php%2Fapps%2Frichdocuments%2Fwopi%2Ffiles%2F113375_ocpdrauacjax%3Faccess_token%3D6IbfYMcvkYiJzUFOVCn6lm7UgXNT6ysU%26access_token_ttl%3D1692476505000/ws?WOPISrc=https://nextcloud.benbartel.me/index.php/apps/richdocuments/wopi/files/113375_ocpdrauacjax&compat=/ws

Firefox can’t establish a connection to the server at wss://mycollaboradomain/cool/https%3A%2F%2Fmynextclouddomain%2Findex.php%2Fapps%2Frichdocuments%2Fwopi%2Ffiles%2F113375_ocpdrauacjax%3Faccess_token%3D6IbfYMcvkYiJzUFOVCn6lm7UgXNT6ysU%26access_token_ttl%3D1692476505000%26permission%3Dedit/ws?WOPISrc=https%3A%2F%2Fmynextclouddomain%2Findex.php%2Fapps%2Frichdocuments%2Fwopi%2Ffiles%2F113375_ocpdrauacjax&compat=/ws.

FAILED Office.vue:217
    loadingTimeout Office.vue:217
    (Async: setTimeout handler)
    n Office.vue:216
    c Office.vue:77
    v Office.vue:77
    b Office.vue:77
    pm Office.vue:77
    o Office.vue:77
    hm Office.vue:77
    hm Office.vue:77
    load Office.vue:220
    t Office.vue:202
    c Office.vue:77
    v Office.vue:77
    b Office.vue:77
    pm Office.vue:77
    o Office.vue:77
    (Async: promise callback)
    pm Office.vue:77
    o Office.vue:77
    (Async: promise callback)
    pm Office.vue:77
    o Office.vue:77
    hm Office.vue:77
    hm Office.vue:77
    mounted Office.vue:202
    VueJS 19
    openFileInfo Viewer.vue:563
    openFile Viewer.vue:524
    file Viewer.vue:365
    VueJS 5

It looks like there are some timeouts happening, but the initial Requests dont work as well.

What I have tried:
I used the Troubleshooting Checklist in this Wiki-Article and went through every step. It all works as expected.
Looking at the given Diagram, it seems like the only Connection which doesnt work is between the Client and the Collabora.

Collabora integration

! this is a wiki article - everybody can improve ! Nextcloud integrates functionality to edit office documents online (even collaborative - meaning multiple users can work on the same document at the same time). This integration primarily happens with Collabora Online, but other integrations using the same protocol exist with OnlyOffice and Microsoft Online. As this forum primarily targets private users this article covers CODE (Collabora Online Development Edition) which is a free self-hosted …

I cant find anything in the Nextcloud Log. It’s just those Error Messages in the Browser Console.

My Setup
I have a VPS with everything Dockerized.

Nextcloud Hub 5 (27.0.2) Docker
collabora/code:latest Docker Compose
jc21/nginx-proxy-manager:latest Docker

I have Subdomains for each of my Services.
https.//nextcloud.domain.com
https.//collabora.domain.com

Hope some of you have an Idea at whats going wrong. Thanks

[wwe]

@BenMajestix

This has the Status “Bad Request 400”:

GET
	wss://collabora.benbartel.me/cool/https%3A%2F%2

this is a problem… the browser needs websocket (wss://) connection which must be configured specially in NGINX… take a look at CODE docs

Proxy settings — SDK https://sdk.collaboraonline.com/ documentation

[BenMajestix]

Thanks, that solved most of my Problems.