1. آموزش فارسی react native
  2. نصب React Native

آموزش نصب react native در ویندوز

این آموزش به شما کمک می کند اولین برنامه React Native خود را نصب و راه اندازی کنید.

دستورالعمل ها بسته به سیستم عامل توسعه شما متفاوت است. ما در این آموزش نحوه نصب react native در سیستم عامل ویندوز برای اندروید را آموزش می دهیم.

نصب وابستگی ها :

شما به  Node js، رابط خط فرمان React Native ،همچنین به Python2، JDK و Android Studio نیاز دارید. در حالی که می توانید از هر ویرایشگر(کد ادیتور) انتخابی خود برای توسعه برنامه خود استفاده کنید، باید Android Studio را نصب کنید تا ابزار لازم برای ساخت برنامه React Native برای Android نصب شوند.

Node, Python2, JDK

توصیه میکنیم Node و Python2 را از طریق Chocolatey، یک مدیر بسته محبوب برای ویندوز، نصب کنید.

برای نصب Chocolatey در ویندوز به این صورت عمل کنید:

نصب Chocolatey از طریق CMD.exe:

کد زیر را کپی کرده و در cmd ویندوز pase کنید.

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

و یا اگر می خواهید با PowerShell مراحل نصب را انجام دهید:

نصب Chocolatey از طریق PowerShell.exe:

کد زیر را کپی کرده و در PowerShell ویندوز pase کنید.

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

اگر خطا دریافت کردید این مراحل را انجام دهید:

این کد را در powershell وارد کنید : Get-ExecutionPolicy

اگر Restricted را برگرداند باید این دستور را در powershell وارد نمایید:

Set-ExecutionPolicy AllSigned
یا
Set-ExecutionPolicy Bypass -Scope Process

بعد مراحل نصب را مجدد انجام دهید.

React Native همچنین به نسخه جدیدی از مجموعه توسعه جاوا (JDK) و همچنین Python 2 نیاز دارد. هر دو می توانند با استفاده از Chocolatey نصب شوند پس نگران نباشید!

Command Prompt را باز کنید (بر روی Command Prompt راست کلیک کرده و «Run as Administrator» را انتخاب کنید)، سپس دستور زیر را اجرا کنید:

choco install -y nodejs.install python2 jdk8

اگر قبلا Node را در سیستم خود نصب کرده اید، مطمئن شوید که نسخه 6 یا جدیدتر است. اگر در سیستم شما JDK دارید، مطمئن شوید که نسخه 8 یا بالاتر است.

 

واسط خط فرمان React Native

دستور زیر را در Command Prompt یا shell اجرا کنید:

npm install -g react-native-cli

محیط توسعه Android

برای توسعه برنامه های اندروید باید Android Studio را نصب کنید.

1-نصب اندروید استودیو

Android Studio را دانلود و نصب کنید.

اطمینان حاصل کنید که بسته های زیر به همراه اندروید استودیو نصب می شوند:

  • Android SDK
  • Android SDK Platform
  • (Performance (Intel ® HAXM
  • Android Virtual Device

سپس روی "Next" کلیک کنید تا تمام این بسته ها نصب شوند.

هنگامی که تنظیمات به پایان رسید و به شما صفحه خوش آمد گویی ارائه شده، به مرحله بعدی بروید.

2-نصب Android SDK

اندروید استودیو به طور پیش فرض جدیدترین SDK اندروید را نصب می کند. با این حال، ساخت یک برنامه React Native با کد بومی، نیاز به SDK Android 6.0 Marshmallow دارد. Android SDK های اضافی را می توان از طریق مدیریت SDK در Android Studio نصب کرد.

مدیریت SDK را می توانید از صفحه "Welcome To Android Studio" مشاهده کنید. روی «Configure» کلیک کنید، سپس «SDK Manager» را انتخاب کنید.

AndroidStudioWelcomeWindows

تب "SDK Platforms" را از طریق SDK Manager انتخاب کنید، سپس کادر کنار "Show Package Details" را در گوشه سمت راست پایین انتخاب کنید. به دنبال (Android 6.0 (Marshmallow بگردید، و سپس اطمینان حاصل کنید که موارد زیر همه چک خورده باشند:

  • Google APIs
  • Android SDK Platform 23
  • Intel x86 Atom_64 System Image
  • Google APIs Intel x86 Atom_64 System Image

AndroidSDKManagerWindows

بعد، زبانه "SDK Tools" را انتخاب کنید و چک باکس "Show Details Package" را تیک دار کنید. به دنبال و گسترش "Android SDK Build-Tools" باشید،سپس مطمئن شوید که 23.0.1 انتخاب شده است.

AndroidSDKManagerSDKToolsWindows

در آخر بر روی «OK» کلیک کنید تا Android SDK و ابزارهای ساخت مربوطه را دانلود کرده و نصب شوند.

3-پیکربندی متغیر ANDROID_HOME

React Bative برای ایجاد برنامه هایی با کد بومی نیاز به تعدادی متغیر محیطی دارد.پنجره سیستم را در قسمت System and Security در قسمت کنترل پنل باز کنید و سپس بر روی Change settings کلیک کنید .... تب Advanced را باز کنید و بر روی Environment Variables کلیک کنید ... روی New ... کلیک کنید تا یک متغیر جدید ANDROID_HOME جدید ایجاد کنید که به مسیر پوشه SDK Android شما اشاره می کند:

Environment Variables

SDK به طور پیش فرض در مکان زیر نصب شده است:

c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

تا اینجا موفق شدیم تمامی بسته هایی که برای کار با React Native نیاز داشته ایم را نصب کنیم.در مقاله بعدی اولین Application اندرویدی را با ری اکت نیتیو اجرا خواهیم کرد. با چسبون همراه باشید.

آموزش های ویدئویی ری اکت نیتیو درحال برگزاری می باشد. در این لینک می توانید به ویدئو های آموزشی React Native دسترسی داشته باشید:

فیلم فارسی آموزش react native

نصب React Native - 3.8 از 5 بر اساس 150 رای

امتیاز کاربران

نصب React Native
دیدگاه‌ها
saeed saeed 2 سال پیش
سلام من زمان اجرا دستور react-native run android خطا No emulators found as an output of `emulator -list-avds` رو دریافت میکنم شبیه سازم هم از طریق avd mannager نرم افزار android studio ساختم و run شده و متغیرهای java-home و android-home رو هم ست کردم هرکاری میکنم همین ارور رو میده اگه کمکم کنید واقعا ممنون میشم.
آرمان بابائی آرمان بابائی 2 سال پیش
درود بر شما. ببینید باید طبق ورژن ری‌اکت نیتیوی که نصب کردید اقدام به نصب ابزارهای SDK کنید. ورژن ری‌اکت نیتیو نصب شده خودتون رو اعلام کنید تا بهتر بشه کمکتون کرد. برای ادامه این بحث می‌تونید از قسمت "بپرس" سایت استفاده کنید.
مهدی مهدی 2 سال پیش
سلام؟ آیا دوره ریکت نیتیو رو ادامه میدید؟؟؟
آرمان بابائی آرمان بابائی 2 سال پیش
درود بر شما. بله حتما با ورژن جدیدتر ادامه می‌دیم.
محسن محسن 2 سال پیش
من تمام این مراحل رو رفتم اما خطایی هست که رفع نشده!! پرسشم رو با جزییات کامل تو لینک زیر گذاشتم ممنون اگر کسی میدونه کمکم کنه: https://stackoverflow.com/questions/58327218/unable-to-load-script-make-sure-youre-either-running-a-metro-serverrun-react
سعید سعید 2 سال پیش
با سلام و وقت بخیر. ببخشید من هر وقت میخام ری اکت نیتیو بنویسم، اندروید استودیو رو باز میکنم و شبیه ساز خود اندروید استودیو رو باز میکنم و از اون استفاده میکنم. آیا راه حلی هست که مثلا nox رو نصب کنیم و بدون اینکه اندروید استودیو رو باز کنیم فقط با باز کردن nox به کدنویسی بپردازیم؟ اگر لینک آموزشی دارید ممنون میشم در اختیارم قرار بدید
آرمان بابائی آرمان بابائی 2 سال پیش
درود بر شما. صد در صد راه های مختلفی وجود داره. برای مثال من آموزش ویدیویی شبیه ساز genymotion رو با ری‌اکت نیتیو ضبط کردم که می‌تونید دوره رو تهیه و مشاهده کنید. لینک: https://chasboon.ir/series/react-native-video-tutorial
sima sima 3 سال پیش
سلام. جسارتا مگه قرار نیست ری اکت نیتیو به ما در خروجی، اپ اندروید و iOS بدهد؟ با این تفسیر من معنی این جمله را نمیفهمم: " آموزش نحوه نصب react native در سیستم عامل ویندوز برای اندروید را آموزش می دهیم."
آرمان بابائی آرمان بابائی 3 سال پیش
بله در خروجی هم اندروید هم IOS به ما خروجی میده. اما طریقه نصب ری اکت نیتیو در سیستم عامل های ویندوز و mac متفاوت هست. اما برای این گفتم اندروید چون قبل از شروع کدنویسی با ری اکت نیتیو باید نیازمندی های اندروید و IOS رو روی سیستم خودمون نصب کنیم. و من در این آموزش فقط آموزش نصب نیازمندی های اندروید رو توضیح دادم
حسن قلی حسن قلی 3 سال پیش
زبان اندروید نداریم که ، یکی از زبان های اصلی برای نوشتن برنامه های اندروید جاوا هست
آرمان بابائی آرمان بابائی 3 سال پیش
اندروید مشتق شده از جاوا هست و نه خود جاوا. هم میشه گفت زبان جاوا هم میشه گفت زبان اندروید.
حسن قلی حسن قلی 3 سال پیش
اندروید یکی از توزیع های سیستم عامل لینوکس هست. و جاوا زبان برنامه نویسی هست که می تونیم برای تمامی دستگاه ها برنامه نوشته و بدون محدودیت سیستم عامل اجرا کنیم
آرمان بابائی آرمان بابائی 3 سال پیش
اندروید از کرنل لینوکس استفاده می کنه و نمیشه گفت یک توزیع از لینوکس هست.
حاتم حاتم 3 سال پیش
با سلام آقا سال 97 هم تموم شد و شماهنوز این آموزش رو آپدیت نکردید. منتظریم. موفق باشید.
آرمان بابائی آرمان بابائی 3 سال پیش
سلام. تعداد ثبت نام کنندگان به حد نصاب که برسه دوره رو شروع میکنیم. ممنون از پیگیری شما.
داود داود 3 سال پیش
سلام. ممنون از آموزش های خوب و بیان عالی تون. لطفا آموزش ری اکت نیتیو رو ادامه بدید که جای خالی آموزش شما در اینترنت بشدت احساس میشه. موفق باشید.
آرمان بابائی آرمان بابائی 3 سال پیش
ممنون از فیدبک شما. حتما این دوره رو ادامه میدیم و از بهترین آموزش های فارسی خواهد بود.
حسن حسن 4 سال پیش
سلام خسته نباشید.لطفا ری اکت رو ادامه بدید. ممنون
آرمان بابائی آرمان بابائی 4 سال پیش
سلام. حتما هم آموزش ویدیویی اضافه خواهیم کرد. هم مقاله.
حاتم حاتم 4 سال پیش
آقا عالیه، ادامه بدین و یه اپ کامل رو توی دستور کارتون قرار بدین. مخصوصا اتصال به سرور و خوندن دیتابیس. ممنون
آرمان بابائی آرمان بابائی 4 سال پیش
به زودی در ویدیوهای آموزشی تمامی مقوله ها رو کاملا شرح می دم.
حاتم حاتم 4 سال پیش
با سلام مجدد... آقا همچنان منتظر آموزش های شما هستم.
آرمان بابائی آرمان بابائی 4 سال پیش
سلام. خوشحالیم از پیگیری شما. درحال ساخت آموزش های ویدئویی هستیم.
حاتم حاتم 4 سال پیش
خیلی عالی
صفورا صفورا 4 سال پیش
مقاله بسیار مفیدی بود خواهش میکنم آموزش React رو ادامه بدید. سپاسگزارم
آرمان بابائی آرمان بابائی 4 سال پیش
خوشحالیم مورد رضایت شما قرار گرفته . حتما ادامه خواهد داشت.

2021 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.