Check and fallback if web-app in server.url is not available?

[Mr-Rayman]

Hello all,

I have my web-app running on a separate web server that is shown in Capacitor WebView using "server.url" in Capacitor config. The web-app interacts with Capacitor & Plugins using Javascript, which works very well so far!

In the default implementation right now, in case there is no connection to server.url just an empty white screen is shown.

What would be the best way on Capacitor app start to verify that the external server in server.url is available? In case the server or the device is offline it would be nice to show an error message in Capacitor (something like "We can not reach our services ... please check your network connection or contact support" or even "Retry ..")?

Any help on how to implement this would be appreciated! Thanks!

[jcesarmobile]

check errorPath configuration option https://capacitorjs.com/docs/config

[Mr-Rayman]

Thanks! That is the option I was missing!

However, if server.url is not available the white screen is shown and it takes about 2 minutes(!) until the errorPath content is shown.
Is there a way to configure the delay until errorPath is called in case server.url ist not available?

[jcesarmobile]

I guess it depends on if you don't really have an internet connection or if it's connected but has connectivity issues or the server returns an error.
When there is no internet connection it loads the errorPath instantly. The timeout for connectivity issues or server errors can't be configured.