https://virgool.io/feed/@daryoshsetorg fa 2026-06-18 08:52:17 https://files.virgool.io/upload/users/87372/avatar/Dn9Jgy.png?height=120&width=120 https://virgool.io/@daryoshsetorg https://virgool.io/iran-react-community/%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-%D9%85%D9%82%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C-react-native-%D8%A2%DB%8C-%D8%A7%D9%88-%D8%A7%D8%B3-knbierwyeudc به نام خداطبق قولی که قبلا توی این پست بهتون داده بودم قراره امروز نحوه اجرای اپ رو توی آی او اس انجام بدیم و بریم جلو امید به خدا.خوب برای این کار اونایی که مک دارن خوب راحت ترن یکم و میتونن برن چند خط پایین تر تا من برای اونایی که ویندوز دارن یک توضیحی بدم.اونایی که ویندوز دارن باید بگم که مجبورن تا یک ماشین مجازی (virtual machine) نصب کنن تا از طریق اون بتونن به محیط مک دسترسی داشته باشن(البته این نکته رو قبلش بگم که اونایی که رم سیستمشون کمتر از 16 گیگ هست اصن به این کار فکر نکنن چون سیستمشون پاسخگو نخواهد بود)حالا که فهمیدیم هدف هامون چیه بریم سراغشون و یکی یکی انجامشون بدیم.اولین کار اینه که «VMware Workstation» رو دانلود کنید که میتونید از سایت های ایرانی هم این کارو انجام بدید(منم لینک ایرانیشو میزارم براتون)https://soft98.ir/os/virtual-machine/1232-vmware-workstation.htmlبعد از اینکه دانلود کردین و نصب کردین باید خود سیستم عامل مک هم دانلود کنید که میتونید از لینک های زیر دانلودش کنید(لینک ایرانی) .http://dl1.sarzamindownload.com/sdlftpuser02/a97/07/10/macOS.Mojave_10.14.part1.rar http://dl1.sarzamindownload.com/sdlftpuser02/a97/07/10/macOS.Mojave_10.14.part2.rarبعد از دانلود ما به یک Unlocker هم نیاز داریم که میتونیم از لینک زیر دانلودش کنیم.https://github.com/paolo-projects/unlockerبعد از اینکه این فایل هم دانلود کردین باید اون رو به نرم افزاری که بالا نصب کردیم معرفی کنیم.برای این کار کافیه که موقعی که میخواییم یک ماشین مجازی تعریف کنیم توی مسیرش این فایل و آدرس بدیم.به همین راحتی حالا همه چیز فراهمه تا شروع به کار کنیم(توضیحات بیشتر کلیک) .حالا اونایی که مک دارن از اینجا به ما ملحق بشن تا همه با هم بریم جلو.اولین قدم اینه که باید HomeBrew رو نصب کنیم. پس ترمینال خودمون رو باز میکنیم(ترمینال و میتونید توی Finder تو قسمت Applications پیدا کنید ) و کد زیر رو توی اون قرار میدیم/usr/bin/ruby -e &quot$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)&quotبعد از اینکه کد بالا رو نصب کردیم کد های زیر رو توی ترمینال بزنیدbrew install node brew install watchmanبعد از اینکه همه این ها نصب شد باید Xcode رو نصب کنید(بعضی از سیستم عامل ها این مورد رو خودشون نصب دارن ونیاز به نصبش نیست ولی اگر نصب نبود اون رو از App store بگیرید و نصب کنید)حالا نوبت به CocoaPods میرسه که اونم باید نصب بشهsudo gem install cocoapodsحالا که همه این ها نصب شد دیگه وقتشه که بریم اپ خودمون رو ایجاد کنیم که برای این کار کافیه آدرس جایی که میخواییم اون رو نصب کنیم تو ترمینال بزنیم و کد زیر رو وارد کنیم .npx react-native init Testبا این کد برای شما یک پروژه ری اکت نیتیو ایجاد میشه که به راحتی میتونید بعد از اینکه نصبش تموم شد به مسیر اصلی پروژه وارد بشید و با دستور زیر اجراش کنید و شروع کنید به کد زدن.npx react-native run-iosکار ما تموم شده ولی چندتا نکته رو بگم شاید به درد شما هم بخوره اینه که اگه به مشکلی خوردید یک بار توی پوشه ios از پروژتون این دستور رو بزنید شاید مشکلتون حل شد.pod installفک کنم چیزی از قلم ننداخته باشم بازم اگر این راه هارو رفتین و به نتیجه نرسیدین زیر همین پست بگین تا باهم براش راه حلی پیدا کنیم.یاعلی مهران فرهمندنیا مهران فرهمندنیا Sat, 21 Dec 2019 09:05:13 +0330 https://virgool.io/iran-react-community/%D8%AE%D8%B1%D9%88%D8%AC%DB%8C-%DA%AF%D8%B1%D9%81%D8%AA%D9%86-%D8%A7%D9%BE-%D8%B1%DB%8C-%D8%A7%DA%A9%D8%AA-%D9%86%DB%8C%D8%AA%DB%8C%D9%88-%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AFrelease-android-app-ppw49bwjdkfx به نام خدا با سلام خدمت دوستان گرامی و گرانقدر;خوب همونطور که همتون میدونید و جریان هستید و طی پست های قبلی که نوشتم(نصب ری اکت نیتیو اندروید و نصب ری اکت نیتیو آی او اس) حالا که ما اپ خودمون و نوشتیم و آماده شده باید یک نسخه از اون رو برای نصب نهایی و قرار دادن روی اپ استورها آماده کنیم و طبیعتا به همین راحتی ها هم که فک میکنید نیست و یک سری مراحل داره . حالا با من همراه باشین تا با هم این کارو انجام بدیم.اولین قدم اینه که باید یک فایل مخصوصی رو که اپ ما بهش نیاز داره رو تولید کنیم. پس از جستجوی ویندوز `cmd` رو جستجو میکنیم و روش کلیک راست میکنیم و اونو به حالت Run as Administrator باز میکنیم و آدرس و هرجا که دوس دارید قرار بدید مثلا دسکتاپ میزارید و دستور زیر رو وارد میکنیم(وقتی این دستور رو بزنید چنتا سوال ازتون میپرسه که زیاد مهم نیست فقط یکجا ازتون رمز میخواد که باید رمز دلخواه بدین و اون رمز و یادتون نره که تو مرحله های بعدی بهش نیاز داریم)keytool -genkeypair -v -keystore ds-release-key.keystore -alias ds-key-alias -keyalg RSA -keysize 2048 -validity 10000خوب تو این مسیری که دادید یک فایل به اسم ds-release-key.keystor میسازه که باید اونو کپی کنید و تو پوشه Android پروژه خودتون بریزیر (تو این مسیر C:\project\test\android\app مثلا).بعد از اینکه این فایل و ریختین باید بریم و چنتا فایل و ویرایش کنیم.اولین فایلی از پروژمون که باید ویرایش کنیم فایل gradle.properties هست که توی همون پوشه Android میتونید پیداش کنید. حالا که پیداش کردین بازش کنید (با هر ابزار ویرایشی که دارین) و این چند خط کد رو بهش اضافه کنید :MYAPP_RELEASE_STORE_FILE=ds-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=ds-key-alias MYAPP_RELEASE_STORE_PASSWORD=رمزی که بالاتر گفتم بهتون MYAPP_RELEASE_KEY_PASSWORD=رمزی که بالاتر گفتم بهتونخوب این فایلمون که تموم شد بریم فایل بعدی هم ویرایش کنیم.فایل بعدی که باید یکم ویرایشش کنیم build.gradle هست که تو پوشه app که داخل Android پروژتون هست قرار داده (android/app/build.gradle)این فایل و بازکنید و دنبال signingConfigs بگردین که مثل کد زیر هست و باید بهش کد زیر رو اضافه کنید.قسمت release رو بهش اضافه کنید signingConfigs { debug {...} release { if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) { storeFile file(MYAPP_RELEASE_STORE_FILE) storePassword MYAPP_RELEASE_STORE_PASSWORD keyAlias MYAPP_RELEASE_KEY_ALIAS keyPassword MYAPP_RELEASE_KEY_PASSWORD } } }یکم پایین ترش هم باید این کد رو جایگزین کنیدbuildTypes { release { ... signingConfig signingConfigs.release } }اما یک کد یکم جادویی تر هم هست که اگر بزارید میتونه خیلی حجم اپ رو بیاره پایین پس کد زیر رو جایگزین کد موجود بکنید defaultConfig { ... ndk { abiFilters &quotarmeabi-v7a&quot, &quotx86&quot } } این کد باعث میشه که فقط برای دو نوع سی پی یو خروجی گرفته بشه.خوب حالا که همه این فایل هارو تغییر دادیم باید دستور اجرای خروجی و هم بدیم و دیگه کار تموم.پس آدرس پوشه Android پروژتونو توی Cmd وارد کنید. pushd C:\project\test\androidو دستور زیر رو بزنید (یادتون باشه که حتما cmd رو به حالت Run as Administrator باز کرده باشین)gradlew assembleReleaseاین دستور رو که زدین اگر خطا خورد کارهای بالا رو تکرار کنید و مطمئن بشین که درست انجام دادین اگر هم خطای دیگه ای داد خطاشو اگر توی نت جستجو کنین راهکارشو بهتون میده(اگه همه این کارها رو درست انجام داده باشین نباید خطایی بده اصلا).حالا که با موفقیت انجام شد میتونید تو این مسیر وارد بشید و فایل .apk خودتون رو بردارید و حالشو ببرید :)C:/project/test/android/app/build/outputs/apk/release/app-release.apkامیدوارم که تونسته باشم خوب توضیح داده باشم و گیج نشده باشین از توضیحاتم و این پست بتونه براتون راهگشا بوده باشه و مشکلتون رو حل کنه .یا علی مهران فرهمندنیا مهران فرهمندنیا Tue, 17 Dec 2019 20:02:04 +0330 https://virgool.io/iran-react-community/%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-%D8%A7%D8%AC%D8%B1%D8%A7-%DA%A9%D8%B1%D8%AF%D9%86-%DB%8C%DA%A9-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-react-native-%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF-iy1gzmrgud0z به نام خدااز اونجایی که خودم هم خیلی به این مشکل خوردم که تو نصب مقدمات کارهایی که باید انجام بشه تا یک اپ اندرویدی بالا بیاد خواستم این تجربیات و براتون بنویسم تا شما حداقل به این مشکلات برنخورید و اعصابتون خورد نشه.پس شروع کنیم اولین اپ خودمون و بنویسیم.برای اینکه ما بتونیم اولین اپ خودمون و بنویسیم(البته بگم که ما قرار نیس اپ بنویسیم فقط قراره تا اونجا که اپ ما بالا بیاد و به هیچ مشکلی نخوره پیش بریم) نیازه یک سری چیزها رو نصب کنیم و یک سری کارا انجام بدیم.با من همراه باشین تا این کار و باهم انجام بدیم.اول از همه باید جایی که مرجع همه ما هست و بهتون معرفی کنم که کل کاری که میکنیم از روی این سایت هست و چون یه سری جاهاش مشکل داره من هم مشکلاتشو براتون میگم و هم کمک میکنم تا بتونید راحت تر درکش کنید.https://facebook.github.io/react-native/docs/getting-startedاونایی که یکم حرفه ای ترن میدونن کدوم قسمتش برن و چیکار کنن اونایی هم که هنوز اول راه هستن با خودم همراه باشن تا با هم بریم جلو.خوب اولین کاری که نیاز داریم تا به هدفمون برسیم اینه که روی سیستم عامل(در اینجا ویندوز) Chocolatey و نصب کنیم.حالا توضیحی که توی این صفحه نوشته شده یکم سخته پس من چند تا قدم براتون مینویسم که انجام بدین و بدون دردسر نصب کنیدش.1- تو ویندوز 8 به بعد فک کنم از منو استارت میتونید این کلمه رو جستجو کنید «Windows PowerShell» وقتی پیداش کردین روش راست کلیک کنید و روی «Run as administrator» کلیک کنید .یک پنجره براتون باز میشه که ما باید یک سری کدهارو و توش بزنیم.Set-ExecutionPolicy Bypass -Scope Process -Force; `iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))خوب حالا کد بالارو کامل کپی کنید و تو پنجره آبی رنگی که مشاهده می کنید جای گذاری کنید و یک اینتر بزنید.(نکته : برای همه این کارها لازمه که vpn داشته باشین)بعد از اینکه نصب با موفقیت انجام شد باید این پنجره رو ببندین و دوباره به همون روش قبلی بازش کنید.حالا این پنجره رو فعلا کوچیکش کنید چندتا کار قبلش انجام بدیم و باز برگردیم سراغش.اولین کار اینه که این فایل و بگیرید و نصبش کنیدhttps://nodejs.org/dist/v12.13.1/node-v12.13.1-x64.msiاسم این فایل Node.js هست که خیلی جاها کاربرد داره.خوب حالا که این فایل و نصب کردید به همون poweshell برگردید و این دستور و توش اجرا کنید.choco install -y python2تا این فایل هم نصب بشه.حالا فقط یک فایل دیگه هست که اون رو هم باید از لینک زیر دانلود و نصب کنید.https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.htmlتو این مسیر باید فایلی که مناسب ویندوز خودتون هست دانلود و نصب کنید.(راستی فیلتر شکن یادتون نره)حالا که همه این پیش نیاز ها نصب شده و مشکلی وجود نداره میریم مرحله بالاتر.(اگر تو هرکدوم از این مراحل به مشکل خوردید مجدد تلاش کنید تا درست بشه و بعد برید سراغ بعدی)خوب این کارارو که انجام دادیم یک سری کار دیگه هست که انجام بدیم.اول به این آدرس مراجعه کنید .(برای راحتی بیشتر اون هارو به چند بخش تقسیم کردم)http://s7.picofile.com/file/8380725934/android_sdk.zip.htmlhttp://s7.picofile.com/file/8380726650/android_sdk.z01.htmlhttp://s7.picofile.com/file/8380727292/android_sdk.z02.htmlhttp://s6.picofile.com/file/8380727800/android_sdk.z03.htmlhttp://s7.picofile.com/file/8380728226/android_sdk.z04.html از اینجا فایل و دانلود کنید و اون رو توی مسیر دلخواه (مسیری که مطمئن باشه و تا میشه حذف نشه که بعدا به دردسر نیوفتین) و اسم پوشه هم میتونه دلخواه باشه(مثلا sdk)حالا یکم جلوتر میریم و تقریبا کارهای آخر و انجام میدیم.1 - تو همون جستجوی ویندوز این عبارت رو جستجو کنید «View Advanced system settings» تو پنجره ای که باز میشه تو تب Advanced اون پایین نوشته «Enviroment Variables» روش کلیک کنید.تو قسمت بالایی روی New کلیک کنید و تو قسمت اول(name) بنویسید «ANDROID_HOME» و تو قسمت دوم(value) آدرس همون پوشه دلخواه که بالا ساختیم(sdk) و بهش بدید و درنهایت اوکی رو بزنید.حالا تو همونجایی که هستیم یک ردیف داریم که variable ی به اسم Path داره اونو انتخاب کنید و روی Edit کلیک کنید.پنجره ای براتون باز میشه که 3تا ردیف داره ، حالا ما باید یک ردیف دیگه بهش اضافه کنیم پس ، از سمت راست روی New کلیک کنید و آدرس پوشه platform-tools و که توی پوشه دلخواهمون(sdk) بود بهش میدیم و در انتها ok و کلیک میکنیم.یادتونه اون بالا فایل jdk8 و گرفتیم و نصب کردیم؟ اون فایل و وقتی نصب میکنید میره تو این مسیر : C:/ProgramData/Oracle/حالا تا این پنجره(View Advanced system settings) بازه یک کار کوچولو دیگه هم باید انجام بدیم و اونم اینه که تو قسمت پایین(system variables) هم یک ردیف با اسم Path وجود داره که اون رو هم باید ویرایش کنیم پس بعد از انتخابش روی Edit کلیک کنید. مسیر زیر و بهش بدیدC:\ProgramData\Oracle\Java\javapathخوب کار ما تقریبا برای آماده سازی ویندوز تموم شده.تا اینجا مقدمات کار ما آماده شده. البته اگه یکم گیج نشده باشین و تونسته باشین با من همراه باشین.از اینجا ب بعدش دیگه کاری نداره و بستگی به تجربتون داره .برای اینکه یک اپ اندرویدی بالا بیاد باید یک شبیه ساز یا همون simulator داشته باشین که من بهتون genymotion و پیشنهاد میدم(تو سایت های ایرانی هم بگردین لینک های دانلودش هست).تا وقتی که این شبیه ساز داره نصب میشه ما چنتا کار کوچیک انجام بدیم .تو قسمت استارت ویندوز Command Prompt و جستجو کنید و این دستور و داخلش بزنیدnpm i react-native-cliصبر کنید تا اینکه نصب بشه. بعد از اینکه نصبش تموم شد برای تست تو همین پنجره بنویسیدreact-native -versionاگر ورژن و بهتون نشون داد که خوب همه چیز حله و میریم مرحله بعد ولی اگر خطا داد دستور قبلی و مجدد اجرا کنید و مطمئن هم باشین که فیلتر شکن وصل باشه.حالا جایی که میخواهید پروژتونو نصب کنید باید اون مسیر و به Command prompt بدین و بعدش این دستور و بزنید.react-native init TestProjectاین دستور یک پوشه با اسم TestProject میسازه که میتونید هر اسم دیگه ای هم خواستین بهش بدین.دیگه کم کم کار تمومه کافیه که داخل پوش ای که ساخته بشین و دستور زیر و بزنید(آدرس داخل پوشه رو به Command prompt بدین). فقط قبلش یادتون نره که باید شبیه ساز و اجرا کنید که خطا نده بهتون.react-native run-androidاگر همه کارهای بالا رو با دقت انجام داده باشین نباید مشکلی باشه و همه چیز مرتب باشه و از اینکه تونستین برنامتونو اجرا کنید خوشحال باشید.امیدوارم که تونسته باشم خوب توضیح داده باشم و در آخر باید بگم که منتظر این توضیحات برای اپ ios هم باشین.یاعلی مهران فرهمندنیا مهران فرهمندنیا Thu, 05 Dec 2019 11:26:00 +0330