- 12
- 19 527
Andrew Heim - Dev
United States
Приєднався 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 288
Відео
React Native Expo Submit to IOS App Store
Переглядів 1,6 тис.Місяць тому
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
Переглядів 1,2 тис.2 місяці тому
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
Переглядів 8042 місяці тому
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: ua-cam.com/video/IKKRgLe-3Js/v-deo.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
Переглядів 5702 місяці тому
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
Переглядів 3892 місяці тому
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,3 тис.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
Переглядів 8412 місяці тому
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,7 тис.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
Переглядів 3334 місяці тому
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,5 тис.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,3 тис.5 місяців тому
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...
How can I implement this using Firebase's official JavaScript SDK instead of react-native-firebase/auth?
Might have to test it out, but I'm pretty sure you'll get an error, because the JS-SDK is meant for web and not mobile apps. And phone auth requires native specific code to be implemented.
@@andrewheimdev Thanks for help! It's valuable
@@beingtender550 no problem!
Why when I do eas build --platform android it asks me by google-services.json?
Please how can i generate the screen shorts?
Great work. can you share the code to save me some typing errors, i miss a lot of it as it goes off screen or is covered by your video.
github.com/andepants/api-tutorial Just pushed the code to github!
sorry about going off screen, and the video
so nice of you, I am a retired Biochemist/Anesthesiologist now trying to build mobile AI apps with Expo. It was great of you to take the time to put this on the web, I did get it all working. I get a lot of help from the LLM's but they still cannot replace a working tutorial IMO. I am going to put a post about this great video on my BlueSky account (unfortunately only 7 followers - HAHA)
@@garymdmd Congrats on building your apps! Thanks for the post!
Annoyingly looks like google has completely changed the ability to get the app signing key on there play console. Apparently i need to fully configure an app first then find 20 closed test testers before I can create a production release to get that signing key via the console. Is there any other way to get this key?
Could you make a video about expo-camera? Its quite a pain in the ass
adamsin adam
sin adam sin
good video thanks! but what about the firebaseConfig api key etc... aren't you now just creating the problem again? Can't the firebase api key can be extracted from the app?
Yes my understanding is that the googleservice.json file is exposed to the app, but that's okay. You are supposed to restrict how it is used in the server. And that's why we set the api key on the server, so you have to be logged in and pass through the security rules to get access to the api key. That being said, nothing is really safe on the internet, but the idea is to add security layers so it's not easy to access sensitive info. This is just another layer so, that users can't directly copy the api key after decompling the app
You are hilarious! Great tutorial, really loved and appreciated it, wishing you the best of the best!
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: ua-cam.com/video/ogpYfboojXc/v-deo.html&ab_channel=AndrewHeim-Dev
do you know can ı change my team name ? cant found anything about that. :(
I'm sorry, not to my knowledge
Thanks!
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!!
You are a developer. Imposter syndrome is real. And no problem!
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.