Get the App
SLTechnology News&Howtos  ›  Development  › 

How's noVNC?

Shulou Source: shulou.com Published: 2022-06-03 11:25:21 11月15日 Update

This article will give you a detailed explanation about noVNC. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

NoVNC- uses the VNC client implemented by html5 (WebSockets,Canvas) to support wss:// noVNC, which is both a htmlVNC client JavaScript library and an application built on top of it. NoVNC works well in any modern browser, including mobile browsers (iOS and Android).

How's noVNC?

NoVNC provides a Canvas through html5 on the web page to access the vnc service provided by vncserver on the machine, which needs to be converted from tcp to websocket before it can be displayed in html5. A web page is a client, similar to the vncviewer under win, except that what is filled in at this time is not the ip+port of the exposed vnc service, but the proxy of websockets provided by noVNC. Each vnc service should be configured on the noVNC proxy server, and noVNC provides an identity to reverse the configured vnc service.

NoVNC is widely used in cloud computing and virtual machine dashboards, such as OpenStackDashboard and OpenNebulaSunstone using noVNC.

By default, noVNC will connect in an interactive way, and during this process, it will do identity permission verification (account connection, read / write control), whether it is truecolor, etc., which is not very suitable for production. Later, we will do the authorization on Django, combined with LDAP to do login authentication. Considering the bandwidth limitation of Direct Connect, truecolor is disabled by default and compression is enabled. VNC consumes a lot of bandwidth. On average, each new link consumes about 1Mbps bandwidth, so if you need to display a large screen in real time, you need to consider this bottleneck.

NoVNC features:

Supportsallmodernbrowsersincludingmobile (iOS,Android)

SupportedVNCencodings:raw,copyrect,rre,hextile,tight,tightPNG

WebSocketSSL/TLSencryption (i.e. "wss://") support

24-bittruecolorand8bitcolourmapped

Supportsdesktopresizenotification/pseudo-encoding

Localorremotecursor

Clipboardcopy/paste

Clippingorscollingmodesforlargeremotescreens

Easysiteintegrationandtheming (3examplethemesincluded)

This is the end of the article on "how about noVNC". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Tags: Services customers clients bandwidth articles agents more browsers web pages control browsing consumption configuration good practical good awesome dedicated line interactive just Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno macOS vpn Shulou Technology MySQL Redmi