Jei kuriate svetainę, tikriausiai norėsite ją išbandyti prieš priglobdami ją internete, kad įsitikintumėte, jog ji tinkamai veikia.

Idealiu atveju turėtumėte išbandyti savo svetainę tame pačiame žiniatinklio serveryje, kuriame ji veiks, kai pradėsite veikti. Taip galite būti tikri, kad jūsų svetainė gamyboje veiks taip pat, kaip elgsis vietoje. Laimei, daugumą žiniatinklio serverių lengva įdiegti ir naudoti vietiniame kompiuteryje.

„Windows“ kompiuteryje galite naudoti interneto informacijos paslaugas (IIS). IIS yra nemokama su Windows, todėl tereikia ją įjungti ir sukonfigūruoti, kad galėtumėte peržiūrėti savo svetainę.

Kas yra interneto informacijos paslaugos?

IIS yra žiniatinklio serveris, kurį galite naudoti statinėms arba dinaminėms svetainėms priglobti. A žiniatinklio serveris veikia pateikti turinį, pvz., HTML, JavaScript ar medijos failus, naudotojo naršyklėje, atsakant į užklausą.

Kai kurios sistemos, tokios kaip „Angular“, jau turi pagrindinius integruotus žiniatinklio serverius. Tai padės jūsų svetainei peržiūrėti ir išbandyti vietoje, naudojant localhost domeną. Tačiau yra keletas scenarijų, kai jums reikia patiems nustatyti visavertį žiniatinklio serverį.

instagram viewer

Vienas iš to pavyzdžių yra „Unity“ projekto scenos publikavimas. Tikėtina, kad gausite klaidą, jei bandysite atidaryti index.html failą tiesiai naršyklėje, neveikiant žiniatinklio serveriui. Tokiu atveju galite saugoti Unity WebGL failus IIS ir paleisti juos serveryje.

Kaip įjungti IIS

Įgalinkite IIS naudodami Įjunkite ir išjunkite „Windows“ funkcijas meniu „Windows“.

  1. Ieškoti Įjunkite ir išjunkite „Windows“ funkcijas naudojant paieškos juostą:
  2. Pasirinkite Interneto informacijos paslaugos variantas:
  3. Išskleisti Interneto informacijos paslaugosir pasirinkite visas reikalingas papildomas funkcijas:
  4. Spustelėkite Geraiir palaukite, kol „Windows“ pritaikys naujus pakeitimus. Ateityje, jei nuspręsite pašalinti ar pakeisti kokias nors funkcijas, „Windows“ gali paprašyti iš naujo paleisti kompiuterį prieš jas taikydami.
  5. Ieškokite IIS programos, kurią dabar bus galima atidaryti „Windows“ kompiuteryje:
  6. Atidarykite IIS, kad peržiūrėtumėte IIS konsolę:

Kaip sukurti paprastą bandomąją svetainę

Sukurkite paprastą statinę svetainę naudodami HTML ir CSS.

  1. Sukurkite naują failą pavadinimu index.html. Pridėkite šį turinį prie failo:
    <!DOCTYPE html>
    <html lang="en-us">
    <galva>
    <titulą> Paprasta bandymų svetainė </title>
    <meta turinys="tekstas/html; charset=utf-8" />
    <nuoroda rel="stiliaus lapas" href="stiliai.css">
    <nuoroda rel="stiliaus lapas" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <scenarijus src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <scenarijus src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <kūnas>
    <div klasė ="nav">
    <nav class="naršymo juosta Navbar-inverse nav">
    <div klasė ="naršymo juosta-antraštė">
    <klasė ="Navbar-prekės ženklas" href="#"> Interneto svetainė </a>
    </div>
    <ul klasė ="navigacijos juosta-nav">
    <li klasė ="aktyvus"><a href="#"> Namai </a></li>
    <li><a href="#"> Apie </a></li>
    <li><a href="#"> kontaktas </a></li>
    </ul>
    </nav>
    </div>
    <div klasė ="konteineris">
    <h1> Tai yra bandomoji svetainė </h1>
    </div>
    </body>
    </html>
  2. Sukurkite naują CSS failą pavadinimu stiliai.css. Pridėkite šį stilių prie failo.
    * {
    šrifto šeima: be serifo;
    }

    .nav {
    pasienio spindulys: 0px !svarbu;
    spalva: baltas;
    }

    .nuoroda {
    paraštė-dešinė: 10px;
    šrifto dydis: 12pt;
    }

    .prekės ženklas {
    paraštė-kairė: 20px;
    paraštė-dešinė: 40px;
    šrifto dydis: 18pt;
    }

    .konteineris {
    teksto lygiavimas: centras;
    kamšalas: 40px 20px;
    }

  3. Sukurkite naują aplanką C:\inetpub\wwwroot savo kompiuterio katalogą, vadinamas „MyTestWebsite“.. Šis aplankas yra specialiai naudojamas tinklalapiams ir kitam turiniui, kuris sudaro jūsų svetainę, saugoti.
  4. Nukopijuokite arba perkelkite index.html ir stiliai.css failus į naują „MyTestWebsite“. aplanką.

Kaip pridėti ir konfigūruoti savo svetainę naudojant IIS

Norėdami priglobti savo svetainę naudodami IIS, sukurkite naują svetainę ir nukreipkite ją į savo turinį.

  1. Kairėje IIS konsolės šoninėje juostoje dešiniuoju pelės mygtuku spustelėkite Svetainės katalogas.
  2. Iš meniu parinkčių pasirinkite Pridėti svetainę, norėdami atidaryti konfigūracijos langą:
  3. Pridėkite pavadinimą prie Svetainės pavadinimas, pvz., „Mano bandomoji svetainė“. IIS automatiškai užpildys programų telkinio lauką.
  4. Pridėkite fizinį kelią, ty vietą, kurioje kompiuteryje saugojote savo svetainės failus. Spustelėkite tris taškus, kad pasirinktumėte aplanką. Meniu eikite į „MyTestWebsite“. aplanką, po C:\inetpub\wwwroot katalogas.
  5. Pasirinkite https kaip Tipas. Numatytoji Uostas HTTPS yra 443, bet galite pakeisti prievadą į kitą, jei jis šiuo metu naudojamas.
  6. Taip pat galite konfigūruoti pagrindinio kompiuterio pavadinimą, bet kol kas palikite šį lauką tuščią.
  7. SSL sertifikatas, pasirinkite IIS Express plėtros sertifikatas.
  8. Pasirinkite Nedelsdami paleiskite svetainęir spustelėkite Gerai.
  9. Paryškinkite naują Mano bandomoji svetainė katalogą kairiajame stulpelyje.
  10. Spustelėkite Pažangūs nustatymai, kuris yra parinkčių sąraše dešinėje skydelio pusėje.
  11. Skiltyje „Elgesys“ pakeiskite Įjungti protokolai parinktį „https“ ir spustelėkite Gerai.
  12. Jei norite bet kuriuo metu redaguoti šią informaciją, galite spustelėti Pagrindiniai nustatymai arba Pažangūs nustatymai parinktis dešiniajame meniu.

Kaip sustabdyti, paleisti arba iš naujo paleisti savo svetainę žiniatinklio serveryje

Norėdami paleisti žiniatinklio serverį ir peržiūrėti svetainę, dešiniajame meniu spustelėkite parinktį Naršyti. Taip pat galite bet kada iš naujo paleisti arba sustabdyti žiniatinklio serverį.

  1. Norėdami paleisti žiniatinklio serverį, spustelėkite Naršyti *:443 (https) dešiniajame meniu.
  2. Dabar jūsų svetainė turėtų veikti žiniatinklio serveryje. Jį galite pasiekti naudodami URL https://localhost/. Jei gaunate įspėjimą, kad jūsų svetainės ryšys nėra saugus, jūs gali tekti naudoti kitą galiojantį SSL sertifikatą. Galite rasti gero dokumentus iš „Microsoft“. apie tai, kaip galite sukurti naują SSL sertifikatą ir naudoti jį IIS.
  3. Norėdami sustabdyti arba iš naujo paleisti žiniatinklio serverį, spustelėkite Sustabdyti arba Perkrauti dešiniajame meniu.

Svetainės priegloba naudojant IIS

Vietinis testavimas yra svarbi bet kurio kūrimo ciklo dalis, įskaitant tada, kai kuriate svetainę.

Galite priglobti savo svetainę vietoje, naudodami interneto informacijos paslaugų (IIS) žiniatinklio serverį. Ją galite naudoti bet kuriai statinei svetainei (pvz., standartinei HTML arba CSS svetainei) arba dinaminei svetainei (pvz., ASP.NET svetainei) priglobti.

Yra įvairių parinkčių, kurias galite pasirinkti priglobdami savo svetainę internete. Jei priglobiate paprastą svetainę, prieš priglobdami savo svetainės failus galite saugoti „Dropbox“, „Google“ diske arba „One Drive“.