How to share current page Url in expo React Native - reactjs

I am currently building a React Native mobile app using expo. I want to share my current location on app with my fiends to whatsapp and faebook and instagram. so when they tap on my message or post they will redirect to app page on same location on my app which i share. same as instagram posts are share on facebook and also youtube vedio url share on whatsapp, facebook...
I want to implement that process on my app how can i do that?

In your app's router you can add the route as part of the shared message. That way when people click on it, it will direct them to the same route/"current location".

Related

Is it a way to imitate iOS native custom url call from a React app?

Facebook has this Sharing to Stories functionality fro native iOS and Android. I am not sure possible or not but I would to do the same, open Instagram, and profile with custom content.
Seems open Instagram works, but profile data not. Do you know why?
Image is copied programmatically, put on pasteboard, and url loads this instagram-stories://share?source_application=2773133082797983 but till content, the mp4 is not loaded. What do I miss? Is it even doable from a React app??

Opening new default browser window in plain React on a Mobile while using Facebook browser

Folks,
We are in a unique situation here. Our React site integrates with Signicat for identity solution. Most of our user base comes from Facebook i.e. they use the Facebook app, look at our posts and click on links we post which redirect to certain sections in our website which require identification.
So an example link posted on Facebook group https://example.com/en/startpage-in-english/ is converted into https://l.facebook.com/l.php?u=https%3A%2F%2Fexample.com%2Fen%2Fstartpage-in-english%2F%3Ffbclid%3DIwAR3loYqYOvom5k8_mOww89p5tun5H9HqIIKE1ebwwCcB3PD4jzxpTVyZGCk&h=AT1E3p1ejYWH9l2KhUo8D_RVjl_EzKBat4woeMHgRv7yXpT9Y-EZoBcK26sQtjjBBwAQt7Pt83a-i_k5JCGuvOBWfgB9pZ7Uv8LnDlyphNKc1Og0nl6QIqWd_nFEAva3OWN-PZ3byqsU7K0I5A&__tn__=-UK-R&c[0]=AT0-5n51iPMlSYghORXW8qxYXJQEejQTAhfiDQ3P3DK_ZTZM3GWbN4zXYKf-nyD_hWJdxQccenDp-5VgphfWuD6ZQ0ikeXq4lv4bjLbSJVFP9k4IxeMBT5mDa9jNdYnYlNs-DkXOM-LiPhhl-Obra9CAbtvihe-G7-8. When users click on the link, Facebook by default opens the link in its own Facebook browser. The subsequent steps in our portal need the user to identify himself and when the identification is completed and in the final step the request to Signicat hangs forever.
We identified that this issue is only happening with Facebook browser and hence one of the workarounds was to Open the default browser with the link to our website.
Note that:
a. this is not a React-Native app, our website is built using plain React hence the WebView solution does not work.
b. Facebook browser suppresses "window.open" with "newwindow" call and simply displays the site in the same Facebook browser instance.
So bottom line is, we need a way to Open the default OS Browser from Facebook App/Browser with the link to our site. Hope somebody can help!
Thanks in advance...
SG

Responsive Website both mobile and phone, mingle both Reactjs and React native

I want to the responsive web app on Mobile and Web page. I have built a website on React js. I have brought that website using a web view to React native and made it a mobile app. Now I need to direct my users depending upon the platform. If they are mobile users I need to direct them to React native app(live on the browser) and if they use the system they should be seeing the website I build. How can I do that? Is it possible? Suggest me a better Idea.
You can achieve this using your backend code by checking request user agent if you get mobile, you can redirect to some other url (Probably play store).
You can do the same via front end JS also (not advisable). You can use these methods to detect if the user is on mobile, based on that redirect it to play store.
Check if the navigator userAgent is mobile or not. If mobile add a links to your app or app store to download it.
if (/Mobi|Android/i.test(navigator.userAgent)) {
// if I'm here that mean I'm a phone
}

Share angular app web pages on telegram

I want to share a link of my angular web app on telegram with a friends, and I want telegram application to show a preview of my page as stated here. I did exactly what the link says but it seems the sharp sign in the URL to my site my website cause's this problem. Any idea how to solve it?
I also activated $$locationProvider.html5Mode(true) to remove sharp sign from the urls, but it just removes sharp sing after page is loaded and the address to a specific page has still sharp sign
Here is what I mean by sharing on telegram:

Share one page with Facebook JS SDK with angularJS

I'm doing an web app with angularJS that is about books. Now that app is in the end im try to share an book page in facebook.
Every time that user click in a share button i change in the controller the meta tags but when the FB.UI Share Dialog opens nothing is scraped . This happens because facebook scraper don't run javascript?
How can i solve this?

Resources