How to: Fix Proxmox VE (PVE) noVNC/console not working in iOS/iPhone/iPad Safari/Web Browser etc. (Failed to connect to server)

Last Updated on

Note 1: Before we start, the user experience on iOS with noVNC is not perfect, but if we need to access some virtual machines urgently without any help from specific apps etc. , it might help

Note 2: Most of the time, using self-signed SSL/TLS certificate is not a good practice

The Error

When accessing the web gui from Proxmox VE, we get following screen

Proxmox web gui iOS,Safari - This Connection Is Not Private
Proxmox web gui iOS,Safari – This Connection Is Not Private

We can bypass this screen by tap on “Show Details” then tap on “visit this website” easily

Once logged in to Proxmox VE, if we want to connect to console via noVNC from one of the virtual machine, we will get following error, and seems there is no simple way to bypass it

Proxmox web gui - iOS, Safari - noVNC error, Failed to connect to server
Proxmox web gui – iOS, Safari – noVNC error, Failed to connect to server

The Fix

1 Use desktop/PC etc. (non-mobile devices) to login to Proxmox VE web gui

2 Navigate to Datacenter -> node name/cluster name -> System -> Certificates

3 Double click on “nodeName-root-ca.pem” (Note: It has to be the CA certificate, which is the one with ca in the name, no the other ones)

Proxmox - Datacenter - node - System - Certificate
Proxmox – Datacenter – node – System – Certificate

4 Copy contents from “Certificate” section (Everything from Certificate section, including Begin and End parts)

Proxmox - CA certificate
Proxmox – CA certificate

5 Create a text file on your desktop/PC name it “proxmox.txt”

6 Paste the content to the text file

7 Save as “proxmox.crt” or Save the text file then rename “proxmox.txt” to “proxmox.crt”

8 Email the “proxmox.crt” file to yourself (Make sure you have the access to the email from your phone which you want to use noVNC on)

9 Click and open on the proxmox.crt

10 Follow the prompt, open Settings, we will see “Profile Downloaded” at the top

(If you lost track in the middle, you can find it under, Settings -> General -> Profiles)

iOS - Settings - Profile Downloaded
iOS – Settings – Profile Downloaded

11 Tap on “Install” to install the certificate

iOS - Install Profile
iOS – Install Profile

12 You will be asked to enter your lock screen passcode, enter it

13 In following screen, Tap on “Install” again

iOS install ssl/tls certificate
iOS install ssl/tls certificate

14 Then tap on “Install” in red at the bottom

15 Once done, following screen will appear, tap on “Done”

iOS Profile Installed
iOS Profile Installed

16 Now we need to Enable the Root Certificate which is one of the main step, Navigate to Settings -> General -> About -> Certificate Trust Settings

Settings - General - About - Certificate Trust Settings
Settings – General – About – Certificate Trust Settings

17 Enable the certificate with the name “Proxmox Virtual Environment “

iOS Enable root certificate (Proxmox Virtual Environment)
iOS Enable root certificate (Proxmox Virtual Environment)

18 Now we go back to Safari on iOS, iPhone/iPad etc. Notice that the warning screen is gone, login to Proxmox VE web gui

Proxmox web gui Login
Proxmox web gui Login

19 Power on one of the virtual machine

Navigate to that VM, click on the “…” button, click on “console”

Now we have successfully connected to the virtual machine via noVNC web gui without any error

Proxmox noVNC, console on iOS, iPhone, iPad in Safari
Proxmox noVNC, console on iOS, iPhone, iPad in Safari
Proxmox noVNC, Kali Linux console on iOS, iPhone, iPad in Safari
Proxmox noVNC, Kali Linux console on iOS, iPhone, iPad in Safari

Bonus

1 To delete the certificate, Navigate to Settings -> General -> Profiles

2 Click on the certificate with name “Proxmox Virtual Environment”

3 Click on “Delete” button


Leave a Reply

Your email address will not be published. Required fields are marked *