How to use capacitor plugins with external app url

[Aarbel]

Hello Capacitor teams,

We use external app url in CapacitorConfig.server.url, targeting an external Next.js app.

Problem: how can we use capacitor plugins in the external Next.js app ? (for example Device plugin)

Would be great to install them directly from CapacitorConfig and expose their methods in the window object of the webview of the external url.

Thanks a lot

[Aarbel]

Inspecting the window object in an iPhne simulator with Safari Preview gives that (window.navigator.plugins):

https://developer.mozilla.org/en-US/docs/Web/API/NavigatorPlugins/plugins

Maybe the best way to expose these plugins / APIs ?

[Aarbel]

or maybe better in window.Capacitor.Plugins.Webview

[Aarbel]

It works simply adding the plugin in both environments (capacitor and javascript app).

The plugins of capacitor are enough smart to check the environment of an app, and use the right APIS the browser gives. For example in browser, the Camera plugin can open an UI popup to take a picture, otherwise when the environment is Capacitor, it uses native Camera apis. So really really simple.