Jeśli tworzysz stronę internetową, prawdopodobnie będziesz chciał ją przetestować przed udostępnieniem jej w Internecie, aby upewnić się, że działa poprawnie.
Najlepiej byłoby przetestować swoją witrynę na tym samym serwerze sieciowym, na którym będzie działać po uruchomieniu. Dzięki temu masz pewność, że Twoja witryna będzie zachowywać się w środowisku produkcyjnym tak samo, jak zachowuje się lokalnie. Na szczęście większość serwerów WWW jest łatwa do zainstalowania i używania na lokalnym komputerze.
Na komputerze z systemem Windows można korzystać z internetowych usług informacyjnych (IIS). Usługi IIS są dostarczane bezpłatnie z systemem Windows, więc wystarczy je włączyć i skonfigurować, aby wyświetlić witrynę.
Co to są internetowe usługi informacyjne?
IIS to serwer sieci Web, którego można używać do hostowania statycznych lub dynamicznych witryn sieci Web. A serwer WWW działa przez udostępnianie zawartości — takiej jak HTML, JavaScript lub pliki multimedialne — przeglądarce użytkownika w odpowiedzi na żądanie.
Niektóre frameworki, takie jak Angular, mają już wbudowane podstawowe serwery internetowe. Będą one służyć Twojej witrynie do podglądu i testowania lokalnie, przy użyciu domeny localhost. Istnieją jednak scenariusze, w których musisz samodzielnie skonfigurować pełny serwer sieciowy.
Jednym z przykładów jest publikowanie sceny z projektu Unity. Prawdopodobnie wystąpi błąd, jeśli spróbujesz otworzyć plik index.html bezpośrednio w przeglądarce, bez działającego serwera WWW. W takim przypadku możesz przechowywać pliki Unity WebGL w usługach IIS i uruchamiać je na serwerze.
Jak włączyć IIS
Włącz IIS za pomocą Włączanie i wyłączanie funkcji systemu Windows menu w systemie Windows.
- Szukaj Włączanie i wyłączanie funkcji systemu Windows za pomocą paska wyszukiwania:
- Wybierz Internetowe usługi informacyjne opcja:
- Zwiększać Internetowe usługi informacyjnei wybierz wszystkie wymagane funkcje podrzędne:
- Kliknij OKi poczekaj, aż system Windows zastosuje nowe zmiany. W przyszłości, jeśli zdecydujesz się usunąć lub zmienić jakiekolwiek funkcje, system Windows może poprosić o ponowne uruchomienie komputera przed ich zastosowaniem.
- Wyszukaj aplikację IIS, która będzie teraz dostępna do otwarcia na komputerze z systemem Windows:
- Otwórz IIS, aby wyświetlić konsolę IIS:
Jak stworzyć prostą stronę testową
Stwórz prostą statyczną stronę internetową używając HTML i CSS.
- Utwórz nowy plik o nazwie index.html. Dodaj do pliku następującą zawartość:
<!DOCTYPE html>
<html lang="en-us">
<głowa>
<tytuł> Prosta strona testowa </title>
<zawartość meta="tekst/html; charset=utf-8" />
<link rel="arkusz stylów" href="style.css">
<link rel="arkusz stylów" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<źródło skryptu="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<źródło skryptu="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<ciało>
<klasa div="nawigacja">
<klasa nawigacji="navbar navbar-odwrotny nav">
<klasa div="navbar-header">
<klasa="marka-navbar" href="#"> Stronie internetowej </a>
</div>
<klasa ul="nav navbar-nav">
<li klasa="aktywny"><a href="#"> Dom </a></li>
<Li><a href="#"> O </a></li>
<Li><a href="#"> Kontakt </a></li>
</ul>
</nav>
</div>
<klasa div="pojemnik">
<h1> To jest strona testowa </h1>
</div>
</body>
</html> - Utwórz nowy plik CSS o nazwie style.css. Dodaj następujący styl do pliku.
* {
rodzina czcionek: bezszeryfowy;
}.nav {
promień-granicy: 0px !ważny;
kolor: biały;
}.połączyć {
margines w prawo: 10px;
rozmiar czcionki: 12pt;
}.Marka {
margines-lewy: 20px;
margines w prawo: 40px;
rozmiar czcionki: 18pt;
}.pojemnik {
wyrównanie tekstu: środek;
wyściółka: 40px 20px;
} - Utwórz nowy folder w C:\inetpub\wwwroot katalog na twoim komputerze o nazwie MyTestWebsite. Ten folder jest specjalnie używany do przechowywania stron internetowych i innych treści składających się na Twoją witrynę.
- Skopiuj lub przenieś index.html oraz style.css pliki do nowego MyTestWebsite teczka.
Jak dodać i skonfigurować swoją witrynę za pomocą IIS
Aby hostować swoją witrynę internetową za pomocą usług IIS, utwórz nową witrynę internetową i wskaż jej zawartość.
- Na lewym pasku bocznym konsoli IIS kliknij prawym przyciskiem myszy Witryny informator.
- Z opcji w menu wybierz Dodaj witrynę, aby otworzyć okno konfiguracji:
- Dodaj nazwę do Nazwa strony, na przykład „Moja witryna testowa”. IIS automatycznie wypełni pole dla puli aplikacji.
- Dodaj fizyczną ścieżkę, czyli lokalizację, w której na komputerze są przechowywane pliki witryny. Kliknij trzy kropki, aby wybrać folder. Z menu przejdź do MyTestWebsite folder, pod C:\inetpub\wwwroot informator.
- Wybierz https jako Rodzaj. Domyślny Port dla HTTPS to 443, ale możesz zmienić port na inny, jeśli jest aktualnie używany.
- Możesz także skonfigurować nazwę hosta, ale na razie pozostaw to pole puste.
- Dla Certyfikat SSL, Wybierz Certyfikat rozwoju IIS Express.
- Wybierz Uruchom stronę natychmiasti kliknij OK.
- Wyróżnij nowe Moja witryna testowa katalog w lewej kolumnie.
- Kliknij Zaawansowane ustawienia, który znajduje się na liście opcji po prawej stronie panelu.
- W sekcji Zachowanie zmień Włączone protokoły opcję „https” i kliknij OK.
- Jeśli chcesz edytować te dane w dowolnym momencie, możesz kliknąć przycisk Podstawowe ustawienia lub Zaawansowane ustawienia opcje w menu po prawej stronie.
Jak zatrzymać, uruchomić lub ponownie uruchomić swoją witrynę na serwerze internetowym?
Aby uruchomić serwer WWW i wyświetlić swoją witrynę, kliknij opcję Przeglądaj w menu po prawej stronie. Możesz także w dowolnym momencie ponownie uruchomić lub zatrzymać serwer WWW.
- Aby uruchomić serwer WWW, kliknij Przeglądaj *:443 (https) w menu po prawej stronie.
- Twoja witryna powinna teraz działać na serwerze sieciowym. Możesz uzyskać do niego dostęp za pośrednictwem adresu URL https://localhost/. Jeśli otrzymasz ostrzeżenie, że połączenie z Twoją witryną nie jest bezpieczne, może być konieczne użycie innego ważnego certyfikatu SSL. Możesz znaleźć dobre dokumentacja firmy Microsoft o tym, jak utworzyć nowy certyfikat SSL i używać go w IIS.
- Aby zatrzymać lub ponownie uruchomić serwer WWW, kliknij Zatrzymaj się lub Uruchom ponownie w menu po prawej stronie.
Hosting strony internetowej za pomocą IIS
Testowanie lokalne jest ważną częścią każdego cyklu programistycznego, także podczas tworzenia strony internetowej.
Witrynę internetową można hostować lokalnie przy użyciu serwera sieci Web Internetowych usług informacyjnych (IIS). Można go używać do hostowania dowolnej statycznej witryny sieci Web (takiej jak standardowa witryna HTML lub CSS) lub witryny dynamicznej (takiej jak witryna ASP.NET).
Istnieje wiele opcji, z których możesz wybrać hosting swojej witryny online. Jeśli hostujesz prostą witrynę, możesz przechowywać pliki witryny na Dropbox, Dysku Google lub One Drive przed ich hostingiem.