Is it possible to generate a 'share on Facebook' link that opens the native Facebook App on Android/iOS/mobile instead of the web share dialog?
As of now, there is no official way to achieve this. It could be implemented by Facebook though, forwarding their web share dialog using their custom URL scheme. So if you use the officially documented way to open this dialog you would get this functionality with no further changes as soon as it becomes available.
The easiest way to use the official web share dialog, without any prerequisites, is to link to this URL:
https://www.facebook.com/dialog/share? app_id=145634995501895 &display=popup &href=URL_TO_SHARE &redirect_uri=RETURN_URLwhere you replace URL_TO_SHARE and RETURN_URL with the proper URL-encoded values. Or you include the Facebook JS-SDK and use the classical share button or other ways described in sharing on the web.
Just for completeness: In native apps on iOS and Android it is possible to link to the Facebook app directly if the user has the Facebook app installed. See sharing from iOS or android. As this is not always the case you have to check using the respective platform's specific Facebook SDK and fallback to the web-based dialog as well.
On a sidenote: I would highly discourage you from using the not officially documented URL-schemes registered by the Facebook app. While they might work if the website is visited from a device with an installed Facebook app, they become dead links or weird browser warnings on devices without the Facebook app installed, especially any PCs or Macs. Even if you check for all these cases, Facebook has already changed their URL-Schemes and might do so again at any time, breaking your link(s) or - maybe worse - leading to undefined behavior.
https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share
You could try this and let the user decide what native app to use when sharing your link.
It opens the native share-via of the user's device
const data = { title: document.title, text: 'Hello World', url: 'https://your_site_url',}const shareVia = window.navigator.share(data);<html> <button onClick={shareVia}>Share Me!</button></html>
The following code will check if the app is installed, if installed you can share using the app, you don't have to open Facebook in your web browser and log in again. If the app is not installed it will simply use the Facebook sharer link then the user has to log in to Facebook in the browser if not logged in and the link gets shared.
onShare() { console.log(order); const title = 'Title'; const url = 'https://www.facebook.com/'; const text = "Share on native app if installed"; if (navigator.share) { navigator .share({ title: `${title}`, url: `${url}`,text: `${text}`}) .then(() => { console.log('Thanks for sharing!'); }) .catch(console.error); } else { window.location.replace( `https://www.facebook.com/sharer.php?u=${url.trim()}"e=${text}` ); } } //onShare ends here