Skip to content

Instantly share code, notes, and snippets.

@glemiere
Last active June 28, 2018 17:49
Show Gist options
  • Save glemiere/d98771889562a01ec9ad40a3acd415ae to your computer and use it in GitHub Desktop.
Save glemiere/d98771889562a01ec9ad40a3acd415ae to your computer and use it in GitHub Desktop.
Progressive Web App : manifest.json simple example.
/**********
manifest.json - remove this comment before using, as JSON files don't support comments.
---------------
Simple progressive web app configuration file.
Prompts user to download app outside the stores on mobile browser.
---------------
Requires SSL enabled and service workers. Test your project for PWA using lighthouse :
https://developers.google.com/web/tools/lighthouse/
**********/
{
"manifest_version":1,
"name": "myapp",
"version":"1.0",
"short_name": "MA",
"lang": "en-US",
"start_url": "/",
"homepage_url": "/",
"display": "fullscreen",
"orientation": "portrait",
"offline_enabled": true,
"theme_color": "#FFF",
"icons": [
{
"src": "static/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "static/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"prefer_related_applications": true,
"related_applications": [
{
"platform": "play",
"url": "https://play.google.com/store/apps/details?id=com.my.app",
"id": "com.my.app",
"min_version": "1",
"fingerprints": [
{
"type": "sha256_cert",
"value": "92:5A:39:05:C5:B9:EA:BC:71:48:5F:F2"
}
]
},
{
"platform": "itunes",
"url": "https://itunes.apple.com/app/my-app/id123456789"
}
],
"background_color": "#FAFAFA",
"screenshots": [
{
"src": "screen1"
},
{
"src": "screen2"
},
{
"src": "screen3"
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment