Generating iOS & Android Builds for a React Native App (In the Cloud | Without a Mac)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 มิ.ย. 2024
  • In this video, we look at how to create iOS and Android builds for a React Native project in the cloud using eas-cli.
    GET SOURCE CODE 📀⬇️
    🔴 Project Code Used for Demo- bit.ly/rn-dark-light-theme-pr...
    🔴 All Other Source Codes & Support - bit.ly/ttpc-monthly-access
    NOTES
    🔵 We look at how to generate iOS builds for the Apple App Store and iOS Simulators with a Mac.
    🔵 Also, for Android, we'll look at generating Android App bundles (.aab) for the Google Play Store and APK builds which are easily shareable.
    🔵 All the builds are generated in the cloud using eas-cli from Expo.
    🔵 The approach used will work for expo based projects and bare react native projects as well.
    VIDEO RESOURCES
    🟢 News Feed Project Used - • React Native Dark & Li...
    🟢 Create Expo Account - expo.dev
    LET’S WORK
    👋 You can reach me at - www.tothepointcode.com/contact
    CHECK OUT THESE HELPFUL TUTORIALS
    🟡 Complete React and Node JS Login System - • Login Page with React ...
    🟡 Node JS Projects - • Node JS Starter Guide
    🟡 React Native Projects - • React Native Starter G...
    🟡 Publishing Expo React Native App to Play Store Journey
    - • Publish Expo React Nat...
    🟡 PHP Project
    - • PHP CRUD Application f...
    TOOLS USED
    🟠 Tool for my thumbnail & images - partner.canva.com/ttpc
    🟠 Cheap website domain name - namecheap.pxf.io/ttpc
    FOLLOW US ON:
    🔵 Twitter - / tothepointcode
    🔵 Instagram - invitescon...
    🔵 GitHub - github.com/tothepointcode
    🔵 TH-cam - / @tothepointcode
    CHAPTERS
    00:00 What will be done
    00:18 Required Setup & Configuration
    02:37 Creating Builds | iOS App Store Build
    06:33 iOS Simulator Build
    08:37 Android Google Play Store Build
    09:46 Concurrency Limit warning
    10:26 Android APK Build (Easily Shareable)
    11:57 Building for Both iOS and Android Simultaneously
    12:34 When the build completes | App Size, Availability, Build Duration
    13:28 Sample Run of Completed APK Build on Emulator
    #tothepointcode #apk #reactnative

ความคิดเห็น • 52

  • @Habitual-Developer
    @Habitual-Developer ปีที่แล้ว +1

    Very Valuable Information and Correct Instruction.!!

  • @nathanieleje
    @nathanieleje ปีที่แล้ว +3

    Thanks so much for your tutorial. It is very educating and rich in content. I am a new react native developer and this will help me a lot.

  • @harveerSingh-iy9xz
    @harveerSingh-iy9xz ปีที่แล้ว +4

    Thanks bro you saved me from 1 week hustle between me and .aab file😇😇😇
    Keep going bro to help the beginers in android development 👍👍👍👍

  • @AmanKumar-cn5yc
    @AmanKumar-cn5yc ปีที่แล้ว +1

    Thank you for giving truth value

  • @nileshnilu7902
    @nileshnilu7902 8 หลายเดือนก่อน

    Saved lot of time😊

  • @alaminhowlader36
    @alaminhowlader36 ปีที่แล้ว +1

    very helpful❤❤❤

  • @adjeoumar2228
    @adjeoumar2228 ปีที่แล้ว +1

    Thanks bro

  • @jacobhenry7223
    @jacobhenry7223 4 หลายเดือนก่อน

    Thanks teacher

  • @vince2nd
    @vince2nd 11 หลายเดือนก่อน

    Yes sir, i was getting an error during the configuration stage.. needed to initialize an eas command.
    But yea, got the file and doing internal testing

  • @harshratnani7212
    @harshratnani7212 ปีที่แล้ว

    i tried same method for ios simulator but its getting error of main js bundle does not exist how can i solve this ?

  • @rickcode22
    @rickcode22 11 หลายเดือนก่อน +1

    Awesome Video! is there any way to easily share your app with your testers in the real device? instead of downloading and checking it in the simulator? Like metro bundler a few years ago. Thanks!

    • @ToThePointCode
      @ToThePointCode  11 หลายเดือนก่อน

      There are a few ways I can think of now;
      - On Android, you can download the resulting APK file and share.
      - Also, you can use the expo publish approach to make the app accessible through the Expo Go App on both iOS and Android.
      - If you have already created the app on the App Store, you can use TestFlight and PlayStore internal testing.

  • @b_tongheng
    @b_tongheng ปีที่แล้ว

    I can't build it says "gradle build failed with unknown error. see logs for the "run gradlew" phase for more information."

  • @santd3400
    @santd3400 11 หลายเดือนก่อน

    Apple Dev account by use iOS 17 on devices can do in this way ??? Thanks

  • @codewithdevhindi9937
    @codewithdevhindi9937 ปีที่แล้ว +2

    nice video bro and even got that in play store only aab files are valid

  • @ketank6864
    @ketank6864 10 หลายเดือนก่อน

    am getting error while building for ios , and the error is unknown error and it comes when the pods file are generating , am using react native expo with firebase ....! give me solution

  • @ahsanabrar880
    @ahsanabrar880 3 หลายเดือนก่อน

    thanks

  • @harveerSingh-iy9xz
    @harveerSingh-iy9xz ปีที่แล้ว

    Bro can you please make video on how to export web build from react native??

  • @user-sq5kf1fv2h
    @user-sq5kf1fv2h หลายเดือนก่อน

    can you plz tellme dependencis my react native working on ios not opening on andriod ,plz provide some steps to build (react native cli ,macos) gradle version java kotlin ...

  • @dark_world_lyrical_edits
    @dark_world_lyrical_edits ปีที่แล้ว

    Hello,
    i am getting error after below command
    eas build:configure ,
    error comes like this :
    Entity not authorized: AccountEntity[b2caa6c4-d7f0-4caf-9004-3ccbe7816845] (viewer = RegularUserViewerContext[ccdead27-91f1-4622-b1c8-1adf6cffd86f], action = READ, ruleIndex = -1)
    Error: GraphQL request failed.
    let me know how to solve this error

  • @cinegolpo-movieexplainedin8192
    @cinegolpo-movieexplainedin8192 ปีที่แล้ว +2

    would you show how to do it in windows

  • @omarms3341
    @omarms3341 6 หลายเดือนก่อน

    i tried the first method with ios and got this log
    Authentication with Apple Developer Portal failed!
    You have no team associated with your Apple account, cannot proceed.
    (Do you have a paid Apple Developer account?)
    even tho the infos are correct what does this mean ?

  • @wasimbadsha4342
    @wasimbadsha4342 ปีที่แล้ว +1

    useful information for eas-cli approach for expo app builds. 👌👌Love from KL,IN 🇮🇳 🫰🫰

  • @theadityadeshpande
    @theadityadeshpande ปีที่แล้ว +3

    Great video!! I want to test my React native app on IOS simultor as well, can you share how to run it on windows PC ?

    • @ToThePointCode
      @ToThePointCode  ปีที่แล้ว

      The easiest way to run the iOS simulator is on macOS. Otherwise you need an actual iOS device

    • @theadityadeshpande
      @theadityadeshpande ปีที่แล้ว

      @@ToThePointCode Is there any way I can run IOS build on windows?

    • @calpardo
      @calpardo 9 หลายเดือนก่อน

      @@theadityadeshpande no

  • @sharadchoudhary3865
    @sharadchoudhary3865 ปีที่แล้ว +1

    Why I have to run dev-client server to run my app; when I downloaded the apk. Can you Please tell how to run my apk like normal app

    • @ToThePointCode
      @ToThePointCode  ปีที่แล้ว

      You don't need to. Unless you built the apk using the development profile.

  • @sangitaelango9361
    @sangitaelango9361 ปีที่แล้ว +1

    Thanks for the video. I have a problem when installing the app on ios. It says "No Bundle url present". do you know how to solve this? Any help is much appreciated.

    • @ToThePointCode
      @ToThePointCode  ปีที่แล้ว

      Is your project bare react native or expo based?

    • @sangitaelango9361
      @sangitaelango9361 ปีที่แล้ว

      @@ToThePointCode my project is expo based.

    • @harveerSingh-iy9xz
      @harveerSingh-iy9xz ปีที่แล้ว

      Recheck the dependencies you have paired with expo/react native
      I have faced the same due to incompatible dependencies with react native. Ensure that you pair the compatible dependencies with project
      You can view the dependencies in package.json file

  • @luisbrazilva
    @luisbrazilva 3 หลายเดือนก่อน

    I would like to see an eas submit to google play store tutorial. No one that I can find has done one yet. Or at least an android submission from the Google Play Store that addresses the 20 testers dilemma. How is anyone finding 20 people to test your app for 14 days continuously

  • @omerkilincc
    @omerkilincc 5 หลายเดือนก่อน

    Hello, I am trying to compile for iOS with Expo, but I constantly encounter "install pods" errors, can you help?

    • @vaultofmyths
      @vaultofmyths 5 หลายเดือนก่อน

      If you are on Windows, you can't build for ios locally, if you're on mac then you just need to follow the expo mac environment setup guide and you're good.

    • @omerkilincc
      @omerkilincc 5 หลายเดือนก่อน +1

      @@vaultofmythsThank you for your answer. But I'm getting these problems on Mac. Even though I made all the installations, there are no errors during testing, but it gives pods errors during compilation.

  • @thinhpham3287
    @thinhpham3287 ปีที่แล้ว

    Im login apple id and error:
    Authentication with Apple Developer Portal failed!
    Failed to set up credentials.
    You have no team associated with your Apple account, cannot proceed.
    (Do you have a paid Apple Developer account?)

    • @verixer4032
      @verixer4032 11 หลายเดือนก่อน +1

      you need a paid dev account to build buddy, he already stated that like twice in the video

  • @dancruz7845
    @dancruz7845 11 หลายเดือนก่อน

    Android build works fine.. but iOS always fails and I get this error: The "Run fastlane" step failed with an unknown error.

    • @polentaibife
      @polentaibife 7 หลายเดือนก่อน

      did you find a solution for this?

  • @ooyey
    @ooyey ปีที่แล้ว +1

    Do i need macOS for building ios using eas !?

    • @ToThePointCode
      @ToThePointCode  ปีที่แล้ว +1

      No you don't.

    • @user-xs7bp3oo3g
      @user-xs7bp3oo3g 6 หลายเดือนก่อน +1

      still apple greed will make you spit 99 dollar

    • @milon27
      @milon27 หลายเดือนก่อน

      ​@@user-xs7bp3oo3gper year

  • @bambanx
    @bambanx 11 หลายเดือนก่อน

    need developer account?