پبلیش پروژه ایجاد شده با react js

- 2 هفته پیش
توسط علی بیات آپدیت شد
npb ( 265 تجربه )
3 هفته پیش

درود به همه دوستان

من پروژه ای رو با ریکت جی اس ایجاد کردم که فرض کنید یک فرو شگاه هست و دران متدهای (api ) (web api) رو با زبان
asp.net mvc نوشتم و در پروژه فراخوانیش کردم و لوکال کار می کنه .
لطفا رهنماییم کنین که الان من می خوام رو وب سرور بزارم پروژم رو چطور بخش frontend که از ویرایشگر webstorm استفاده کردم رو با بخش backend ادغام و روی وب سرور (iis ) پابلیش کنم؟

پیشاپیش از راهنماییتون متشکرم

@ali.bayat
@hesammousavi

بهترین پاسخ انتخاب شده توسط npb
علی بیات
3 هفته پیش

@drnpb1
درود
ببینید اکثر فریم‌ورک های جاوااسکریپتی مدرن که برای فِرانت اِند استفاده میشند (مثل ReactJs & VueJs) از سینتکس اکمااسکریپت۶ استفاده میکنند که شامل کلاس‌ها و غیره هست که همه مرورگرها در حال حاضر اون رو پشتیبانی نمی‌کنند.

از این رو از یک کد باندلر مثل Webpack استفاده میکنیم. وب‌پک هم از babel استفاده میکنه تا کد اکما اسکریپت ۶ مارو به اکما اسکریپت ۵ تبدیل کنه که همه مرورگرها اون رو می‌شناسند.
و مواردی مثل PostCSS در واقع پلاگین‌های Webpack هستند.

Webpack ابزار فوق‌العاده کارآمدیه اما پیچیدگی‌های کوچکی هم داره.

پیشنهاد من به شما گذروندن یکی از دوره‌های زیر میباشد:

https://roocket.ir/series/learn-webpack - از آقای موسوی
https://laracasts.com/series/webpack-for-everyone - از جِفری وِی

علی بیات ( 41372 تجربه )
3 هفته پیش

شما یه فولدر public دارید که موارد مربوط به فرانت اِندتون اکثرا اونجا ذخیره میشه و کدهای بک اِند هم باید جایی باشند که دسترسی خارجی بهشون ممکن نباشه (موارد امنیتی).
در ضمن پروژه‌هایی که روی وب‌سرور IIS کار میشند٬ یه سری آماده‌سازی ها هم دارندکه در لینک زیر اومده:
https://jakeydocs.readthedocs.io/en/latest/publishing/iis.html#deploy-the-application

npb ( 265 تجربه )
3 هفته پیش

درود
جناب بیات تو یه لینک زیر این موارد رو خوندم که برای پابلیش تنظیمات زیادی رو دستی اعمال کرده
https://virgool.io/JavaScript8/%D9%85%D8%AB%D8%A7%D9%84-%DA%A9%D8%A7%D9%85%D9%84%DB%8C-%D8%A7%D8%B2-%D9%BE%DB%8C%D8%A7%D8%AF%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%DB%8C%DA%A9-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%88%D8%A8%DB%8C-%D9%BE%D8%A7%DB%8C%D9%87-%D8%A8%D8%B1-react-efebuxevlbih

منیکه پروژه ریکتیم رو پابلیش می کنم نیاز به تنظیم دستی بخش Webpack
یا از استفاده از PostCSS
یا پکیج های زیر هست؟
npm install --save-dev babel-loader@7.0.0 babel-core@6.24.1 webpack@3.11.0

@ali.bayat

پست قبلی که به یکی از دوستان پاسخ دادین رو دیدم ایا همین کافیه ؟البته قبول دارم بعد مدتی باید حرفه ای و تمیزتر همه کارها رو خودمون انجام بدیم
https://roocket.ir/discuss/%D9%86%D8%AD%D9%88%DB%8C-Production-%DA%A9%D8%B1%D8%AF%D9%86-React-%D9%88-webpack-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A2%D9%BE%D9%84%D9%88%D8%AF-%D8%B1%D9%88%DB%8C-%D9%87%D8%A7%D8%B3%D8%AA

علی بیات ( 41372 تجربه )
3 هفته پیش

@drnpb1
درود
ببینید اکثر فریم‌ورک های جاوااسکریپتی مدرن که برای فِرانت اِند استفاده میشند (مثل ReactJs & VueJs) از سینتکس اکمااسکریپت۶ استفاده میکنند که شامل کلاس‌ها و غیره هست که همه مرورگرها در حال حاضر اون رو پشتیبانی نمی‌کنند.

از این رو از یک کد باندلر مثل Webpack استفاده میکنیم. وب‌پک هم از babel استفاده میکنه تا کد اکما اسکریپت ۶ مارو به اکما اسکریپت ۵ تبدیل کنه که همه مرورگرها اون رو می‌شناسند.
و مواردی مثل PostCSS در واقع پلاگین‌های Webpack هستند.

Webpack ابزار فوق‌العاده کارآمدیه اما پیچیدگی‌های کوچکی هم داره.

پیشنهاد من به شما گذروندن یکی از دوره‌های زیر میباشد:

https://roocket.ir/series/learn-webpack - از آقای موسوی
https://laracasts.com/series/webpack-for-everyone - از جِفری وِی

npb ( 265 تجربه )
2 هفته پیش

دم شوما گرم آقای بیات

ممنون از راهنماییتون

@ali.bayat

علی بیات ( 41372 تجربه )
2 هفته پیش

@drnpb1
خواهش میکنم٬ موفق باشید.

برای ارسال پاسخ باید وارد سایت شوید