- Видео 12
- Просмотров 16 945
Andrew Heim - Dev
США
Добавлен 26 фев 2023
I'm a full stack software engineer!
React Native Expo Publish to Google Play Store
Tutorial on how to upload to the Google Play Store from the Google Play Console.
Timestamps
00:00 Intro +What you'll need to start
00:23 Setting up the Google Service Account
02:45 EAS Build Android App
04:10 Setting up app listing in Google Play Console
11:52 Uploading aab build file
EAS: expo.dev/eas
Google Play Console: play.google.com/console/u/0/signup
Timestamps
00:00 Intro +What you'll need to start
00:23 Setting up the Google Service Account
02:45 EAS Build Android App
04:10 Setting up app listing in Google Play Console
11:52 Uploading aab build file
EAS: expo.dev/eas
Google Play Console: play.google.com/console/u/0/signup
Просмотров: 1 020
Видео
React Native Expo Submit to IOS App Store
Просмотров 1,1 тыс.Месяц назад
Tutorial on how to upload to the IOS Apple Connect Store using EAS submit and build. Timestamps 00:00 What you'll need to start 00:21 Building the app 01:54 Setting up IOS App in Apple Connect 06:53 Submit build to Apple store 9:13 Submitting app for Review 9:50 Ending EAS: expo.dev/eas Apple Connect: appstoreconnect.apple.com/login
Expo App Icons and Splash Screen Tutorial
Просмотров 7622 месяца назад
Expo Link: docs.expo.dev/develop/user-interface/splash-screen-and-app-icon/ Figma Link: www.figma.com/community/file/1155362909441341285/expo-app-icon-splash Timestamps 00:00 intro 00:12 go to figma template 00:34 get app icon 01:01 add app icon to template 2:43 download app icon and splash screen 3:04 add to expo 3:28 rebuild app 3:45 done!
Cursor AI + Expo = Memory Game in 13 Min
Просмотров 7662 месяца назад
Using Cursor AI with React Native Expo to create a memory sequence game. Timestamps: 00:00 intro demo 00:30 initial app setup 03:07 cursor AI magic "Coding" 4:09 debugging 7:33 working on high scores 13:01 app done! State of React Native 2023: ruclips.net/video/IKKRgLe-3Js/видео.html Thanks for watching! Please let me know if you have any comments or questions! Packages: npx expo install @react...
How to Secure API Keys in React Native Expo w/ Firebase
Просмотров 4692 месяца назад
Expo securing api keys using firebase functions as a serverless backend. I also use cursor AI as my code editor to generate the react native code. Timestamps 00:00 Intro Demo 00:33 Initial App Setup 01:47 Firebase Setup 3:43 Firebase Functions Setup 6:22 App setup using cursor ai Thanks for watching! Please let me know if you have any comments or questions! Packages: npx expo install @react-nat...
[2024] React Native Firebase Facebook Auth
Просмотров 3362 месяца назад
React Native Expo Facebook Authentication Tutorial! Thanks for Watching! Timestamps 00:00 Intro Demo 00:19 Initial App Setup 01:00 Facebook Setup 4:31 Firebase Setup 7:32 App.json Setup 10:55 IOS Code 16:08 Android Setup Packages install in the video: npx expo install @react-native-firebase/app @react-native-firebase/auth expo-build-properties react-native-fbsdk-next react-native-sha256 Links S...
[2024] React Native Firebase Authentication Phone Auth
Просмотров 1,2 тыс.2 месяца назад
React Native Expo OTP Phone auth Firebase tutorial! Thanks for watching. Please leave a like and a comment if you found this video helpful! Timestamps 00:00 Intro Demo 00:28 Initial App Setup 02:15 Firebase Setup 7:39 Setting up Phone Authentication Code Packages install in the video: npx expo install @react-native-firebase/app @react-native-firebase/auth expo-build-properties Source Code: gith...
[2024] React Native Firebase Authentication Apple Login
Просмотров 7662 месяца назад
This is a react native expo firebase authentication video for both ios and android. I run into a few bugs and make a few mistakes, but thanks for watching. Please like the video and leave a comment if you found this video helpful! 00:00 Intro Demo 00:31 Initial App Setup 02:24 Firebase Setup 6:53 Setting up Apple Sign in Capabilities (Xcode Apple Connect) 9:55 Apple Sign in Button Login Javascr...
[2024] React Native Firebase Authentication Google Login
Просмотров 2,4 тыс.2 месяца назад
This is a react native expo firebase authentication video for both ios and android. I run into a few bugs and make a few mistakes, but thanks for watching. Please like the video and leave a comment if you found this video helpful! 00:00 Intro Demo 00:20 Initial App Setup 02:06 Firebase Setup 3:58 Getting SHA-1 Key from Google Play console 6:02 Setting up Google sign in react native firebase 13:...
State of React Native 2023
Просмотров 3283 месяца назад
Thanks for watching the video! Please leave a like, comment, and subscribe if you enjoyed the video! Survey: results.stateofreactnative.com/ Timestamps: 0:00 - 0:14 Intro 0:14 - 0:19 Responses 0:19 - 1:51 Demographics 1:51 - 2:12 State Management 2:12 - 2:26 Data Fetching 2:26 - 2:52 UI Component Libraries 2:52 - 3:11 Animation 3:11 - 3:19 Debugging 3:19 - 3:40 React Native Features 3:40 - 4:09...
React Native Expo Firebase Tutorial
Просмотров 4 тыс.4 месяца назад
React Native Expo Firebase Tutorial guide to become a coding wizard and launch your first mobile app! Please comment down below if you have any questions or what you would like to see next! Source Code: github.com/andepants/firebase-expo-guide - Firebase https: //firebase.google.com/ - Expo Templates: docs.expo.dev/more/create-expo/# template Timestamps: 0:23 Initial App Setup 1:16 Firebase Aut...
[2024] Firebase React Native EXPO Authentication Setup (File Based Routing)
Просмотров 4,1 тыс.4 месяца назад
Welcome to our comprehensive guide on setting up Firebase authentication in a React Native Expo project with file-based routing! In this video, we'll walk you through the entire process, from initial setup to implementing user authentication and routing with Firebase. Github Repo: github.com/andepants/app-ship Setup Expo Environment: docs.expo.dev/get-started/set-up-your-environment/?platform=i...
Hi, I have tried to configure that but, in IOS the splash is the icon and it doesn't take the splash.image.
Where is for iOS?
Hi, If you are looking for apple login, it's here: ruclips.net/video/ogpYfboojXc/видео.html&ab_channel=AndrewHeim-Dev
do you know can ı change my team name ? cant found anything about that. :(
I fell in love with your narration style. Well done.
You are a savior! Struggled with this for 4 days before i finally stumbled onto your youtube video and everything started working :)
Title should be EXPO login
great video! one question, is there a way to retrieve the name of the user when you log in? i know you can get the email but i was wondering if you could also retrieve the name. if so, what is the field for that? i can't seem to find it.
I would just console.log the user object and see if the name is attached to the account. Then you have access to it ... But if you already did that, and it's not there (which I remember it is not being accessible, but I could be wrong), then you would have to create an input name screen that let's them input their name so you can save it later.
Hey Andrew. I am new to Mobile App development and I am using your tutorial for Google Sign-In. When I accessed Play Console I got this prompt You don't have access to production yet. To learn what you need to do before you can apply for production, visit the Help Centre. When you're ready, you can apply for production access on the Dashboard. Any idea what should I do?
Hmm not too sure. I would look around on the google play console and look for any way you can apply for production. Or see if you need to fill out any account information that could be missing. I found this stack overflow that might help you out: stackoverflow.com/questions/78112062/google-play-console-apply-for-access-to-production
Every time I build the app, it's output is apk not aab. I tried to explicitly mention the buildtype in eas.json to app-bundle but it's still outputs apk.
I'm the opposite, I only built aab and can't install it on my phone
This video really helped. Was able to upload my first every app as a professional designer (I still don't believe I am a developer lol). Currently having my app tested. THANK YOU!!
Hey salut, superbe vidéo, je me posais la question depuis le début comment faire. TU peux faire aussi pour iOS
i have a error Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNGoogleSignin' could not be found. Verify that a module by this name is registered in the native binary.Bridgeless mode: false. TurboModule interop: false. Modules loaded: {"NativeModules":["PlatformConstants","LogBox","SourceCode","Timing","AppState","BlobModule","WebSocketModule","DevSettings","DevToolsSettingsManager",
I’ve been running into this too. To my knowledge it’s because google sign in is not compatible with expo go. If you make an EAS build it will work but it won’t in expo go. Makes development a bit of a pain.
ILOVEU TY MAN
no problem! got you <3
I already have 6.5 screenshots, do I need to add 6.9 screenshots? Or just one?
I believe 6.9 iphone and 13 ipad are the only required ones. You might be able to get away with 6.5, but I'm not sure. I would just submit it, and before you can review the app it will give an error and let you know if you do need the 6.9 screenshot.
@@andrewheimdev oh, my app doesn't support ipad, is there any problem?
@@danhnhanchi6501 No shouldn't be a problem, just might have to deselect the ipad option in xcode. Not sure if there is a way to do it with expo. This thread I found explains a bit more: forums.developer.apple.com/forums/thread/701706
Nice tutorial dude ! it worked in the first attempt, how did you put the icon in home screen without using expo to run the app?
Thanks! Sorry not sure if I get your question. At 3:41 I'm re running the simulator. With "npx expo run ios".
Great content Andrew. quick question, does this same process helps to view the app in TestFlight?
Yes! Once you have a build on test flight, instead of making a new release, you can test it instead on test flight. So all the steps up until that point. Then you'l have to get testflight on your phone and add yourself
@@andrewheimdev thanks
Very helpful video, But what's the best way to navigate user to either the app or auth or onboarding screens depending on whether they're logged in or not
why i am having error with isErrorWithCode becuase of that i cant move forward
Can you maybe give more details on the error code? When/Where you are getting the code. At what step?
do u have any idea where to get sha-1 and sha-256 fingerprint anywhere else? i cant get a gplay console account because of verification issues on google's end. I'm so tired of these issues
Yeah the whole verification can be annoying when you don't have control over it. keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore -storepass android -keypass android Use this line to get the sha-1 and sha-256 fingerprint. I use this line though, just got to make sure the file path is correct: keytool -list -v -alias androiddebugkey -keystore android/debug.keystore -storepass android -keypass android
@@andrewheimdev thanks i managed to get it to work, i encountered the dev error 10 code but managed to fixed it with the discrepancy with my package name :)
@@wywlf6912 Nice! Glad you got it working.
Thank you so much Andrew, Dumb question! is this free?
No problem! And no dumb questions! This is free for the first 2 million invocations. Then it's $0.40/million after! And you can check out more specific pricing here: firebase.google.com/pricing
@@andrewheimdev great! Thank you for the quick reply
@@satyaviswapavanranga5915 no problem!
How long does it take to be approve?
Depends on how backed up they are. This one only took about 24 hours, and I didn't have any issues where I had to resubmit. So it was relatively quick. Usually doesn't take longer than a few days though.
Is it possible to do without eas? (As in just running it on your phone without having to do npx expo start)
nevermind, I figured it out. just edit the scheme to release in xcode
@@sheehanmunim Nice glad you figured it out! For anyone else you basically just build, and submit to the app store all in xcode.
You’re a God send, this is exactly what I’ve been looking for
No problem! Thanks for watching!
good day sir may I ask that if I add the "npx expo prebuild" it only create the android file and not the ios?
If my problem is fix I will subscribe to your yt😅
@@Unknown-h1i9x Glad you figured it out! Thanks for the subscribe!
@@Unknown-h1i9x you're probably using windows that's why
If you'd please be more detailed you do a lot of jumps take not there are beginners watching
sure thing, I'll try and keep the pacing slower for these tutorials
Excellent video!!, thanks for the documentation. I hope your channel continues to grow.
Thanks a bunch! and thanks for watching! Me too :)
can you make a real tutorial not a walk through please
Yeah what do you mean by a real tutorial? Walking through each line of code, or typing everything instead of copy pasting it?
If I'd like to use Firestore, do I then have to save the user to the Firestore for persistence?
Hmmm you could use firestore for persistance, or you could use async storage so it's on the users device, and it just requires a few lines of code: stackoverflow.com/questions/71551192/best-way-to-persist-firebase-login-using-expo-go Here is stack overflow that explains it.
Amazing thanks for this!
No problem! Thanks for watching and commenting!
I've been using Cursor to help with my react native expo app. Unfortunately for setting up Expo with Firebase with Cursor it seems to provide outdated setup methods on older versions with some dependencies. Helpful to start with your starter code and to see how you are using Cursor with Expo as well!
Nice. I like that you're doing tutorials for basic stuff that can be applied to every project.
Thanks!
Awesome video Andrew! It’s really important to not expose secret keys anywhere on the front end in React Native.
Thanks Frank! I totally agree.
When I log in successfully, I only get displayName, the rest of the fields are null? I do not understand!!
I believe you have to go to the facebook settings and change the settings so you can get more information to access than just the display name and the email. @ 1:57 in the video
@@andrewheimdev Thanks, but why is it only my account that can log in successfully? The other accounts have an error and the application doesn't work?
@@danhnhanchi6501 I'm not sure. It may not log you out incorrectly, and so only you can log in. You might not have other people's passwords. Is there anything different about the other accounts that you are trying to log in? Might try a friends account instead.
@@andrewheimdev I had to give my friend developer rights before he could log in.
Interesting video. Btw, since you're using cursor, you could make a video on how you're using it (it's a trending topic right now). I cancelled my Copilot subscription and will give cursor a try when Copilot stops working. I hope Cursor is better with looking into my project folders, gaining insights from all related files and providing an informed answer based on that data.
Thanks for the video! I have a question. Why create firebase auth ios app and firebase auth android app when you can just create firebase web app like you did in your previous video? Can you not do google login with firebase auth web app?
Yeah good question! My understanding is the web app sdk for firebase doesn't work with mobile apps for google login because you have to modify native code (in the ios/android folders). I tried using the google sign in from the web sdk, and kept on getting errors. There might be some work around that I don't know about though!
The hardest part with implementing this is the setups not the actual coding part. So thank you for showing that part thoroughly. Another great video!
Thanks! Appreciate it!
Hi, thanks for the video. However, I'm facing an issue with phone authentication-I don't receive the OTP when using my real number. I can only get it to work with the test number you used in the video.
Yeah no problem. Can you make sure you don't have your number as a test number? Something else to try is if you already have a google developer account. I would create an app, have google signing for your keys. And generate the sha1 and sha256 key, add it to the firebase google account. Redownload the google-services.json file and it to your app, and rebuild. Check if OTP is in spam as well. Check if your application ID matches with your package-name There could be a lot of things that is causing it, but from looking at some stack overflow, it sounds like a problem with the sha-1 key. And in the tutorial I only get the debug key.
yes, I was encountering SHA-1 issues, but I've already resolved that. now whenever I try, I keep getting an "auth/internal-error" with no additional error details.
@@Canon_gss Hmmm yeah not sure without more details, but make sure you are using a test number. You might be hitting your OTP limit for firebase
@@andrewheimdev yeah, i think so.
@@andrewheimdev I think so firebase stopped the phone authentication support on free accounts. I was using authentication functionality for past 2 years but now it's not working. It shows internal error....
Hi Andrew, i did follow as same as you did but i am getting developer error. Error code 10. Do you know that how i can fix this ???? Moreover i got SHA-1 And SHA-256 from eas crediential. I have been trying different tutorials on SSO with google. But none of them worked from me, either its me the one who is facing this or may be there are many more like me. Do a favour can you view my code and help me to debug the reason why i am getting the ERROR CODE 10.
Hi. Thanks for the comment. I'm not sure if it's the same error. But I linked the github thread that solved the problem when I had DEVELOPER_ERROR. I also copy and pasted the keytool line you can put in your terminal to get the sha1 deubg.keystore key in the description I have a feeling you might have gotten the sha-1 and sha-256 that was used for uploading to the android store and not from the debug.keystore. So try that first and see if it works. Also just make sure you have everything correctly configured in your app.json. Also when you get the sha1 key make sure to add it to firebase in your android project, and then redownload and replace your google-service.json file in your root directory
@@andrewheimdev I wished I could subscribe 1000x, thanks buddy.
@@usmanghaniqureshi1934 No problem!
amaaaaazers, you are an angel 🙌🏻
Thanks! USPS just sent my halo!
Did you have to do expo Eject for this solution?
No you don't need to! You just need to modify the app.json to change the native code.
Hey dude, maybe you´re an angel sent by god, you tell me. So I´ve been trying to build my I app but I just can´t. I keep getting this error: The Swift pod `FirebaseCoreInternal` depends upon `GoogleUtilities`, which does not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set `use_modular_headers!` globally in your Podfile, or specify `:modular_headers => true` for particular dependencies. [!] [Codegen] warn: using experimental new codegen integration [!] `<PBXResourcesBuildPhase UUID=`13B07F8E1A680F5B00A75B9A`>` attempted to initialize an object with an unknown UUID. `F21B4A28F0B8423F83837278` for attribute: `files`. This can be the result of a merge and the unknown UUID is being discarded. Error: Unknown error. See logs of the Install pods build phase for more information. I believe it is due to the deprectaed versions of firebase and expo. Is this solution to work around this? I´ve been so desperate 😩
Thanks friend for those tutorials, they are very helpful.🙃
No problem! Thanks for watching :)
Great tutorial, nicely presented - exactly what I needed but couldn't find anywhere else. Could you make a video on how to get rid of the 'DeprecationWarning: The punycode module is deprecated.' It's annoying; I see it appears in your video as well - I haven't been able to solve it.
Sure thing I'll take a look into it!
stackoverflow.com/questions/78516645/warning-deprecationwarning-the-punycode-module-is-deprecated-please-use-a-u I looked into it a bit, and looks like it should eventually get fixed with newer updates, and it doesn't effect the functionality, so I would ignore it for now. But you can use: npm ls punycode to list out the dependencies that are causing the issue in your code.
Great stuff! What if your build is on Expo's EAS? Do you need to have a local build so that you can open it on XCode or is there a way around it?
Thanks! I don't use EXPO EAS Build, so I don't have the best knowledge. But to open it on xcode you would need an IOS folder generated in your local project. That being say you can run: npx expo prebuild --platform ios to generate that IOS folder.
@@andrewheimdev Got it. Thanks!
@@gibber1sh-c6w yeah no problem!
your code is not in github
Thanks for the heads up! I forgot to push it up. I just pushed it so it's updated now!
@@andrewheimdev thanks
@@MosesHashim3 no problem!
@@andrewheimdev I’m confused about something. Is this way of login should create a user in my app? Or is there a unique id of each user for my app? I did something similar last week and was able to login, but no user was created in firebase authentication
@@MosesHashim3 Yes it should create a new user in the firebase -> authentication tab. If you want to add more info to the user you would have to setup a way to store it using a database. This setup just creates the authentication. You can check on the firebase console to see if a new user is created as well! And when you login, you can console.log the user data to confirm if they have actually logged in or not.
why the apk from expo 60mb for only hello world
honestly not sure, if anyone else is reading this, maybe they can tell us
Expo APKs are large (around 60MB) because they include the entire Expo runtime, which bundles many native libraries and features to support a wide range of functionality, even if your app doesn't use them all. This simplifies development but increases the APK size.
@@Babycheeks-xd9mb Thanks!
please do otp phone authentication 🙏🏻
Going to do apple auth next, and then I'll do a phone auth video
I just posted an otp phone auth video with firebase + expo! Let me know what you think of it!
If you could also do a tutorial for setting up Deep links so that we can implement Magic Link auth with Firebase it would be great. The setup is confusing.
I'll look into it! Thanks for the idea, might not get around to it soon
firebase.google.com/docs/dynamic-links I just looked into it, and it looks like Deep links (or dynamic links) is deprecated for firebase at least. So if you do use magic links, might have to use a different service!
@@andrewheimdev Yes, I know. That's why it's been so hard finding tutorials on how to implement this today. Thanks for looking into it though!
Oh I see! Thanks for the clarification! Yeah no problem!
great !! video man, I appreciate it. Could you do a tutorial where you incorporate use Session and wrap the entire app
Thanks! Appreciate your appreciation. What would you need to use useSession for?
@@andrewheimdev I want to wrap my auth session in my entire app, for example the user signs in then he/she will be able submit or post something on my app under the sign in email or credentials.
I see what you are saying. I don't use useSession. But for your use case I would just use auth().currentUser so something like this: import auth from '@react-native-firebase/auth'; useEffect(() => { console.log('auth', auth().currentUser) }, []) You then have access to all the user info provided. Also I found this stack overflow: stackoverflow.com/questions/57776847/how-to-manage-user-session-in-react-native if you want to manage userSession using a different storage method.