nextjs cover image
17 تیر 1402, Deploy NextJs on IIS web server

Deploy NextJs on IIS web server

DeployLearningWindows serverIISNextJs

در این پست قصد داریم به دوستانی که تازه وارد برنامه نویسی شدن و میخوان اپلیکیشن شونو به پروداکشن برسونن و بصورت  Live  ببین روی یک دامنه خاص (مثلا  sample.nilldevelopers.com  😁).

خب بیاین شروع کنیم.
اول از همه نیاز داریم که وب سرورمون رو اکتیو کنیم. پس بریم سراغ  Control Panel  
به قسمت  Turn Windows features on or off  میریم

controle panel feature on-off

اینجا باید تیک  Internet Information Services  رو بزنیم

windows feature

بریم برای  Restart  .
حالا که سیستم اومد بالا، سرچ میکنیم  IIS  .

iis screenshot

اگه تصویر بالا رو شما هم میتونین ببینین، تبریک میگم، شما الان  IIS  دارین! 🎉


’’ در غیر اینصورت باید دوباره مراحل بالا رو طی کنین :( ‘‘

برای دپلوی نکست روی وب سرور، شما نیاز دارین به دو پیش نیاز!
دوتا برنامه باید نصب کنین روی سیستم که جزو برنامه های  Web platform installer  هستند.
  از اینجا میتونی هردوشو اینجا دانلود کنی :👇👇  

  • روی  Sites  کلیک راست کنید و گزینه  Add Website  رو بزنید.

  • نام وبسایتتون، آدرسی که سورس رو در اون قرار دادین.

این دوتا رو که پر کردین، اوکی کنین تا سایت ساخته بشه.

حالا روی بالاترین گزینه که نام کامپیوتر شما هست، بزنین. بعد از نصب  ARR  شما باید گزینه  Application Request Routing Cache  داشته باشین (زیر مجموعه بخش  IIS  درست مثل اسکرین شات زیر).

iis screenshot

وارد برنامه  Application Request Routing Cache  بشین و از منوی سمت راست قسمت گزینه  Server Proxy Settings  رو انتخاب کنید و وارد بخش زیر بشین.
فقط تیک  Enable proxy  بزنین و خارج بشین از این بخش.

خب حالا روی لینک سایتتون که در منوی سایتتون قابل مشاهده هست (در تصویر زیر سمت راست هایلایت شده) کلیک کنید تا سایتتون در مرورگر باز بشه

iis screenshot

اگر با تصویر زیر و ارور  500  در مرورگر روبرو شدین، ناامید نباشین، شما همه مراحل رو بدرستی طی کردین! 😍😎

website 500 error

این ارور زمانی پیش میاد که:
’’ شما کانفیگ Rewrite رو برای سایتتون روی IIS انجام نداده باشین. ‘‘

خب حالا که میدونیم مشکل چیه بریم برای حلش!😉

روی سایتتون کلیک کنید و وارد برنامه  URL Rewrite  بشین و یک  Rule  جدید تعریف کنید.
روی  Add Rules  کلیک کنین و گزینه  Blank rule  رو انتخاب کنید و مقادیر رو مثل دو تصویر زیر پر کنید:

URL Rewrite iis
URL Rewrite iis

تبریک میگیم! 🎉🎉🎉🎉🎉
سایتتون بالاست!

NILL developers screenshot image
icon drow down
خدمات ما
پروژه های اخیر
طراحی ست اداری شرکت hydout
طراحی Low Poly زومجی
طراحی UI/UX شرکت Rainbow
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout
طراحی ست اداری شرکت hydout

پروژه جدید داری؟