Set up a web page on the Edge Device - TeamViewer Support
<main> <article class="userContent"> <p><br></p><p>The <strong>Remote AppControl</strong> lets you access a custom user interface for any device or system that comes without a native graphical user interface. You’ll need to create a user interface as an HTML page that is stored directly on the device.</p><p>In this task, you’ll need to install a web server to access the web page.</p><p>This setup uses a <strong>Raspberry Pi</strong> with the operating system <strong>Raspbian OS</strong>. <strong>Apache</strong> is used as the web server.</p><p>The example below is a web page of a digital twin of a pump. So, you can control and read data from the pump directly with <strong>TeamViewer Remote AppControl</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png" alt="remote_appcontrol-example.png" height="599" width="999" loading="lazy" data-display-size="large" data-float="none" srcset="https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=10/https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png 10w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=300/https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png 300w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=800/https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png 800w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=1200/https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png 1200w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=1600/https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png 1600w, https://us.v-cdn.net/6032394/uploads/ZSGUQ5QQC1PZ/remote-appcontrol-example.png"></img></a> </div> </div> <p><br></p><h3></h3><h2 data-id="what-you-will-need">What you will need</h2><p>Make sure that you have prepared the following points:</p><ul><li><a href="https://community.teamviewer.com/English/kb/articles/109829-access-the-edge-device-via-remote-terminal" rel="nofollow noreferrer ugc">Access the Edge Device via Remote Terminal</a>.</li><li>Basic knowledge of how to configure a web server.</li><li>Basic knowledge of how to create web pages (for example see <a href="https://www.w3schools.com/html/" rel="nofollow noreferrer ugc">https://www.w3schools.com/html/</a>).</li></ul><p><br></p><h3 data-id="-1"></h3><h2 data-id="web-servers">Web servers</h2><p>A web server can be installed and configured on the Edge Device. Various web servers are available, with different advantages for usage. Below are listed several guides for different web servers installations.</p><ul><li>Apache Web Server setup guide: <a href="https://www.raspberrypi.org/documentation/remote-access/web-server/apache.md" rel="nofollow noreferrer ugc">https://www.raspberrypi.org/documentation/remote-access/web-server/apache.md</a></li><li>NGINX Web Server setup guide: <a href="https://www.raspberrypi.org/documentation/remote-access/web-server/nginx.md" rel="nofollow noreferrer ugc">https://www.raspberrypi.org/documentation/remote-access/web-server/nginx.md</a></li><li>Python Web Server setup guide: <a href="https://projects.raspberrypi.org/en/projects/python-web-server-with-flask" rel="nofollow noreferrer ugc">https://projects.raspberrypi.org/en/projects/python-web-server-with-flask</a></li><li>Node.JS Web Server setup guide: <a href="https://tutorials-raspberrypi.com/setup-raspberry-pi-node-js-webserver-control-gpios/" rel="nofollow noreferrer ugc">https://tutorials-raspberrypi.com/setup-raspberry-pi-node-js-webserver-control-gpios/</a></li></ul><p><br></p><h3 data-id="-2"></h3><h2 data-id="install-the-web-server">Install the web server</h2><p>1. Access the edge device remotely (<a href="https://community.teamviewer.com/English/kb/articles/109829-access-the-edge-device-via-remote-terminal" rel="nofollow noreferrer ugc">Access the Edge Device via Remote Terminal</a>).</p><p>2. Update your <strong>software list</strong> and install the <strong>web server</strong>. In the terminal type in the following command and press return.</p><pre class="code codeBlock" spellcheck="false" tabindex="0">sudo apt update && sudo apt install apache2 -y </pre><p>3. To verify the correct installation use <a href="https://community.teamviewer.com/English/kb/articles/109831-access-the-edge-device-via-remote-appcontrol" rel="nofollow noreferrer ugc">Access the Edge Device via Remote AppControl</a>.</p><p>The window shows the <strong>default web page</strong> of the Apache Web Server. You need to create your web page or put your HTML files on the device depending on your requirements.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png" alt="setup_web_server_apache-default_screen.png" height="468" width="999" loading="lazy" data-display-size="large" data-float="none" srcset="https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=10/https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png 10w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=300/https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png 300w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=800/https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png 800w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=1200/https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png 1200w, https://us.v-cdn.net/cdn-cgi/image/fit=scale-down,width=1600/https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png 1600w, https://us.v-cdn.net/6032394/uploads/H5LKFGHVD731/setup-web-server-apache-default-screen.png"></img></a> </div> </div> <p>For example, see <a href="https://www.w3schools.com/html/" rel="nofollow noreferrer ugc">https://www.w3schools.com/html/</a> and learn how to create web pages for your Edge Device.</p><p><br></p><h3 data-id="-3"></h3> </article> </main>
