Way to run in Chrome instead of FireFox

[kevinmnm]

As what title says, I'm urgently asking if there's a quick way to run in Chromium based browsers instead of FireFox?

[jlesage]

You need to use another Docker image. You can check on Docker Hub (https://hub.docker.com), some already exist.

[kevinmnm]

Is there a way to run with jlesage/baseimage-gui instead? I couldn't find a working image that runs noVNC with Chrome.

[jlesage]

I started to work on creating an image for Chromium, but it is not ready yet.

In the meantime, you may try this one: https://hub.docker.com/r/linuxserver/chromium

[kevinmnm]

My knowledge is too shallow for me to grasp VNC technologies quickly (and I have a short deadline 🥲). I looked over the image you mentioned previously. The problem is that I've been using your docker-firefox image for a while and I customized a lot noVNC frontend code (such as HTML, CSS, JavaScript). Now with another image, I might have to start from very scratch on customizing frontend. Also, I'd prefer to run in Google Chrome specifically instead of Chromium-based browser if possible. I tried to customize your docker-firefox Dockerfile in best of my ability to run Chrome browser but I'm struggling. I was able to start the container but a lot of website crashes which I assume it's due to OpenGL/GLX issue? If you don't mind, let me show you where I am so far real quick.

Dockerfile (a lot of website crashes)

ARG BUILDER_WORKDIR=/app

#############################################
##### Stage 0: Build the custom web app #####
#############################################

FROM node:18-alpine as node

WORKDIR ${BUILDER_WORKDIR}

COPY . .

RUN npm ci

RUN npm run build

####################################################
##### Stage 1: Build the membarrier check tool #####
####################################################

FROM alpine:3.14 AS membarrier
WORKDIR /tmp
COPY membarrier_check.c .

RUN apk --no-cache add build-base linux-headers && \
   gcc -static -o membarrier_check membarrier_check.c && \
   strip membarrier_check

################################
##### Stage 2: Final image #####
################################

FROM jlesage/baseimage-gui:ubuntu-22.04-v4.5.3

## For some reason, container errors without this line.
ENV LC_ALL en_US.UTF-8 
ENV LANGUAGE en_US:en

## Define working directory.
WORKDIR /tmp

## Create messagebus user and group (container errors without this line).
RUN groupadd -g 999 messagebus

## Install Google Chrome and extra packages. The "mesa-dri-gallium" and "font-dejavu" packages are not available in the apt repository.
RUN apt update && apt install -y \
   bash \
   nano \
   wget \
   software-properties-common \
   locales \
   xdg-utils \
   mesa-utils \
   fonts-noto-cjk \
   # mesa-dri-gallium=23.0.4-r0 \
   xdotool \
   # font-dejavu \
   tzdata \
   ca-certificates \
   python3 \
   python3-pip \
   unzip \
   xvfb \
   x11vnc \
   websockify \
   openbox \
   libnss3 \
   libgbm-dev \
   libasound2 \
   fonts-droid-fallback \
   && wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb \
   && apt install -y ./google-chrome-stable_current_amd64.deb \
   && rm google-chrome-stable_current_amd64.deb

## Install dependencies for OpenGL and GLX (mesa-dri-gallium alternatives?).
RUN apt update && apt install -y \
   libgl1-mesa-dri \
   libgl1-mesa-glx \
   libegl1-mesa \
   libxrandr2 \
   libxss1 \
   libxcursor1 \
   libxcomposite1 \
   libasound2 \
   libxi6 \
   libxtst6

## Trying to find alternatives for "mesa-dri-gallium=23.0.4-r0" since it's not available in the apt repository.
RUN add-apt-repository -y ppa:kisak/kisak-mesa && \
   apt update && \
   apt upgrade -y

## Add custom Icon.
RUN rm -rf /opt/noVNC/app/images/icons/*
COPY src/assets/icons/logo-min.png /opt/noVNC/app/images/icons/master_icon.png

## Add customized files.
COPY rootfs/ /
COPY src/xvnc/params /etc/services.d/xvnc/params
COPY rootfs/startapp-chrome.sh /startapp.sh
COPY rootfs/etc/services.d/app/params-chrome /etc/services.d/app/params
RUN rm /startapp-firefox.sh && rm /startapp-chrome.sh
RUN rm /etc/services.d/app/params-chrome && rm /etc/services.d/app/params-firefox

## Set the name of the application (For some reason, container errors without this line).
RUN dbus-uuidgen > /etc/machine-id

## Copy membarrier_check tool from previous stage.
COPY --from=membarrier /tmp/membarrier_check /usr/bin/

## Copy custom files/dirs (only one file/dir at a time to ensure no corruption)
COPY noVNC/index.html /opt/noVNC/index.html

## Set internal environment variables.
RUN \
   set-cont-env APP_NAME "My App"

Modified startapp.sh (basically only exec was changed)

# ...same previous codes...

### Flag list: https://peter.sh/experiments/chromium-command-line-switches/ ###
# exec /usr/bin/google-chrome --no-sandbox --no-first-run --kiosk https://cesium.com/ --use-gl=egl
exec /usr/bin/google-chrome --no-sandbox --no-first-run --kiosk https://cesium.com/

Some of container errors I see that didn't exist in original docker-firefox

[app         ] /bin/bash: warning: setlocale: LC_ALL: cannot change locale (en_US.UTF-8)
[708:739:0223/142445.420345:ERROR:bus.cc(407)] Failed to connect to the bus: Failed to connect to socket /run/dbus/system_bus_socket: No such file or directory
[app         ] [708:739:0223/142445.463689:ERROR:bus.cc(407)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
[app         ] [752:752:0223/142445.514310:ERROR:angle_platform_impl.cc(44)] Display.cpp:1052 (initialize): ANGLE Display::initialize error 12289: GLX is not present.
[app         ] ERR: Display.cpp:1052 (initialize): ANGLE Display::initialize error 12289: GLX is not present.
[app         ] [752:752:0223/142445.514443:ERROR:gl_display.cc(515)] EGL Driver message (Critical) eglInitialize: GLX is not present.
[app         ] [752:752:0223/142445.514507:ERROR:gl_display.cc(786)] eglInitialize OpenGL failed with error EGL_NOT_INITIALIZED, trying next display type
[app         ] [752:752:0223/142445.514679:ERROR:angle_platform_impl.cc(44)] Display.cpp:1052 (initialize): ANGLE Display::initialize error 12289: GLX is not present.
[app         ] [752:752:0223/142445.540874:ERROR:viz_main_impl.cc(196)] Exiting GPU process due to errors during initialization
[app         ] [708:708:0223/142445.544600:ERROR:object_proxy.cc(576)] Failed to call method: org.freedesktop.DBus.NameHasOwner: object_path= /org/freedesktop/DBus: unknown error type:
[app         ] [708:811:0223/142445.550436:ERROR:bus.cc(407)] Failed to connect to the bus: Failed to connect to socket /run/dbus/system_bus_socket: No such file or directory

If you have any idea or suggestion, enlighten me. I'd greatly appreciate your help! Also, you mentioned that you are working on Chromium image but I'm not sure if that means creating Chrome based image off of jlesage/docker-baseimage-gui is not possible at all?

[jlesage]

Chrome will produce a lot of errors that can be ignored. If web sites crash, it's probably you need to add something like --shm-size=2gb to your docker run command.

Also, you mentioned that you are working on Chromium image but I'm not sure if that means creating Chrome based image off of jlesage/docker-baseimage-gui is not possible at all?

Yes, it will be an image based on jlesage/docker-baseimage-gui.

[Bluejanis]

"The GUI of the application is accessed through a modern web browser".

It does not seem to be limited to run in Firefox.

[jlesage]

I think the original question was about running Chrome in a container.
But yes you are right, any browser can be used to access the container.