Example Compose Stack that includes the Web UI?

[YouveGotMeowxy]

Can anyone tell me what's wrong with this stack? All I get is a white page when trying to visit the web ui:

version: "3.8"

services:

    shlink:
        hostname: shlink
        image: shlinkio/shlink:latest
        environment:
            TZ: ${TZ}
            PUID: 1000
            PGID: 1000
            DEFAULT_DOMAIN: 'shlink.mydomain.com'
            IS_HTTPS_ENABLED: 'true'
            GEOLITE_LICENSE_KEY: 'redacted'
            DB_DRIVER: 'mysql'
            DB_HOST: 'mysql'
            DB_USER: 'shlink'
            DB_PASSWORD: 'redacted'
        networks:
            - odb
        deploy:
          mode: replicated
          replicas: 1
          placement:
            constraints:
              - node.labels.Main == true
          restart_policy:
            condition: any
 
    shlink-web-client:
        hostname: shlink-web-client
        image: shlinkio/shlink-web-client:latest
        environment:
            TZ: ${TZ}
            PUID: 1000
            PGID: 1000
        depends_on:
            - shlink
        ports:
            - 8990:80
        networks:
            - odb
        deploy:
          mode: replicated
          replicas: 1
          placement:
            constraints:
              - node.labels.Main== true
          restart_policy:
            condition: any

networks:
  odb:
    external: true
    name: db

It's connecting and filling the db, so the db connection isn't the issue.

TIA

[acelaya]

The first thing I would suggest is that you don't use the latest tags. Those are considered unstable. Try with a specific version. https://shlink.io/documentation/install-docker-image/#versions

If that doesn't help, open the browser console and check the output.

Finally, you can also check the web client container logs.

[YouveGotMeowxy]

@acelaya ty. Ok, ill take a look and report back my result.

Side note, any chance of making a single image that includes both the back end and the web ui, so we don't have to 'stack' them, and just run 1 container? (I try to live by the "KISS" mantra ("Keep It Simple, Stupid")). lol

[acelaya]

Shlink web UI is split by design.

[YouveGotMeowxy]

Shlink web UI is split by design.

I know, but is there no way to join them in a single container still?

[acelaya]

It is probably not easy, as it would break many of the containerized software principles. But even if it was, it is not going to happen, because it's a concious decison, and would make no sense because of how the web client is designed. You will understand it once the white screen issue is solved.

[YouveGotMeowxy]

@acelaya Success! changing them both to :stable got me to a UI. :)

I think the tagging is what threw me. Usually people will use :latest for stable, and something like :nightly for the latest potentially unstable changes.

ty for the help!

[YouveGotMeowxy]

I'm running into another issue now :/

Shlink container runs fine, and populates the MySQL db when it starts. Verified by dropping all tables in it and restarting the container. Several times.

Log:

Creating fresh database if needed...
Updating database...
Generating proxies...
Clearing entities cache...
Downloading GeoLite2 db file...
[2022-01-01T04:42:52.472686+00:00] [NULL] Access.NOTICE - Worker started in /etc/shlink with ID 16
[2022-01-01T04:42:52.473133+00:00] [NULL] Access.NOTICE - Worker started in /etc/shlink with ID 17
[2022-01-01T04:42:52.475590+00:00] [NULL] Access.NOTICE - Worker started in /etc/shlink with ID 18
<etc..> Many of those....

Shlink web UI container also seems to run fine, and I can load the page.

Log:

/docker-entrypoint.sh: /docker-entrypoint.d/ is not empty, will attempt to perform configuration
/docker-entrypoint.sh: Looking for shell scripts in /docker-entrypoint.d/
/docker-entrypoint.sh: Launching /docker-entrypoint.d/10-listen-on-ipv6-by-default.sh
10-listen-on-ipv6-by-default.sh: info: Getting the checksum of /etc/nginx/conf.d/default.conf
10-listen-on-ipv6-by-default.sh: info: /etc/nginx/conf.d/default.conf differs from the packaged version
/docker-entrypoint.sh: Launching /docker-entrypoint.d/20-envsubst-on-templates.sh
/docker-entrypoint.sh: Launching /docker-entrypoint.d/30-shlink-servers-json.sh
/docker-entrypoint.sh: Launching /docker-entrypoint.d/30-tune-worker-processes.sh
/docker-entrypoint.sh: Configuration complete; ready for start up
2022/01/01 04:40:25 [notice] 1#1: using the "epoll" event method
2022/01/01 04:40:25 [notice] 1#1: nginx/1.21.4
2022/01/01 04:40:25 [notice] 1#1: built by gcc 10.3.1 20210424 (Alpine 10.3.1_git20210424) 
2022/01/01 04:40:25 [notice] 1#1: OS: Linux 5.10.60.1-microsoft-standard-WSL2
2022/01/01 04:40:25 [notice] 1#1: getrlimit(RLIMIT_NOFILE): 1048576:1048576
2022/01/01 04:40:25 [notice] 1#1: start worker processes
2022/01/01 04:40:25 [notice] 1#1: start worker process 34
2022/01/01 04:40:25 [notice] 1#1: start worker process 35
2022/01/01 04:40:25 [notice] 1#1: start worker process 36
2022/01/01 04:40:25 [notice] 1#1: start worker process 37
2022/01/01 04:40:25 [notice] 1#1: start worker process 38
2022/01/01 04:40:25 [notice] 1#1: start worker process 39
10.0.4.13 - - [01/Jan/2022:04:41:46 +0000] "GET /manifest.json HTTP/1.1" 304 0 "https://shlink.elblein.rocks/server/9c8ae016-e93f-4c4d-bc1b-6565765765765/overview" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36" "10.0.0.2"
10.0.4.13 - - [01/Jan/2022:04:41:46 +0000] "GET /rest/v2/health HTTP/1.1" 304 0 "https://shlink.mydomain.com/server/9c8ae016-e93f-4c4d-bc1b-6565765765765/overview" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36" "10.0.0.2"
10.0.4.13 - - [01/Jan/2022:04:41:46 +0000] "GET /rest/v2/tags?withStats=true HTTP/1.1" 304 0 "https://shlink.mydomain.com/server/9c8ae016-e93f-4c4d-bc1b-6565765765765/overview" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36" "10.0.0.2"

I can ping both the MySQL and web client containers from the shlink container:

/etc/shlink # ping mysql
PING mysql (10.0.4.22): 56 data bytes
64 bytes from 10.0.4.22: seq=0 ttl=64 time=0.310 ms
64 bytes from 10.0.4.22: seq=1 ttl=64 time=0.102 ms
64 bytes from 10.0.4.22: seq=2 ttl=64 time=0.110 ms

--- mysql ping statistics ---
3 packets transmitted, 3 packets received, 0% packet loss
round-trip min/avg/max = 0.102/0.174/0.310 ms
/etc/shlink # ping shlink-web-client
PING shlink-web-client (10.0.4.229): 56 data bytes
64 bytes from 10.0.4.229: seq=0 ttl=64 time=0.283 ms
64 bytes from 10.0.4.229: seq=1 ttl=64 time=0.116 ms
64 bytes from 10.0.4.229: seq=2 ttl=64 time=0.110 ms
64 bytes from 10.0.4.229: seq=3 ttl=64 time=0.112 ms

--- shlink-web-client ping statistics ---
4 packets transmitted, 4 packets received, 0% packet loss
round-trip min/avg/max = 0.110/0.155/0.283 ms

I can ping the shlink and MySQL containers from the web ui container:

/ # ping shlink
PING shlink (10.0.4.32) 56(84) bytes of data.
64 bytes from oc-shorturl_shlink.1.pzbgvvop7z913vmp9oajdcih9.oc-db (10.0.4.32): icmp_seq=1 ttl=64 time=0.105 ms
64 bytes from oc-shorturl_shlink.1.pzbgvvop7z913vmp9oajdcih9.oc-db (10.0.4.32): icmp_seq=2 ttl=64 time=0.085 ms
64 bytes from oc-shorturl_shlink.1.pzbgvvop7z913vmp9oajdcih9.oc-db (10.0.4.32): icmp_seq=3 ttl=64 time=0.091 ms
64 bytes from oc-shorturl_shlink.1.pzbgvvop7z913vmp9oajdcih9.oc-db (10.0.4.32): icmp_seq=4 ttl=64 time=0.137 ms

--- shlink ping statistics ---
4 packets transmitted, 4 received, 0% packet loss, time 3113ms
rtt min/avg/max/mdev = 0.085/0.104/0.137/0.020 ms
/ # ping mysql
PING mysql (10.0.4.38) 56(84) bytes of data.
64 bytes from 10.0.4.38 (10.0.4.38): icmp_seq=1 ttl=64 time=0.078 ms
64 bytes from 10.0.4.38 (10.0.4.38): icmp_seq=2 ttl=64 time=0.071 ms
64 bytes from 10.0.4.38 (10.0.4.38): icmp_seq=3 ttl=64 time=0.074 ms
64 bytes from 10.0.4.38 (10.0.4.38): icmp_seq=4 ttl=64 time=0.085 ms
64 bytes from 10.0.4.38: icmp_seq=5 ttl=64 time=0.080 ms

--- mysql ping statistics ---
5 packets transmitted, 5 received, 0% packet loss, time 4201ms
rtt min/avg/max/mdev = 0.071/0.077/0.085/0.004 ms

But when in the web ui it says "visits: NaN" and "orphan visits: shlink 2.6 is needed" (I have Stable 2.10 which I'm assuming is .4 versions backward compatible), and at the bottom it says "Server: - Client: v3.4.2" (no server version).

So it's like it's not connecting to the db somewhere. When I say "it", I don't know whether it's shlink or the webui container, since shlink seems to connect and populate, and the web ui seems to make zero connections to the db? (I'm assuming the web ui doesn't connect to the db since it requires reading the server info from a .json file and not the db?

No idea how to precede from here

[YouveGotMeowxy]

Yeelllllllo?