What I’m trying to do:
Add some quick action functionality to my apps when they are installed on Android like this PWA app below:
I was thinking of adding some quick access to a certain route of the app or send a message through an endpoint without even opening the app.
Since this example above is a PWA it should be possible to do with anvil installed apps. Anyone know how and if it’s possible?
I think this is what you’re looking for : Get things done quickly with app shortcuts | Articles | web.dev
The question is then " How do you edit the manifest of anvil web apps" which I think is forum searchable.
I managed to implement this in my anvil app. However, for that, I had to remove the default manifest.json and add a new one. Here is how I did
Add this to Native Libraries
<script>
document.querySelectorAll('[rel="manifest"]')[0].remove()
</script>
<link rel="manifest" href="_/theme/manifest.json">
Create a new file
Next, you will have to create a new file in your app assets and rename it to manifest.json.
Modify the contents of that file
It is best to use your existing manifest.json as the starting point. To view your existing manifest.json, go to <your anvil app link>/_/manifest.json (Ex. example.anvil.app/_/manifest.json)
Now, you can add the code for shortcuts to your manifest.json file. Learn more at shortcuts - Web app manifests | MDN
Here is an example:
"shortcuts": [
{
"name": "Action 1",
"description": "Action 1",
"url": "example.com/#Action1",
"icons": [
{
"src": "icon_src_url",
"sizes": "100x100",
"type": "image/jpeg"
}
]
},
{
"name": "Action 2",
"description": "Action 2",
"url": "example.com/#Action2",
"icons": [
{
"src": "icon_src_url",
"sizes": "100x100",
"type": "image/jpeg"
}
]
},
],