جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
npb
5 سال پیش توسط npb مطرح شد
5 پاسخ

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

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

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

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

@ali.bayat
@hesammousavi


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

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

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

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

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

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


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

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


npb
تخصص : عضو کوچک دنیای برنامه نویسی
@drnpb1 5 سال پیش مطرح شد
0

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


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

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

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

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

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

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


npb
تخصص : عضو کوچک دنیای برنامه نویسی
@drnpb1 5 سال پیش مطرح شد
0

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

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

@ali.bayat


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

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


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

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