Project

General

Profile

Actions

Feature #14274

open

Android App by adding a couple of lines of code - Sort off

Added by Jon Brown over 1 year ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
Unknown
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Plus Target Version:
Release Notes:
Default

Description

Because pfSense GUI is mobile responsive you can use a mobile to perform actions in the GUI which is nice but a few people have asked for an Android App.

There is a halfway house - APP via a manifest.

What happens is that when you go to the website with a manifest you have the option of 'installing' the website as an APP when browsing on chrome on a mobile phone. This creates an APP shortcut and then when you use the app shortcut the website is loaded and it looks like an app with no address bar etc..

This is not the same as 'Add to home screen'

It would only take a few lines of code to get this working and I think the realfavicongenerator creates this for you. I would also make sure your icon is large enough and is the correct type.

Links

It has been a while since I set this up on https://quantumwarp.com/ but here as some links/notes

Example Code

In the index.php or global header

<link rel="manifest" href="/site.webmanifest">

The manifest file - https://yourwebsite.com/site.webmanifest

{
    "name": "Quantum Warp",
    "short_name": "Quantum Warp",
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png" 
        },
        {
            "src": "/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png" 
        }
    ],
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "start_url": "https://quantumwarp.com",
    "display": "standalone",
    "gcm_sender_id": "123456789012" 
}

Android Screenshots

Add to home screen

Install App from website

Installed

App Shortcut

Splashscreen

Website as an APP


Files

Add-To-Home-Screen.jpg (55.4 KB) Add-To-Home-Screen.jpg Jon Brown, 04/13/2023 04:32 AM
App-Shortcut.jpg (77.5 KB) App-Shortcut.jpg Jon Brown, 04/13/2023 04:32 AM
Install-App.jpg (48.6 KB) Install-App.jpg Jon Brown, 04/13/2023 04:32 AM
splashscreen.jpg (19.4 KB) splashscreen.jpg Jon Brown, 04/13/2023 04:32 AM
Installed.jpg (35.8 KB) Installed.jpg Jon Brown, 04/13/2023 04:32 AM
website-as-an-app.jpg (35.1 KB) website-as-an-app.jpg Jon Brown, 04/13/2023 04:32 AM

No data to display

Actions

Also available in: Atom PDF