تخفیف ویژه دانشجویان چسبون ، برای اطلاع از جزئیات این تخفیف اینجا کلیک کنید
  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
دیدگاه ها
حسن قلی | 2 ماه پیش
زبان اندروید نداریم که ، یکی از زبان های اصلی برای نوشتن برنامه های اندروید جاوا هست
آرمان بابائی | 2 ماه پیش
اندروید مشتق شده از جاوا هست و نه خود جاوا. هم میشه گفت زبان جاوا هم میشه گفت زبان اندروید.
حسن قلی | 2 ماه پیش
اندروید یکی از توزیع های سیستم عامل لینوکس هست. و جاوا زبان برنامه نویسی هست که می تونیم برای تمامی دستگاه ها برنامه نوشته و بدون محدودیت سیستم عامل اجرا کنیم
آرمان بابائی | 2 ماه پیش
اندروید از کرنل لینوکس استفاده می کنه و نمیشه گفت یک توزیع از لینوکس هست.
حاتم | 2 ماه پیش
با سلام آقا سال 97 هم تموم شد و شماهنوز این آموزش رو آپدیت نکردید. منتظریم. موفق باشید.
آرمان بابائی | 2 ماه پیش
سلام. تعداد ثبت نام کنندگان به حد نصاب که برسه دوره رو شروع میکنیم. ممنون از پیگیری شما.
داود | 3 ماه پیش
سلام. ممنون از آموزش های خوب و بیان عالی تون. لطفا آموزش ری اکت نیتیو رو ادامه بدید که جای خالی آموزش شما در اینترنت بشدت احساس میشه. موفق باشید.
آرمان بابائی | 3 ماه پیش
ممنون از فیدبک شما. حتما این دوره رو ادامه میدیم و از بهترین آموزش های فارسی خواهد بود.
حسن | 8 ماه پیش
سلام خسته نباشید.لطفا ری اکت رو ادامه بدید. ممنون
آرمان بابائی | 8 ماه پیش
سلام. حتما هم آموزش ویدیویی اضافه خواهیم کرد. هم مقاله.
حاتم | 8 ماه پیش
آقا عالیه، ادامه بدین و یه اپ کامل رو توی دستور کارتون قرار بدین. مخصوصا اتصال به سرور و خوندن دیتابیس. ممنون
آرمان بابائی | 8 ماه پیش
به زودی در ویدیوهای آموزشی تمامی مقوله ها رو کاملا شرح می دم.
حاتم | 7 ماه پیش
با سلام مجدد... آقا همچنان منتظر آموزش های شما هستم.
آرمان بابائی | 7 ماه پیش
سلام. خوشحالیم از پیگیری شما. درحال ساخت آموزش های ویدئویی هستیم.
حاتم | 7 ماه پیش
خیلی عالی
صفورا | 8 ماه پیش
مقاله بسیار مفیدی بود خواهش میکنم آموزش React رو ادامه بدید. سپاسگزارم
آرمان بابائی | 8 ماه پیش
خوشحالیم مورد رضایت شما قرار گرفته . حتما ادامه خواهد داشت.

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