Error: DOMException: Failed to construct 'WebSocket': The URL's scheme must be either 'ws' or 'wss'. 'http' is not allowed.

I have a Quickstart installation on an external server “apicurio.example.com” (anonymized). I use an apache proxy server to access the site (both http). I can create an API but can not edit. Javascript reports an error (below). What configuration item might be missing / incorrect?

[ApisPageComponent] loadAsyncPageData
[ApisService] Getting all APIs
[ApisService] Fetching API list: http://apicurio.example.com/api-hub/designs
[ApiDetailPageComponent] Loading async page data
[ApisService] Getting an API Design: http://apicurio.example.com/api-hub/designs/1
[ApisService] Getting contributors: http://apicurio.example.com/api-hub/designs/1/contributors
[ApisService] Getting all activity for API 1
[ApisService] Fetching API design activity: http://apicurio.example.com/api-hub/designs/1/activity?end=10
[ApisService] Getting collaborators for API Design 1
[ApisService] Fetching collaborator list: http://apicurio.example.com/api-hub/designs/1/collaborators
[ApiDetailPageComponent] Contributors data loaded: {totalEdits: 1, contributors: Array(1)}
[ApiDetailPageComponent] Activity data loaded
[ValidationService] Getting all validation profiles
[ValidationService] Fetching validation profiles: http://apicurio.example.com/api-hub/validationProfiles
[ApiEditorPageComponent] Loading async page data
[ApisService] Getting an API Design: http://apicurio.example.com/api-hub/designs/1
[ApisService] Editing API Design: http://apicurio.example.com/api-hub/designs/1/session
[ApisService] Editing Session UUID: a88b9d13-fb2b-43e5-aaec-31fecb1df0a7
[ApisService] Content Version: 1
[ApiEditorPageComponent] Definition loaded.  Opening editing session.
[ApisService] Opening editing session on URL: http://apicurio.example.com/api-editing/designs/1?uuid=a88b9d13-fb2b-43e5-aaec-31fecb1df0a7&user=email%40example.com&secret=eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJYUEFkZElNQ21P
[ApiEditorPageComponent] **Error editing API design.** (anonymous)
    **Error: DOMException: Failed to construct 'WebSocket': The URL's scheme must be either 'ws' or 'wss'. 'http' is not allowed.**
    at t.openEditingSession (http://apicurio.example.com/studio/main.d73499da517a45f6f776.js:1:2954806)
    at http://apicurio.example.com/studio/main.d73499da517a45f6f776.js:1:4400322
    at e.invoke (http://apicurio.example.com/studio/polyfills.9c67d1be23abf75fea1a.js:1:7375)
    at Object.onInvoke (http://apicurio.example.com/studio/main.d73499da517a45f6f776.js:1:1918717)
    at e.invoke (http://apicurio.example.com/studio/polyfills.9c67d1be23abf75fea1a.js:1:7315)
    at t.run (http://apicurio.example.com/studio/polyfills.9c67d1be23abf75fea1a.js:1:2578)
    at http://apicurio.example.com/studio/polyfills.9c67d1be23abf75fea1a.js:1:14042
    at e.invokeTask (http://apicurio.example.com/studio/polyfills.9c67d1be23abf75fea1a.js:1:8059)
    at Object.onInvokeTask (http://apicurio.example.com/studio/main.d73499da517a45f6f776.js:1:1918629)
    at e.invokeTask (http://apicurio.example.com/studio/polyfills.9c67d1be23abf75fea1a.js:1:7980)

[dbtech]

Thank you! That has the hint I needed. In addition, I have also understood that the whole protocol stack must be configured uniformly either with or without ssl. That is important for configuring the proxy.

[EricWittmann]

Try changing the value in that APICURIO_UI_EDITING_URL ENV var you are supplying from https to wss. Websocket connections still go over port 80/443 so your routes should be fine.