Ако правите веб локацију, вероватно ћете желети да је тестирате пре него што је хостујете на интернету да бисте били сигурни да ради исправно.
У идеалном случају, требало би да тестирате своју веб локацију на истом веб серверу на коме ће се покренути када почнете уживо. Ово вам омогућава да будете сигурни да ће се ваш сајт понашати у продукцији на исти начин на који се понаша локално. На срећу, већину веб сервера је лако инсталирати и користити на вашем локалном рачунару.
На Виндовс рачунару можете да користите Интернет Информатион Сервицес (ИИС). ИИС долази бесплатно уз Виндовс, тако да све што треба да урадите је да га омогућите и конфигуришете за преглед ваше веб локације.
Шта су Интернет информационе услуге?
ИИС је веб сервер који можете користити за хостовање статичких или динамичких веб локација. А веб сервер ради приказивање садржаја – као што су ХТМЛ, ЈаваСцрипт или медијске датотеке – у прегледачу корисника, као одговор на захтев.
Неки оквири као што је Ангулар већ имају основне уграђене веб сервере. Они ће служити вашој веб локацији за локални преглед и тестирање, користећи домен лоцалхост. Међутим, постоје неки сценарији у којима морате сами да поставите комплетан веб сервер.
Један пример за то је објављивање сцене из пројекта Унити. Вероватно ћете добити грешку ако покушате да отворите датотеку индек.хтмл директно у прегледачу, без покретања веб сервера. У овом случају, можете да сачувате своје Унити ВебГЛ датотеке у ИИС-у и да их покренете на серверу.
Како омогућити ИИС
Омогућите ИИС помоћу Укључите и искључите Виндовс функције мени у Виндовс-у.
- Тражити Укључите и искључите Виндовс функције користећи траку за претрагу:
- Изаберите Интернет информационе услуге опција:
- Проширити Интернет информационе услуге, и изаберите све под-функције које су вам потребне:
- Кликните У реду, и сачекајте да Виндовс примени нове промене. У будућности, ако одлучите да уклоните или промените било коју функцију, Виндовс ће од вас можда тражити да поново покренете рачунар пре него што их примените.
- Потражите ИИС апликацију, која ће сада бити доступна за отварање на вашем Виндовс рачунару:
- Отворите ИИС да бисте видели ИИС конзолу:
Како направити једноставну веб локацију за тестирање
Направите једноставну статичку веб локацију користећи ХТМЛ и ЦСС.
- Креирајте нову датотеку под називом индек.хтмл. Додајте следећи садржај у датотеку:
<!ДОЦТИПЕ хтмл>
<хтмл ланг="ен-ус">
<глава>
<наслов> Симпле Тест Вебсите </title>
<мета цонтент="тект/хтмл; цхарсет=утф-8" />
<линк рел="стилесхеет" хреф="стилес.цсс">
<линк рел="стилесхеет" хреф="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<скрипт срц="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<скрипт срц="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<тело>
<див цласс="нав">
<нав цласс="навбар навбар-инверзна нав">
<див цласс="навбар-хеадер">
<а цласс="навбар-бренд" хреф="#"> Веб сајт </а>
</div>
<ул цласс="нав навбар-нав">
<ли цласс="активан"><а хреф="#"> Кућа </а></li>
<ли><а хреф="#"> О томе </а></li>
<ли><а хреф="#"> Контакт </а></li>
</ul>
</nav>
</div>
<див цласс="контејнер">
<х1> Ово је веб локација за тестирање </h1>
</div>
</body>
</html> - Направите нову ЦСС датотеку под називом стилес.цсс. Додајте следећи стил у датотеку.
* {
породица фонтова: Санс Сериф;
}.нав {
граница-радијус: 0пк !важно;
боја: бео;
}.линк {
маргин-десно: 10пк;
фонт-сизе: 12пт;
}.Марка {
маргин-лево: 20пк;
маргин-десно: 40пк;
фонт-сизе: 18пт;
}.контејнер {
Поравнање текста: центар;
паддинг: 40пк 20пк;
} - Креирајте нову фасциклу у Ц:\инетпуб\вввроот директоријум на вашем рачунару, тзв МиТестВебсите. Ова фасцикла се посебно користи за чување веб страница и другог садржаја који чине вашу веб локацију.
- Копирајте или преместите индек.хтмл и стилес.цсс датотеке у нову МиТестВебсите фолдер.
Како додати и конфигурисати своју веб локацију користећи ИИС
Да бисте хостовали своју веб локацију користећи ИИС, направите нову веб локацију и усмерите је на свој садржај.
- На левој бочној траци ИИС конзоле, кликните десним тастером миша на Сајтови именик.
- Из опција у менију изаберите Додај веб локацију, да отворите прозор за конфигурацију:
- Додајте име у Назив сајт, као што је „Моја веб локација за тестирање“. ИИС ће аутоматски попунити поље за групу апликација.
- Додајте физичку путању, која је локација на којој сте ускладиштили датотеке своје веб локације на рачунару. Кликните на три тачке да бисте изабрали фасциклу. Из менија идите на МиТестВебсите фолдер, испод Ц:\инетпуб\вввроот именик.
- Изаберите хттпс као Тип. Подразумевано Лука за ХТТПС је 443, али можете променити порт на нешто друго ако се тренутно користи.
- Такође можете да конфигуришете име хоста, али оставите ово празно за сада.
- За ССЛ сертификат, изаберите ИИС Екпресс развојни сертификат.
- Изаберите Одмах покрените веб локацију, и кликните на У реду.
- Истакните ново Мој тест веб-сајт именик у левој колони.
- Кликните на Напредна подешавања, који се налази на листи опција на десној страни панела.
- У одељку Понашање промените Омогућени протоколи опцију на "хттпс" и кликните на У реду.
- Ако желите да измените ове детаље у било ком тренутку, можете кликнути на Основна подешавања или Напредна подешавања опције у десном менију.
Како зауставити, покренути или поново покренути своју веб локацију на веб серверу
Да бисте покренули свој веб сервер и видели своју веб локацију, кликните на опцију Прегледај у менију са десне стране. Такође можете поново покренути или зауставити веб сервер у било ком тренутку.
- Да бисте покренули свој веб сервер, кликните на Прегледај *:443 (хттпс) у десном менију.
- Ваша веб локација би сада требало да ради на веб серверу. Можете му приступити преко УРЛ адресе https://localhost/. Ако добијете упозорење да веза са вашом веб локацијом није безбедна, ви можда ћете морати да користите другачији важећи ССЛ сертификат. Можете наћи добро документацију од Мицрософта о томе како можете креирати нови ССЛ сертификат и користити га у ИИС-у.
- Да бисте зауставили или поново покренули веб сервер, кликните на Зауставити или Поново покренути на десном менију.
Хостовање веб локације помоћу ИИС-а
Локално тестирање је важан део сваког развојног циклуса, укључујући и када правите веб локацију.
Можете да хостујете своју веб локацију локално користећи веб сервер Интернет Информатион Сервицес (ИИС). Можете га користити за хостовање било које статичне веб локације (као што је стандардни ХТМЛ или ЦСС сајт) или динамичке веб локације (као што је АСП.НЕТ сајт).
Постоје различите опције које можете изабрати када хостујете своју веб локацију на мрежи. Ако хостујете једноставну веб локацију, можете да сачувате датотеке своје веб локације на Дропбок, Гоогле Дриве или Оне Дриве, пре него што их хостујете.
