React App مدتی هست که به شکل عجیب و غریبی جاشو بین برنامه نویس ها باز کرده و داره جلو میره. امروز توی بررسی هام و توی مطالعاتم براین شدم که یکی از مطالب وب سایت کدپروجکت رو بصورت آزاد ترجمه کنم و در اختیارتون قرار بدم.

 

ساخت یک پروژه وب ASP.net Core با Visual Studio 2019

 

ویزوال استودیو را باز کنید و صفحه ی Create a new project بر روی ASP.NET Core Web application. کلید کنید و آن را انتخاب کنید

Create ASP.NET Core Web Project from Visual Studio 2019

 

اسم پروژه را “GlobalWeatherReact” قرار دهید و روی Create کلید کنید

GlobalWeatherReact

 

در صفحه ی بعد ورژن Core را تعیین و گزینه ی Empty  را انتخاب میکنیم.

Empty

بعد از کلیک روی Create پروژه ی شما ساخته می شود.

Webapplication

 

ساخت Weather Client با Create-React-App

بعد از ایجاد پروژه وارد پوشه ی اصلی پروژه بشوید. برای اینکار روی پروژه کلید راست کنید و Open Folder in File Explorer کلیک کنید.

Open Folder in File Explorer

سپس در این پوشه کلیک راست کرده و Powershell  را انتخاب میکنیم و کد زیر را در آن می نویسیم:

Powershell 

بعد از اجرای این کد در پروژه پوشه ای ساخته میشه که توی اون اخرین نسخه از React application قرار داره.

React application

خب تقریبا کارمون تموم شده. حالا نیاز داریم تا تغییراتی توی پروژمون انجام بدیم که با ری اکت سازگارتر بشن. برای همین ما شروع میکنیم به نصب دوتا پک ASP.NET Core SPA Services و ASP.NET Core SPA Services Extensions از طریق Nuget Manager

Nuget Manager

 

حالا Startup.cs را باز میکنیم و SpaStaticFiles  را در ConfigureServices  قرار میدهیم

و کدهای زیر را در Configuration اضاف میکنیم

 

 

خب کار تموم شد. حالا بزنید و پروژه رو اجرا کنید.

IIS

 

هوراااااااااااا! ما تونستیم که ری اکت رو با Core بالا بیاریم.

ادامه دارد…

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *