OHIF - keycloak - dcm4chee config gives black screen

Support
1

I was using docker image ohif/viewer:v4.12.32.19362 in my DockerFile
Now, I want to use ohif/app v3.8.2 so I updated the DockerFile and the app-config.js file:

window.config = {
routerBasename: ‘/’,
modes: ,
extensions: ,
showStudyList: true,
// below flag is for performance reasons, but it might not work for all servers
showWarningMessageForCrossOrigin: true,
strictZSpacingForVolumeViewport: true,
showCPUFallbackMessage: true,
defaultDataSourceName: ‘dicomweb’,
filterQueryParam: false,
disableServersCache: false,
dataSources: [
{
namespace: ‘@ohif/extension-default.dataSourcesModule.dicomweb’,
sourceName: ‘dicomweb’,
configuration: {
friendlyName: ‘DCM4CHEE Server’,
name: ‘’,
wadoUriRoot: ‘/dcm4chee-arc/aets/DCM4CHEE/wado’,
qidoRoot: ‘/dicomweb/dcm4chee-arc/aets/DCM4CHEE/rs’,
wadoRoot: ‘/dicomweb/dcm4chee-arc/aets/DCM4CHEE/rs’,
qidoSupportsIncludeField: false,
supportsReject: false,
imageRendering: ‘wadors’,
thumbnailRendering: ‘wadors’,
enableStudyLazyLoad: true,
supportsFuzzyMatching: false,
supportsWildcard: true,
staticWado: true,
singlepart: ‘bulkdata,video’,
bulkDataURI: {
enabled: true,
relativeResolution: ‘studies’,
},
},
},
],
httpErrorHandler: (e) => {
console.warn(e.status),
console.warn(“test, navigate to https://ohif.org/”)
},
oidc: [
{
authority: ‘/realms/shanoir-ng’,
client_id: ‘ohif-viewer’,
redirect_uri: ‘/callback’,
response_type: ‘code’,
scope: ‘openid’,
post_logout_redirect_uri: ‘’,
revoke_uri: ‘https://accounts.google.com/o/oauth2/revoke?token=’,
automaticSilentRenew: true,
revokeAccessTokenOnSignout: true,
}
],
defaultDataSourceName: ‘dicomweb’,
};

I also added this in my ohif-viewer.template.conf:

add_header 'Cross-Origin-Opener-Policy' 'same-origin';
add_header 'Cross-Origin-Embedder-Policy' 'require-corp';
add_header 'Cross-Origin-Resource-Policy' 'cross-origin' always;

And finally, in my keycloak, I do have a ohif-viewer client (I didn’t change this and it was working with previous ohif/viewer)

I do not have any error in my console but nothing is displayed, the whole screen is black:

image
image1915×1086 156 KB

In addition to that, I can’t find any additional logs than what’s in the console, can I find those somewhere?

Can anyone help me ? Should I use another docker image ? Or another version ?

Thank you

2

We are fixing the Orthanc + Keycloak recipe very soon.

I’m confident these are similar, but stay tuned after the recipe is merged so you can see how to apply it to the dcm4chee case.

3

We recently added several recipes for implementing authentication with Keycloak in OHIF. You can find them here:

4

I read through this doc but I feel like this doesn’t apply to my specifications. Or maybe I didn’t quite understand.
I tried using ohif/app:latest and v3.9.0-beta.63 as docker image but I still have a black screen, nothing changed

I really don’t understand what I’m doing wrong, can someone help?

5

Can you provide your reproduction steps?

6

I can’t, really.
But one of the thing that was needed in my case is in the URL, especially the ‘SeriesInstanceUIDs=’ that wasn’t needed before (when using the ohif/viewer docker image).
I must say the doc for this had us confused some times. I could see all kind of different things online too. I’m not sure where to find any logs and there were too many moments where it didn’t work but I had no idea why
In the end, we had to go back to using a clean app-config.js and having the correct uri for our case.