تمام راه کارهای نصب ری اکت نیتیو در ویندوز و آی او اس
تمام راه کارهای نصب ری اکت نیتیو در ویندوز و آی او اس

تمام راه کارهای نصب ری اکت نیتیو در ویندوز و آی او اس

 

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

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

https://chocolatey.org/

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

 

@”%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”

 

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

 

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

choco install -y nodejs.install python2 jdk8

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

npm install -g react-native-cli

 

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

https://developer.android.com/studio/index.html

 

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

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

 

 

نصب Android SDK

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

تب “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

بعد، زبانه “SDK Tools” را انتخاب کنید و چک باکس “Show Details Package” را تیک دار کنید. به دنبال و گسترش “Android SDK Build-Tools” باشید،سپس مطمئن شوید که ۲۳٫۰٫۱ انتخاب شده است. در آخر بر روی «OK» کلیک کنید تا Android SDK و ابزارهای ساخت مربوطه را دانلود کرده و نصب شوند.

 

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

مسیر پیش فرض sdk

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

در سیستم عامل اپل علاوه بر نصب xcode باید مراحل زیر را هم طی کنید.

 

https://www.softgozar.com/xcode_/

 

ابتدا وارد سایت نود شده و مطابق نوع سیستم عامل نسخه مربوطه را دانلود میکنید.

هوم برو را نصب کنید از سایت

https://brew.sh/

در مرحله بعد نصب چهار کد زیر:

brew install node

brew install watchman

brew tap AdoptOpenJDK/openjdk

brew cask install adoptopenjdk8

 

حال باید ری اکت نیتیو cli رو هم نصب کنید

npm install -g react-native-cli

از طریق ترمینال به دسکتاپ رفته و دستور زیر

react-native init parsa

ودر آخر

cd parsa

react-native run-ios

 

EXPO

 

با استفاده از Expo Client می توانیم برنامه های موبایلی که توسط کتابخانه React Native در حال توسعه آن هستیم را در یک دیوایس (وسیله) واقعی اجرا کنیم. این کار معمولا با یک شیبه ساز صورت می گیرد ولی ما می خواهیم روش بهینه تر و استانداردتری را ارائه دهیم که در آن با استفاده از Expo می توانید برنامه تان را روی دیوایس (وسیله) واقعی اندروید یا ios اجرا کنید و خروجی را مشاهده کنید.

برای این کار، در قدم اول نیاز به یک اتصال اینترنتی پرسرعت داریم در غیر اینصورت این ابزار نمی تواند کار کند و یا خطای زیر را نمایش می دهد.

Node+10 را در سیستم دانلود کنید

کد زیر را برای نصب expo  بزنید

npm install -g expo-cli

سپس چند خط زیر:

expo init parsa

 

cd parsa

npm start # you can also use: expo start

 

در این مرحله باید اپلیکیشن expo  را بسته به نوع سیستم عامل گوشی خود انتخاب و نصب کنید. در ضمن در سایت expo هم باید ثبت نام کنید. اپلیکیشن بصورت اتوماتیک و بعد از ذخیره کردن فایل App.js بصورت اتومات بروی دیوایس شما رفرش خواهد شد.

2 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *