knitr::opts_chunk$set( collapse = TRUE, comment = "#>" )
library(shinyMobile)
The following book provides more in depth review about PWA support.
{shinyMobile}
is PWA capable, meaning that it can be displayed full screen on many mobile
devices. This feature is automatically handled by f7Page()
if allowPWA
is TRUE
(it leverages the Google PWA compatibility
script).
To setup the necessary assets for your PWA, you may run:
remotes::install_github("RinteRface/charpente") library(charpente) set_pwa(APP_PATH, ...)
where APP_PATH
is the app location. It only works if the app is inside a package like with
{golem}. Alternatively, you may copy the www
folder of the gallery app, which provides:
offline.html
fallback.start_url
property to the path of your app.
For instance, the following app hosted at https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/, has the /rstudio-global-2021-calendar/
path.It is really easier with {charpente}
, the reason why we strongly recommend to develop your app
inside a package.
Copy the url of your app in your mobile web browser (iOS: Safari and Andoid: Chrome). In this example this is: https://dgranjon.shinyapps.io/miniUI2Demo/. It opens like a classic web app, with top and bottom ugly navigation bars.
It is actually quite complex to guarantee that all mobile platforms are supported. The PWA compatibility script will work in most of the case. If not, please open an issue here, to help improving it!
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.