11-28-2018, 11:59 AM
Standalone web applications with GNOME Web
<div><p>Do you regularly use a single-page web application, but miss some of the benefits of a full-fledged desktop application? The GNOME Web browser, simply named Web (aka Epiphany) has an awesome feature that allows you to ‘install’ a web application. By doing this, the web application is then presented in the applications menus, GNOME shell search, and is a separate item when switching windows. This short tutorial walks you through the steps of ‘installing’ a web application with GNOME Web.</p>
<p><span id="more-23287"></span></p>
<h3>Install GNOME Web</h3>
<p>GNOME Web is not included in the default Fedora install. To install, search in the Software application for ‘web’, and install.</p>
<p><img class="aligncenter size-full wp-image-23536" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web.png" alt="" width="1264" height="908" /></p>
<p>Alternatively, use the following command in the terminal:</p>
<pre>sudo dnf install epiphany</pre>
<h3>Install as Web Application</h3>
<p>Next, launch GNOME Web, and browse to the web application you wish to install. Connect to the application using the browser, and choose ‘Install site as Web Application’ from the menu:</p>
<p><img class="aligncenter size-full wp-image-23537" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web-1.png" alt="" width="1073" height="872" /></p>
<p>GNOME Web next presents a dialog to edit the name of the application. Either leave it as the default (the URL) or change to something more descriptive:</p>
<p><img class="aligncenter size-full wp-image-23538" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web-2.png" alt="" width="1075" height="866" /></p>
<p>Finally, press <strong>Create </strong>to ‘install’ your new web application. After creating the web application, close GNOME Web.</p>
<h3>Using the new web application</h3>
<p>Launch the web application as you would with any typical desktop application. Search for it in the GNOME Shell Overview:</p>
<p><img class="aligncenter size-full wp-image-23540" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web.jpg" alt="" width="1920" height="834" /></p>
<p>Additionally, the web application will appear as a separate application in the alt-tab application switcher:</p>
<p><img class="aligncenter size-full wp-image-23541" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web-1.jpg" alt="" width="1920" height="1186" /></p>
<p>One additional feature this adds is that all web notifications from the ‘installed’ web application are presented as regular GNOME notifications.</p>
<p> </p>
</div>
<div><p>Do you regularly use a single-page web application, but miss some of the benefits of a full-fledged desktop application? The GNOME Web browser, simply named Web (aka Epiphany) has an awesome feature that allows you to ‘install’ a web application. By doing this, the web application is then presented in the applications menus, GNOME shell search, and is a separate item when switching windows. This short tutorial walks you through the steps of ‘installing’ a web application with GNOME Web.</p>
<p><span id="more-23287"></span></p>
<h3>Install GNOME Web</h3>
<p>GNOME Web is not included in the default Fedora install. To install, search in the Software application for ‘web’, and install.</p>
<p><img class="aligncenter size-full wp-image-23536" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web.png" alt="" width="1264" height="908" /></p>
<p>Alternatively, use the following command in the terminal:</p>
<pre>sudo dnf install epiphany</pre>
<h3>Install as Web Application</h3>
<p>Next, launch GNOME Web, and browse to the web application you wish to install. Connect to the application using the browser, and choose ‘Install site as Web Application’ from the menu:</p>
<p><img class="aligncenter size-full wp-image-23537" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web-1.png" alt="" width="1073" height="872" /></p>
<p>GNOME Web next presents a dialog to edit the name of the application. Either leave it as the default (the URL) or change to something more descriptive:</p>
<p><img class="aligncenter size-full wp-image-23538" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web-2.png" alt="" width="1075" height="866" /></p>
<p>Finally, press <strong>Create </strong>to ‘install’ your new web application. After creating the web application, close GNOME Web.</p>
<h3>Using the new web application</h3>
<p>Launch the web application as you would with any typical desktop application. Search for it in the GNOME Shell Overview:</p>
<p><img class="aligncenter size-full wp-image-23540" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web.jpg" alt="" width="1920" height="834" /></p>
<p>Additionally, the web application will appear as a separate application in the alt-tab application switcher:</p>
<p><img class="aligncenter size-full wp-image-23541" src="http://www.sickgaming.net/blog/wp-content/uploads/2018/11/standalone-web-applications-with-gnome-web-1.jpg" alt="" width="1920" height="1186" /></p>
<p>One additional feature this adds is that all web notifications from the ‘installed’ web application are presented as regular GNOME notifications.</p>
<p> </p>
</div>