راکت
حل شده

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

5 پاسخ

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

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

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

@ali.bayat
@hesammousavi

ثبت پرسش جدید

پاسخ‌ها

5
علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

بهترین پاسخ

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

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

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

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

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

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

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

npb
npb
@drnpb1

تخصص: عضو کوچک دنیای برنامه نویسی

درود
جناب بیات تو یه لینک زیر این موارد رو خوندم که برای پابلیش تنظیمات زیادی رو دستی اعمال کرده
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

شاید پاسخ شما همین‌جا باشد

npb
npb
@drnpb1

تخصص: عضو کوچک دنیای برنامه نویسی

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

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

@ali.bayat

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

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

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام