Bir web sitesi oluşturuyorsanız, düzgün çalıştığından emin olmak için muhtemelen internette barındırmadan önce test etmek isteyeceksiniz.

İdeal olarak, sitenizi canlı yayına geçtiğinizde üzerinde çalışacağı aynı web sunucusunda test etmelisiniz. Bu, sitenizin üretimde yerel olarak davrandığı gibi davranacağından emin olmanızı sağlar. Neyse ki, çoğu web sunucusunun yerel bilgisayarınıza kurulumu ve kullanımı kolaydır.

Windows PC'de Internet Information Services'ı (IIS) kullanabilirsiniz. IIS, Windows ile birlikte ücretsiz olarak gelir, bu nedenle yapmanız gereken tek şey, web sitenizi görüntülemek için onu etkinleştirmek ve yapılandırmaktır.

İnternet Bilgi Hizmetleri Nedir?

IIS, statik veya dinamik web sitelerini barındırmak için kullanabileceğiniz bir web sunucusudur. A web sunucusu tarafından çalışır bir isteğe yanıt olarak kullanıcının tarayıcısına HTML, JavaScript veya medya dosyaları gibi içerik sunmak.

Angular gibi bazı çerçeveler zaten temel yerleşik web sunucularına sahiptir. Bunlar, localhost etki alanını kullanarak web sitenizin yerel olarak önizlemesini ve test edilmesini sağlar. Ancak, tam gelişmiş bir web sunucusunu kendiniz kurmanız gereken bazı senaryolar vardır.

Bir Unity projesinden bir sahne yayınlarken buna bir örnek. İndex.html dosyasını, çalışan bir web sunucusu olmadan doğrudan tarayıcınızda açmaya çalışırsanız, büyük olasılıkla bir hata alırsınız. Bu durumda Unity WebGL dosyalarınızı IIS'de saklayabilir ve sunucuda çalıştırabilirsiniz.

IIS Nasıl Etkinleştirilir

kullanarak IIS'yi etkinleştirin. Windows Özelliklerini Açın ve Kapatın Windows'ta menü.

  1. Aramak Windows Özelliklerini Açın ve Kapatın arama çubuğunu kullanarak:
  2. seçin internet bilgi servisi seçenek:
  3. Genişletmek internet bilgi servisitıklayın ve ihtiyacınız olan tüm alt özellikleri seçin:
  4. Tıklamak TAMAMve Windows'un yeni değişiklikleri uygulamasını bekleyin. Gelecekte, herhangi bir özelliği kaldırmaya veya değiştirmeye karar verirseniz, Windows bunları uygulamadan önce bilgisayarınızı yeniden başlatmanızı isteyebilir.
  5. Artık Windows bilgisayarınızda açılabilecek olan IIS uygulamasını arayın:
  6. IIS konsolunu görüntülemek için IIS'yi açın:

Basit Test Web Sitesi Nasıl Oluşturulur

HTML ve CSS kullanarak basit bir statik web sitesi oluşturun.

  1. adlı yeni bir dosya oluşturun. index.html. Dosyaya aşağıdaki içeriği ekleyin:
    <!DOCTYPE html>
    <html dili="en-biz">
    <kafa>
    <Başlık> Basit Test Web Sitesi </title>
    <meta içerik="metin/html; karakter kümesi=utf-8" />
    <bağlantı rel="stil sayfası" href="stiller.css">
    <bağlantı rel="stil sayfası" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <komut dosyası kaynağı="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <komut dosyası kaynağı="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <gövde>
    <div sınıfı="gezinme">
    <gezinme sınıfı="gezinme çubuğu gezinme çubuğu-ters gezinme">
    <div sınıfı="gezinme başlığı">
    <bir sınıf="navbar-marka" href="#"> İnternet sitesi </a>
    </div>
    <ul sınıfı="nav navbar-nav">
    <li sınıf="aktif"><a href="#"> Ev </a></li>
    <li><a href="#"> Hakkında </a></li>
    <li><a href="#"> İletişim </a></li>
    </ul>
    </nav>
    </div>
    <div sınıfı="konteyner">
    <h1> Bu bir deneme sitesidir </h1>
    </div>
    </body>
    </html>
  2. adlı yeni bir CSS dosyası oluşturun. stiller.css. Dosyaya aşağıdaki stili ekleyin.
    * {
    font ailesi: sans Serif;
    }
    .nav {
    sınır yarıçapı: 0piksel !önemli;
    renk: beyaz;
    }
    

    .bağlantı {
    kenar-sağ: 10piksel;
    yazı Boyutu: 12nokta;
    }
    

    .marka {
    kenar-sol: 20piksel;
    kenar-sağ: 40piksel;
    yazı Boyutu: 18nokta;
    }
    .konteyner {
    Metin hizalama: merkez;
    dolgu malzemesi: 40piksel 20piksel;
    }
  3. içinde yeni bir klasör oluşturun. C:\inetpub\wwwroot adı verilen bilgisayarınızdaki dizin MyTestWeb Sitesi. Bu klasör özellikle web sayfalarını ve web sitenizi oluşturan diğer içerikleri depolamak için kullanılır.
  4. Kopyalayın veya taşıyın index.html ve stiller.css dosyalar yeni içine MyTestWeb Sitesi dosya.

IIS Kullanarak Web Sitenizi Nasıl Ekler ve Yapılandırırsınız

Web sitenizi IIS kullanarak barındırmak için yeni bir web sitesi oluşturun ve içeriğinize yönlendirin.

  1. IIS konsolunun sol kenar çubuğunda, Siteler dizin.
  2. Menüdeki seçeneklerden seçin Web Sitesi Ekle, yapılandırma penceresini açmak için:
  3. için bir ad ekleyin Site adı, örneğin "Test Web Sitem". IIS, Uygulama havuzu alanını otomatik olarak dolduracaktır.
  4. Web sitesi dosyalarınızı bilgisayarda depoladığınız konum olan fiziksel yolu ekleyin. Bir klasör seçmek için üç noktaya tıklayın. Menüden, şuraya gidin: MyTestWeb Sitesi klasörü, altında C:\inetpub\wwwroot dizin.
  5. olarak https'yi seçin Tip. Varsayılan Liman HTTPS için 443'tür, ancak şu anda kullanımdaysa bağlantı noktasını başka bir şeyle değiştirebilirsiniz.
  6. Ayrıca bir ana bilgisayar adı da yapılandırabilirsiniz, ancak bunu şimdilik boş bırakın.
  7. İçin SSL Sertifikası, seçme IIS Express Geliştirme Sertifikası.
  8. Seçme Hemen Web Sitesini Başlatınve üzerine tıklayın TAMAM.
  9. Yeniyi vurgulayın Test Web Sitem sol sütundaki dizin.
  10. Tıklamak Gelişmiş Ayarlar, panelin sağ tarafındaki seçenekler listesinde yer alır.
  11. Davranış bölümünün altında, Etkin Protokoller "https" seçeneğini seçin ve tıklayın TAMAM.
  12. Bu ayrıntıları herhangi bir zamanda düzenlemek isterseniz, Temel Ayarlar veya Gelişmiş Ayarlar sağdaki menüdeki seçenekler.

Web Sunucusunda Web Sitenizi Nasıl Durdurur, Başlatır veya Yeniden Başlatırsınız

Web sunucunuzu başlatmak ve web sitenizi görüntülemek için sağdaki menüden Gözat seçeneğine tıklayın. Ayrıca web sunucusunu istediğiniz zaman yeniden başlatabilir veya durdurabilirsiniz.

  1. Web sunucunuzu çalıştırmak için üzerine tıklayın. Gözat *:443 (https) sağdaki menüde.
  2. Web siteniz artık web sunucusunda çalışıyor olmalıdır. URL üzerinden erişebilirsiniz https://localhost/. Site bağlantınızın güvenli olmadığına dair bir uyarı alırsanız, farklı bir geçerli SSL sertifikası kullanmak zorunda kalabilir. iyi bulabilirsin Microsoft'tan belgeler yeni bir SSL Sertifikası nasıl oluşturabileceğiniz ve bunu IIS'de nasıl kullanabileceğiniz hakkında.
  3. Web sunucusunu durdurmak veya yeniden başlatmak için üzerine tıklayın. Durmak veya Tekrar başlat sağdaki menüde.

IIS Kullanarak Web Sitesi Barındırma

Yerel testler, bir web sitesi oluştururken de dahil olmak üzere herhangi bir geliştirme döngüsünün önemli bir parçasıdır.

İnternet Bilgi Hizmetleri (IIS) web sunucusunu kullanarak web sitenizi yerel olarak barındırabilirsiniz. Herhangi bir statik web sitesini (standart bir HTML veya CSS sitesi gibi) veya dinamik web sitesini (ASP.NET sitesi gibi) barındırmak için kullanabilirsiniz.

Web sitenizi çevrimiçi olarak barındırırken seçebileceğiniz çeşitli seçenekler vardır. Basit bir web sitesi barındırıyorsanız, web sitesi dosyalarınızı barındırmadan önce Dropbox, Google Drive veya One Drive'da depolayabilirsiniz.