نصب و راه اندازی React Native در ویندوز

اگر می‌خواهید اپلیکیشن موبایل با جاوااسکریپت بسازید، React Native یکی از بهترین انتخاب‌هاست. در این آموزش، از صفر تا اجرای اولین پروژه روی ویندوز جلو می‌رویم.

در حالی که فیسبوک دستورالعمل‌های دقیقی برای شروع کار با React Native در سیستم عامل Mac os X  دارد، دستورالعمل‌های آن‌ برای شروع کار در سیستم عامل ویندوز کم است . در اینجا مراحلی که طی میکنیم تا  React Native را نصب و راه اندازی کنیم

پیش‌نیازهای نصب React Native

قبل از شروع، باید چند ابزار اصلی را نصب کنید:

1. نصب Node.js

Node.js محیط اجرای جاوااسکریپت است.

• به سایت رسمی Node.js بروید
• نسخه LTS را دانلود و نصب کنید
• بعد از نصب، در CMD این دستور را بزنید:

node -v
npm -v

2. نصب Java Development Kit (JDK)

برای توسعه اندروید به جاوا نیاز دارید.

• نصب JDK
• پیشنهاد: نسخه 11 یا 17

بعد از نصب، متغیر محیطی JAVA_HOME را تنظیم کنید.

3. نصب Android Studio

Android Studio ابزار اصلی برای اجرای شبیه‌ساز اندروید است.

در زمان نصب حتما این موارد را انتخاب کنید:

• Android SDK
• Android SDK Platform
• Android Virtual Device (AVD)

2. نصب Java Development Kit (JDK)

برای توسعه اندروید به جاوا نیاز دارید.

• نصب JDK
• پیشنهاد: نسخه 11 یا 17

بعد از نصب، متغیر محیطی JAVA_HOME را تنظیم کنید.

ANDROID_HOME = C:\Users\YourName\AppData\Local\Android\Sdk

platform-tools
emulator

سپس میبایست مسیر نصب  SDK Android ، را نیز تنظیم نماییم :

مرحله 2: یک دستگاه مجازی Android را پیکربندی کنید

• اندروید استودیو را تنظیم کنید
• یک پروژه Android Studio خالی ایجاد کنید
• ایجاد یک دستگاه مجازی:  Manage AVD → Create
• دستگاه مجازی خود را راه اندازی کنید

مرحله 3 : باز کردن Command Prompt

• CMD را باز کنید و به جایی بروید که می خواهید پروژه شما ایجاد شود

bash
cd /path/to/code

• React Native را global نصب کنید(global برای این استفاده میشود تا react native در کل ویندوز قابل دسترسی باشد

npm install -g react-native-cli

• ایجاد یک پروژه جدید React Native (توجه : این مرحله ممکن است کمی طول بکشد ):

react-native init AwesomeProject

• CD را وارد پروژه جدید خود کنید

• برای استفاده از نسخه نصب شده SDK اندرویدی خود ، برنامه Android / app / build.gradle را تغییر دهید (من باید ورژنم را از ۲۳.۰.۱ به ۲۳.۰.۳ تغییر دهم)
• برنامه خود را شروع کنید

react-native run-android

بطور دستی پکیج را راه اندازی کنید

react-native start

نتیجه کارهای انجام شده