Это видео недоступно.
Сожалеем об этом.
Auth deep linking in Expo React Native
HTML-код
- Опубликовано: 7 авг 2024
- When performing OAuth or sending magic link emails from native mobile applications we need to configure deep linking for our iOS and Android applications.
Read the docs: supabase.com/docs/guides/auth...
React Native Authentication blog post: supabase.com/blog/react-nativ...
🎙️ Presented by Thor Schaeff (@thorwebdev go.thor.bio/x)
Chapters
00:00 Intro
00:10 When is deep linking needed?
00:37 Create a new Expo TypeScript Project
02:00 Define a scheme key for linking
03:20 Implement the Auth component
04:00 Retrieve the URL that opened the app
04:55 Install the required dependencies
05:50 Initialize Supabase for React Native
06:40 Create a new Supabase project
08:20 Perform OAuth in React Native
09:43 Perform magic link Auth in React Native
12:05 Prebuild locally to use your scheme
13:25 Set your API credentials in the Supabase client
14:05 Set up redirect URLs in Supabase for deep linking
15:45 Set up GitHub as an OAuth provider
18:50 Create Auth session from deep link URL
19:30 Perform OAuth on Expo web
20:15 Magic Link Auth on Android
22:40 Intro to universal links
Find the code example in the docs: supabase.com/docs/guides/auth/native-mobile-deep-linking?TZ6O1C8ujE
Thanks a lot for this expo series, I looove Supabase and being able to use these together is just awesome.
Right when I started making the mobile version of my web app with supabase and expo! Thank you!!!
Thanks, you helped me get magic link working!
Very helpful thank you
Can the redirect link work if you are developing on a windows computer without a mobile simulator, and only using expo go?
Does this works on react native web? is giving me problems there, on cellphone no
Hi, with Expo 50, I'm getting this error when I run npx expo run:ios. " Something went wrong running `pod install` in the `ios` directory. Command `pod install` failed.└─ Cause: Invalid `Podfile` file: unexpected token at ''." How can I solve it?
You might've solved it... but:
run `cd ios && pod install`
it seems to be not working in expo go app, any instruction on how to run on expo go?
Expo docs mention that it requires a development build to work. It won't work in expo go app.
any plans for Supabase with Swift tutorials?
Yes, we're working towards the v1 of the Swift client library and will include tutorials and videos for the launch.
I have followed this video but for some reason it is still not working. On my web app both providers can be used(Spotify and Github) but on the react native app, when building it and running it on a real android device, when clicking on log in with github/spotify it just opens the the redirect url correctly, but it never goes back to the app itself so the user is never authorized. Has anyone experienced something like this?
Welp after spending 5 hours on this trying every possible fix to see why it did not redirect me back to the app, the fix turned out to be very simple as always. The scheme property in app.json MUST BE IN LOWERCASE. I had capitalized the first letter of each word to be similar to my app name and I had no idea this was blocking all redirects for some reason.
@@justanotherhero8981 you ma friend, are just another hero. Thank you for taking your time to share your solution. Have a great day !
magic link doens't work
Had the same issue. I realized it was because I had no set an email address for the magicLink to send to. Check sendMagicLink function that you are sending it to a valid email.
according react native docs, isn't it insecure to send access token via deep link?
"Deep links are not secure and you should never send any sensitive information in them.
The reason deep links are not secure is because there is no centralized method of registering URL schemes."
signInWithOAuth supports the PKCE flow
do not work