Ако създавате уебсайт, вероятно ще искате да го тествате, преди да го хоствате в интернет, за да сте сигурни, че работи правилно.

В идеалния случай трябва да тествате сайта си на същия уеб сървър, на който ще работи, когато стартирате. Това ви позволява да сте сигурни, че вашият сайт ще се държи в производството по същия начин, както се държи локално. За щастие, повечето уеб сървъри са лесни за инсталиране и използване на вашия локален компютър.

На компютър с Windows можете да използвате Интернет информационни услуги (IIS). IIS се доставя безплатно с Windows, така че всичко, което трябва да направите, е да го активирате и конфигурирате, за да видите вашия уебсайт.

Какво представляват интернет информационните услуги?

IIS е уеб сървър, който можете да използвате за хостване на статични или динамични уебсайтове. А уеб сървърът работи с обслужване на съдържание – като HTML, JavaScript или медийни файлове – към браузъра на потребителя в отговор на заявка.

Някои рамки като Angular вече имат основни вградени уеб сървъри. Те ще обслужват вашия уебсайт за предварителен преглед и тестване локално, използвайки домейна localhost. Въпреки това, има някои сценарии, при които трябва сами да настроите пълноценен уеб сървър.

instagram viewer

Един пример за това е публикуването на сцена от проект на Unity. Вероятно ще получите грешка, ако се опитате да отворите файла index.html директно в браузъра си, без да работи уеб сървър. В този случай можете да съхранявате вашите Unity WebGL файлове в IIS и да ги изпълнявате на сървъра.

Как да активирате IIS

Активирайте IIS с помощта на Включете и изключете функциите на Windows меню на Windows.

  1. Търся Включете и изключете функциите на Windows използвайки лентата за търсене:
  2. Изберете Интернет информационни услуги опция:
  3. Разширяване Интернет информационни услугии изберете всички необходими подфункции:
  4. Кликнете Добреи изчакайте Windows да приложи новите промени. В бъдеще, ако решите да премахнете или промените някои функции, Windows може да ви помоли да рестартирате компютъра си, преди да ги приложите.
  5. Потърсете IIS приложението, което вече ще бъде достъпно за отваряне на вашия компютър с Windows:
  6. Отворете IIS, за да видите конзолата на IIS:

Как да създадете прост тестов уебсайт

Създайте прост статичен уебсайт с помощта на HTML и CSS.

  1. Създайте нов файл, наречен index.html. Добавете следното съдържание към файла:
    <!DOCTYPE html>
    <html lang="en-нас">
    <глава>
    <заглавие> Прост тестов уебсайт </title>
    <мета съдържание="текст/html; charset=utf-8" />
    <връзка rel="таблица със стилове" href="styles.css">
    <връзка rel="таблица със стилове" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <скрипт src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <скрипт src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <тяло>
    <div клас="нав">
    <навигационен клас="navbar navbar-обратно нав">
    <div клас="заглавка на навигационната лента">
    <клас="navbar-марка" href="#"> уебсайт </a>
    </div>
    <ул клас="nav navbar-nav">
    <ли клас="активен"><a href="#"> У дома </a></li>
    <ли><a href="#"> относно </a></li>
    <ли><a href="#"> Контакт </a></li>
    </ul>
    </nav>
    </div>
    <div клас="контейнер">
    <h1> Това е тестов уебсайт </h1>
    </div>
    </body>
    </html>
  2. Създайте нов CSS файл, наречен styles.css. Добавете следния стил към файла.
    * {
    шрифтово семейство: безсерифен;
    }
    .nav {
    граница-радиус: 0px !важно;
    цвят: бяло;
    }
    

    .връзка {
    margin-right: 10px;
    размер на шрифта: 12т;
    }
    

    .марка {
    margin-left: 20px;
    margin-right: 40px;
    размер на шрифта: 18т;
    }
    .контейнер {
    подравняване на текст: център;
    подложка: 40px 20px;
    }
  3. Създайте нова папка в C:\inetpub\wwwroot директория на вашия компютър, наречена MyTestWebsite. Тази папка се използва специално за съхраняване на уеб страници и друго съдържание, което съставлява вашия уебсайт.
  4. Копирайте или преместете index.html и styles.css файлове в новия MyTestWebsite папка.

Как да добавите и конфигурирате вашия уебсайт с помощта на IIS

За да хоствате уебсайта си с помощта на IIS, създайте нов уебсайт и го насочете към вашето съдържание.

  1. В лявата странична лента на конзолата на IIS щракнете с десния бутон върху сайтове директория.
  2. От опциите в менюто изберете Добавете уебсайт, за да отворите прозореца за конфигурация:
  3. Добавете име към Име на сайта, като например „Моят тестов уебсайт“. IIS автоматично ще попълни полето за групата приложения.
  4. Добавете физическия път, който е мястото, където сте съхранили файловете на уебсайта си на компютъра. Кликнете върху трите точки, за да изберете папка. От менюто навигирайте до MyTestWebsite папка, под C:\inetpub\wwwroot директория.
  5. Изберете https като Тип. По подразбиране Порт за HTTPS е 443, но можете да промените порта на нещо друго, ако то се използва в момента.
  6. Можете също да конфигурирате име на хост, но засега оставете това празно.
  7. За SSL сертификат, изберете IIS Express сертификат за разработка.
  8. Изберете Стартирайте уебсайт незабавнои щракнете върху Добре.
  9. Маркирайте новото Моят тестов уебсайт директория в лявата колона.
  10. Кликнете върху Разширени настройки, който е в списъка с опции от дясната страна на панела.
  11. В раздела Поведение променете Активирани протоколи опция за "https" и щракнете върху Добре.
  12. Ако искате да редактирате тези подробности по всяко време, можете да щракнете върху Основни настройки или Разширени настройки опции в дясното меню.

Как да спрете, стартирате или рестартирате уебсайта си на уеб сървъра

За да стартирате уеб сървъра си и да видите уебсайта си, щракнете върху опцията Преглед в дясното меню. Можете също да рестартирате или спрете уеб сървъра по всяко време.

  1. За да стартирате вашия уеб сървър, щракнете върху Преглед *:443 (https) в дясното меню.
  2. Вашият уебсайт вече трябва да работи на уеб сървъра. Можете да получите достъп до него чрез URL адреса https://localhost/. Ако получите предупреждение, че връзката ви със сайта не е защитена, вие може да се наложи да използвате различен валиден SSL сертификат. Можете да намерите добро документация от Microsoft как можете да създадете нов SSL сертификат и да го използвате в IIS.
  3. За да спрете или рестартирате уеб сървъра, щракнете върху Спри се или Рестартирам в дясното меню.

Хостинг на уебсайт чрез IIS

Локалното тестване е важна част от всеки цикъл на разработка, включително когато изграждате уебсайт.

Можете да хоствате уебсайта си локално, като използвате уеб сървъра за интернет информационни услуги (IIS). Можете да го използвате за хостване на всеки статичен уебсайт (като стандартен HTML или CSS сайт) или динамичен уебсайт (като ASP.NET сайт).

Има различни опции, от които можете да избирате, когато хоствате уебсайта си онлайн. Ако хоствате прост уебсайт, можете да съхранявате файловете на уебсайта си в Dropbox, Google Drive или One Drive, преди да ги хоствате.