Publish your React Native CLI app to Apple App Store (step-by-step tutorial)

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
hello and welcome back to another video not just developers today we're going to learn how to publish your react native application to apple's app store from scratch but as always don't worry because we will go through everything that you need to know and i will guide you throughout the whole process step by step and also try to clearly explain everything as we go in case you're looking for a tutorial on how to upload your react native application to google play store or how to upload your expo application to apple's app store or google play store don't worry we've got you covered here as well because we have all of those tutorials on this channel so without wasting any more time let's start learning [Applause] [Music] okay so before we can continue we still have to create accounts on a few websites in order to use their services but i've already done that in our previous tutorial so i don't want to really repeat myself therefore i will ask lucas from the past to showcase you how it's done and i'll wait you here after you're done with that we'll be able to continue our tutorial so let's roll the clip let's type apple developer in our url bar click enter in here select the first link you'll see this page where we have to click account up top here and they will ask us to log in if you have your account already you can log in and skip to the later part of the video but if you don't have one let's click create yours now here we can close this tab already and in here we'll have to provide some information about you so let's start with the name last name our country date of birth your email you need a valid email here so type in whatever fits you now you'll need a strong password okay and in here we'll need to provide our phone number also you need a real phone number in order to verify your phone you can select whether you want to verify it with a text message or a phone call i will select text message and i don't need to receive announcements nor do i need to receive emails about new releases also you need to type here the letters from this image and click continue now you need to go to your email and type in here the code that you received there so i will type in the code and i'll come back to you right after i do that okay so i just entered my code now let's click continue here and now we will have to verify our phone number that we provided as well so after you get yours enter it here and click continue as well okay i've entered mine now let's click continue and in here we'll have to agree with apple developer agreement so you can read and after you've done with this you can click that you confirm that you have read and agree to this agreement and also i like to uncheck this box but if you'd like to receive communication announcing the latest events news and etc you can leave the stick on let's click submit and here we are we are in our apple developers dashboard now in order to be able to manage your application or most importantly publish your application to the apple's app store you do need to enroll to their apple developer program and it does cost 99 a year which is pretty steep compared to google play but basically there is no other way around it and if you want your app on the apple app store you'll have to do that so in order to do that let's click this gray box under here and in this page you'll be able to read a little bit what it gives you its benefits and stuff like that but basically i've just summarized everything before it does include some neat things and interesting helpful tools but basically if you want your app on the app store you need to unroll so let's click this blue button here and in here we can also read a little bit more what do we need if we are enrolling as an individual or what do we need if we are enrolling as an organization of course we are going to do it as an individual so let's scroll down and click start your enrollment and in here we will need to provide some more personal information so i'll do that behind the camera and then i'll come back to you right after i'm finished okay i'm done now i can click continue down below here and basically it will ask us whether we are individual company non-profit or any other of the choices and of course we are an individual so let's click continue now let's again read everything here if you want to and after you're done you'll have to click this box in order to confirm that you have read and agree to everything that says there now let's click continue and in here as i've mentioned before we still have to pay for our apple developer program membership so in order to do that click this purchase button down here in this page simply provide your payment information as well as billing information and then click continue after which you'll be charged 99 and that's it you have your apple developer account now i won't do that because we already have an account so you can pause the video make the purchase and i'll meet you at the apple developer dashboard here it is here is your apple developer dashboard now that you have your apple developer account we can continue and the first thing that we have to do is click on this certificate ids and profiles in the left sidebar menu in here click identifiers and new identifier we need to create a bundle identifier for our application in order to uniquely identify it on the app store so click continue here select app and continue again and here we'll need to provide a short description so something like not just simple math bundle id and also here below we need to select what capabilities does your application have so most likely it is very common that you will have something like push notifications sign in with apple or maps and if it does use that click here and leave it like that well our application doesn't use any of these so i will leave all of them empty and simply provide the bundle identifier and apple even recommends using this style so that's what we are going to do com dot not just dot simple math and click continue now you can review everything here and click register okay after registering it we can see it is here not just simple math bundle id and our identifier perfect now that we have our identifier we can go back to our developer account main dashboard and click app store connect and here you click go to app store connect in this page select my apps and here if you have any applications you you'll see all of them if you don't have them then it is going to be blank but you have to click this plus button near the app's title and click new app in here let's select a platform so we are releasing application for ios devices now the name it's going to be not just simple math now we need to select primary language it's going to be english and the bundle id that we just created so click this drop down and find the bundle id that you created here it is our not just simple math bundle id let's click on it and the sku it is a unique id for your app that is not visible on the app store so basically you can provide the same thing as bundle id so we will say com dot not just dot simple math now we have to select user access and more times than not you will select full access especially if you're a small team or you are a sole developer so just select full access and it's going to be okay let's select that and click create now you might need to reload the page for your application to appear here so let's try to do that and here it is not just simple math let's click on our application and in here we'll have to provide a lot of information and different screenshots different pricing basically a lot of it so i really don't want to again repeat myself because it's going to be completely completely the same as i did during the last tutorial and it takes quite a bit of time so i thought it would be a good idea to again ask lucas from the past to show how it's done because we already did that so go through everything like i show you in that video clip and i'll wait you here it will take quite a bit but it's not going to be very difficult so good luck first of all we will start with app reviews and screenshots so you need to provide at least one screenshot for iphone 6.5 inches iphone 5.5 inches and four ipads so let's start doing that and actually you can click this choose file and select from your computer where your files are i will do that behind the camera because it will take a lot of time to go one by one and then i'll come back right after i'm done here it is i just finished uploading my images and screenshots so basically you can see it for 6.5 iphone 5.5 and ipads okay we can continue you can always add some kind of promotional text here and it will basically always appear above the description so it can be one simple sentence and in my case i will write crypto currency price tracker comma don't miss a tip okay so it's something flavorful and also you can provide a description think about it very well because description is pretty important for your application if you want other people to download it for me i just quickly created something behind the camera so i will copy paste but i just list some of the key features of this application okay now let's go to the keywords keywords are actually very important i think it makes more sense to have a less keywords but very good ones rather than fill out the whole 100 characters with bad keywords so i also prepared some behind the camera and you need to separate them by comma so something like this crypto comma price tracker comma cryptocurrency comma etc okay now let's go to support url and we will come back to this a little bit later so let's leave it empty for now we don't have any marketing url and it is optional so we can skip it version number will be 1.0.0 so let's fix it and copyrights it will also be you can it can be your name your startup in my case i will simply put not just this one a routing app coverage file is optional and we will skip that imessages app we don't have that and we're not releasing for apple watch here we will need to upload our build a little bit later but let's skip this for now as well and we don't use game sent so we can move on okay app review information so this information is necessary in order for apple worker to review your application and either approve it or decline it and our application don't have any sign ins so we don't we can skip this one but if your application contains a registration and login forms you need to provide login forms for the reviewer but we don't have so we can uncheck this one and now this is contact information so this is basically how they can reach you let's provide my name my last name my phone number and my email and this is notes for the tester so you can leave something like thanks for your time and you can leave it empty but i like to thank for their effort and you can add some sort of attachments that you think may be necessary but it's optional so we can skip and now we go to the last step in this page basically you can select if you want this app to be automatically released right after it is approved if you want to manually release this version and that's what actually i will select for in this case or if you want to automatically release this app version after it's approved but no earlier than a certain date i will select manually release it and we can go up top to save all the information okay now it's saved we can continue go in here under general to app information and here we'll have to provide some more information first of all the name here we already set it so let's leave it like that you can add a subtitle if you want in my case i will leave it empty in here we need to select the category of this application and there are a lot of categories here but i think the one that fits the most is finance here so let's select that you can also select the secondary category but i don't have anything so i'll leave this empty as it is only optional but this will let you appear on the search results a little bit better okay now we need to set up our content right so let's click this set up content rights information and answer to a few questions does your app contain show or access third-party content and i think it does we use con geeko api so let's click yes and i have the necessary rights and the only requirement from coingiko is to mention that it is powered by their api and i already did that so let's click done and the age rate so we need to set up the age rating across all platforms let's click here and we have to go through a questionnaire so you can read here first select the level of frequency for each content description that best describes your app the app's age rating that will appear on the app store is the same across all platforms so cartoon or fantasy violence none realistic violence none prolonged graphic or sadistic realistic violence none profanity or crude humor none mature suggestive themes none horror fear themes none medical treatment information none alcohol tobacco or drug use of or references no simulated gambling no sexual content or nudity no graphic sexual content and nudity no contests no okay we filled our our form we can click next and here answer to a few more questions does your app contain unrestricted web access such as with an embedded browser no does your app contain instances of gambling nope it does not let's click next and the last one based on your selections your app page rating displayed below which is four years old and here advanced your app's age rating will be replaced by the rating associated with each option below your content selection and level of frequency will not be affected and we can leave this as it is and click done if your app is more suited to 17 plus years old you should have selected that for us it's good we selected all of the required information and we can click save up top here and continue to pricing and availability our application is free so that's what we are going to select you can select whatever price your app is but usually probably it will be free and you can select also in other currencies but i don't need that now we can click save here because these other options are not as important you can go and read them through but usually you will leave them by default and go to app privacy and in here we'll have to first of all click here get started and basically they will ask us about data collection if your app is collecting any kind of data you should click yes and then you'll have a few more questions to answer but we don't collect any data about the user so let's click no and click save additional setup required to update your apps product page with new data types you need to finish setting them up on the following page okay but we don't collect any type of data so we don't need to do anything else now we do need to provide our privacy policy url but of course it would take too much time to write a good privacy policy right now therefore just open a new tab go to app.privacypolicies.com in here click privacy policy generator and we'll have to answer to a few questions in order for them to generate a privacy policy for us first of all where will your privacy policy be used and it's going to be used in an app then we need to provide our app name so it's not just crypto tracker now we need to provide our entity type and we are an individual and the country so let's select my country you can select yours click next now what kind of personal information do you collect from users we don't collect anything so i will choose others if you collect something make sure to select it here and select additional information you collect from a device we don't collect anything so just let's just click next step and here we'll need to provide how users can contact us for any questions regarding our privacy policy so i will select by email and provide my email okay next step and now we can choose if we want their professional privacy policy we don't so i would simply click this and click next step and here i need to provide the email address to which i want to receive this privacy policy i will select the same one and click generate here it is we have our privacy policy url we can click here to copy then we can close this page and we are back here and here we click edit and in under privacy policy url paste the url that we just got and click save in here we need to click this publish button so it will publish your app privacy policy responses and yes okay we are done here and now we can go back to our main page by clicking this prepare for submission link and here we still have a few things to deal with the first one being support url apple explains it as an url with support information for your app which basically doesn't give you much and i've tried to dig deeper why are they requiring it and what it is actually and from what i've managed to gather apple expects a bare minimum of support for users of your application and a user should have some way to contact you with questions concerns issues or any problems with the app and some people even say that it can be a simple email address to contact you but i never tried it so don't quote me on that i'm not exactly sure and what apple is requiring that because if a user doesn't have a way to contact you with a problem they will just complain to apple if they have any kind of issue and apple would have just no way to resolve that issue with your application so requiring this url saves apple from having to deal with users who really just want to communicate with you so in this case i will simply try to provide a url to my privacy policy because under the bottom they still have an email to contact me and i'll see if apple accepts my submission or rejects it and then i'll let you know welcome back i hope everything was clear from that video and now we can continue so while you were going through all of those steps in the video i actually did the same behind the camera and now we can start working on more technical things so let's go and open our xcode in here select open a project or file navigate to your react native project and select ios after selecting click open and once the loading is finished we can click on here xcode preferences navigate to accounts tab and click here to add a new account select apple id click continue and log in with the account that you just created for your apple developer account i already did that so i'll close this after you're logged in go here on simple math then go to signing and capabilities and in here select automatically manage signing and team to your team basically that you just logged into i'll select this now we'll create signing certificate for me automatically and once it's finished you're good to go now we can go to general tab and in here change a few details first of all let's start with the display name that's basically going to be the name under your app and we will say that it should be not just simple math bundle identifier should be the same as we created in the app store connect so let's change it com dot not just dot simple math now the version is going to be 1.0.0 the build number is going to be one now every time we release a new update a new version we will have to increase version and build number okay let's go to deployment info we are releasing it only for iphone so that's good now device orientation we will leave it only in a portrait mode but if you are supporting upside down landscape left landscape right you can select these two for us it should be only in portrait mode and everything else leave it like it is now the thing that you will most likely want to change is your icons and in order to do that let's open a browser new tab and go to app icon dot co let's click enter for me i need only icons for iphone but if you need icons for ipad watch os mac os do select these now click here or drag the image that you want to be your icon so i will click here and select the icon that i have created probably myself with my design skills and then click upload once it's uploaded simply click generate and it will download new zipped file with all of your icons so click on it and here we have unzipped icons okay that's good we can see that all of these assets are in here the ones that we need that's good so now let's go back to our xcode let's open this folder let's go to simple math here again and to images and here click on app icon we can minimize this window for now and drag all of these icons except this contents.json onto here some of the icons will be added here in their places automatically but some of them won't so if they're not then simply drag you see that here is 1 0 24 so let's drag it here 40 pixels drag it here 60 58 80 87 114 120 and 180 and i see that i need 120 one more time so let's drag where is my 120 let's drag it in place perfect we have all of our icons in place we can even see that here it's changed as well now we can close this close this one as well and most likely you will have to go here to product lean build folder and after cleaning build folder go to product again and build in order to change the icons in every place basically so once my build is finished i will come back to you okay i can see my icon updated here so now the only thing that's left is to our hive our application and in order to do that first of all let's click on this ipod touch and we need to select from this long list any ios device click on this then go to product and click archive now this will take us well approximately the same time as it took for building the app but we have to wait so i'll come back to you again right after it's finished once the archiving is finished it should automatically open this window if it didn't open just go to window and click organizer but if it did you should see something similar to this here it should be your application name and here should be the archive that we just created don't worry if the icon is not correct here it will update a little bit later after the archiving select your build and click distribute app in here select app store connect click next here upload and here leave everything on default as well and click next here leave as well default and once all of the loading is finished again simply click upload here now your application will be uploaded to app store connect and once you see this finished you can go to app store connect click on test flight and here after let's say after 10 minutes you will see your first build with your first version it will also take a little bit of time to process the build on the app store connect so give it some time and again i'll see you after it's finished so once the processing is finished you'll see your new version with your first build and as i said a correct icon and a missing compliance warning click on manage and select according to you most likely it's going to be no but if your app uses any kind of encryption select yes then click start internal testing and now your application is ready to submit but before submitting it is usually very smart to test your application on your internal testers or even on your real device and in order to do that you can click here near internal testing and provide internal group name i will call it simply internal testers and click create also enable automatic distribution okay perfect now near testers click plus button and select the testers that you want to invite in your testing basically internal testing okay after selecting click add and you'll see that the status is invited now this invited user has to go to his email address and accept the invitation also he'll have to download test flight application from the app store log into his account and he'll be able to test your application on a real device just before releasing it to production it is very smart to do that because that way you can spot bugs that you didn't manage to find during the development or even some bugs that weren't in development but now they are here so usually you should follow this flow okay after we tested our application we can go to app store in here scroll down until you find build and now we have to add the archive that we created to this new release select here select the build that you created click done and now we can see that our build is uploaded with included assets app icon now we need to save it after saving we can reload and after reloading we should see our icon here as well perfect that's it we only have to go through a few last steps before submitting our application for apple review and those steps are clicking this add for review button in here checking if all of the information is correct and then clicking submit to app review that's it you have submitted your application to apple review once the apple review is finished you will receive a notification to your email address or you can simply come back here and you'll see here either a rejection because your application doesn't meet apple requirements or you'll be able to release your new application to production by going to this window and clicking a button here that will appear if the application is approved that's it here we have our app uploaded to the app store now if you want to release an update you will have to follow very very similar uh steps first of all do the changes in your application then in xcode come to this place increase the version number by one and the build number by one then go to product and archive after archiving your app go through all of the same steps and as easy as that you will release a new version of your application so guys we have covered everything that you need to know in order to release your application to apple's app store i hope everything was clear to you and you've managed to go through the whole process without any problems if you have found any value from this video i would really appreciate if you could like the video and subscribe to this channel because it really helps us to grow and release even more content to you guys again thank you very much for watching and have a nice day bye
Info
Channel: notJust․dev
Views: 57,343
Rating: undefined out of 5
Keywords: vadim savin, not just development, notjust.dev, react-native tutorial, react expo, react native live coding, react native, publish expo react native app to app store, app store developer, app store connect, deploy react native app to app store, how to upload ios app in app store connect, react native expo publish app, react native deploy, deploy ios app to app store, google play, react native deploy to appstore, react native to app store, how to deploy ios app, app store
Id: r-Z--YDrmjI
Channel Id: undefined
Length: 28min 25sec (1705 seconds)
Published: Tue Jun 21 2022
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.