Εάν δημιουργείτε έναν ιστότοπο, πιθανότατα θα θέλετε να τον δοκιμάσετε πριν τον φιλοξενήσετε στο Διαδίκτυο για να βεβαιωθείτε ότι λειτουργεί σωστά.
Στην ιδανική περίπτωση, θα πρέπει να δοκιμάσετε τον ιστότοπό σας στον ίδιο διακομιστή ιστού στον οποίο θα εκτελείται όταν βγείτε ζωντανά. Αυτό σας επιτρέπει να είστε σίγουροι ότι ο ιστότοπός σας θα συμπεριφέρεται στην παραγωγή με τον ίδιο τρόπο που συμπεριφέρεται τοπικά. Ευτυχώς, οι περισσότεροι διακομιστές ιστού είναι εύκολοι στην εγκατάσταση και χρήση στον τοπικό σας υπολογιστή.
Σε υπολογιστή με Windows, μπορείτε να χρησιμοποιήσετε τις υπηρεσίες πληροφοριών Internet (IIS). Το IIS διατίθεται δωρεάν με τα Windows, επομένως το μόνο που χρειάζεται να κάνετε είναι να το ενεργοποιήσετε και να το ρυθμίσετε για να προβάλετε τον ιστότοπό σας.
Τι είναι οι Υπηρεσίες Πληροφοριών Διαδικτύου;
Ο IIS είναι ένας διακομιστής ιστού που μπορείτε να χρησιμοποιήσετε για τη φιλοξενία στατικών ή δυναμικών ιστοσελίδων. ΕΝΑ ο διακομιστής ιστού λειτουργεί από προβολή περιεχομένου —όπως HTML, JavaScript ή αρχεία πολυμέσων—στο πρόγραμμα περιήγησης ενός χρήστη, ως απόκριση σε ένα αίτημα.
Ορισμένα πλαίσια όπως το Angular έχουν ήδη βασικούς ενσωματωμένους διακομιστές ιστού. Αυτά θα εξυπηρετήσουν τον ιστότοπό σας για προεπισκόπηση και δοκιμή τοπικά, χρησιμοποιώντας τον τομέα localhost. Ωστόσο, υπάρχουν ορισμένα σενάρια όπου πρέπει να ρυθμίσετε μόνοι σας έναν πλήρη διακομιστή ιστού.
Ένα παράδειγμα αυτού είναι όταν δημοσιεύετε μια σκηνή από ένα έργο Unity. Είναι πιθανό να λάβετε σφάλμα εάν προσπαθήσετε να ανοίξετε το αρχείο index.html απευθείας στο πρόγραμμα περιήγησής σας, χωρίς να λειτουργεί διακομιστής web. Σε αυτήν την περίπτωση, θα μπορούσατε να αποθηκεύσετε τα αρχεία Unity WebGL στο IIS και να τα εκτελέσετε στον διακομιστή.
Πώς να ενεργοποιήσετε τις υπηρεσίες IIS
Ενεργοποιήστε τις υπηρεσίες IIS χρησιμοποιώντας το Ενεργοποιήστε και απενεργοποιήστε τις δυνατότητες των Windows μενού στα Windows.
- Ψάχνω για Ενεργοποιήστε και απενεργοποιήστε τις δυνατότητες των Windows χρησιμοποιώντας τη γραμμή αναζήτησης:
- Επίλεξε το Υπηρεσίες Πληροφοριών Διαδικτύου επιλογή:
- Επεκτείνουν Υπηρεσίες Πληροφοριών Διαδικτύουκαι επιλέξτε όλες τις δευτερεύουσες δυνατότητες που χρειάζεστε:
- Κάντε κλικ Εντάξεικαι περιμένετε μέχρι τα Windows να εφαρμόσουν τις νέες αλλαγές. Στο μέλλον, εάν αποφασίσετε να καταργήσετε ή να αλλάξετε οποιεσδήποτε δυνατότητες, τα Windows ενδέχεται να σας ζητήσουν να επανεκκινήσετε τον υπολογιστή σας πριν τις εφαρμόσετε.
- Αναζητήστε την εφαρμογή IIS, η οποία θα είναι πλέον διαθέσιμη για άνοιγμα στον υπολογιστή σας με Windows:
- Ανοίξτε τις υπηρεσίες IIS για να προβάλετε την κονσόλα των υπηρεσιών IIS:
Πώς να δημιουργήσετε έναν απλό ιστότοπο δοκιμής
Δημιουργήστε έναν απλό στατικό ιστότοπο χρησιμοποιώντας HTML και CSS.
- Δημιουργήστε ένα νέο αρχείο που ονομάζεται index.html. Προσθέστε το ακόλουθο περιεχόμενο στο αρχείο:
<!DOCTYPE html>
<html lang="en-us">
<κεφάλι>
<τίτλος> Ιστοσελίδα απλής δοκιμής </title>
<μετα περιεχόμενο="text/html; charset=utf-8" />
<σύνδεσμος rel="φύλλο στυλ" href="στυλ.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 class="nav">
<nav class="Navbar Navbar-αντίστροφη πλοήγηση">
<div class="navbar-header">
<μια τάξη="navbar-μάρκα" href="#"> Δικτυακός τόπος </ένα>
</div>
<ul class="navbar navbar-nav">
<li class="ενεργός"><a href="#"> Σπίτι </ένα></li>
<li><a href="#"> Σχετικά με </ένα></li>
<li><a href="#"> Επικοινωνία </ένα></li>
</ul>
</nav>
</div>
<div class="δοχείο">
<h1> Αυτή είναι μια δοκιμαστική ιστοσελίδα </h1>
</div>
</body>
</html> - Δημιουργήστε ένα νέο αρχείο CSS που ονομάζεται στυλ.css. Προσθέστε το ακόλουθο στυλ στο αρχείο.
* {
γραμματοσειρά-οικογένεια: Σανς σέριφ;
}.nav {
σύνορα-ακτίνα: 0px !σπουδαίος;
χρώμα: άσπρο;
}.Σύνδεσμος {
περιθώριο-δεξιά: 10px;
μέγεθος γραμματοσειράς: 12pt;
}.μάρκα {
περιθώριο-αριστερά: 20px;
περιθώριο-δεξιά: 40px;
μέγεθος γραμματοσειράς: 18pt;
}.δοχείο {
στοίχιση κειμένου: κέντρο;
υλικό παραγεμίσματος: 40px 20px;
} - Δημιουργήστε έναν νέο φάκελο στο C:\inetpub\wwwroot καταλόγου στον υπολογιστή σας, που ονομάζεται Ιστότοπος MyTest. Αυτός ο φάκελος χρησιμοποιείται ειδικά για την αποθήκευση των ιστοσελίδων και άλλου περιεχομένου που απαρτίζουν τον ιστότοπό σας.
- Αντιγράψτε ή μετακινήστε το index.html και στυλ.css αρχεία στο νέο Ιστότοπος MyTest ντοσιέ.
Πώς να προσθέσετε και να διαμορφώσετε τον ιστότοπό σας χρησιμοποιώντας τις υπηρεσίες IIS
Για να φιλοξενήσετε τον ιστότοπό σας χρησιμοποιώντας τις υπηρεσίες IIS, δημιουργήστε έναν νέο ιστότοπο και τοποθετήστε τον στο περιεχόμενό σας.
- Στην αριστερή πλαϊνή γραμμή της κονσόλας IIS, κάντε δεξί κλικ στο Τοποθεσίες Ευρετήριο.
- Από τις επιλογές στο μενού, επιλέξτε Προσθήκη ιστότοπου, για να ανοίξετε το παράθυρο διαμόρφωσης:
- Προσθέστε ένα όνομα στο Ονομα ιστοσελίδας, όπως "Ο ιστότοπος δοκιμής μου". Το IIS θα συμπληρώσει αυτόματα το πεδίο για το Application Pool.
- Προσθέστε τη φυσική διαδρομή, η οποία είναι η τοποθεσία όπου έχετε αποθηκεύσει τα αρχεία του ιστότοπού σας στον υπολογιστή. Κάντε κλικ στις τρεις τελείες για να επιλέξετε έναν φάκελο. Από το μενού, μεταβείτε στο Ιστότοπος MyTest φάκελο, κάτω από το C:\inetpub\wwwroot Ευρετήριο.
- Επιλέξτε https ως Τύπος. Η προεπιλεγμένη Λιμάνι για το HTTPS είναι 443, αλλά μπορείτε να αλλάξετε τη θύρα σε κάτι άλλο εάν χρησιμοποιείται αυτήν τη στιγμή.
- Μπορείτε επίσης να διαμορφώσετε ένα όνομα κεντρικού υπολογιστή, αλλά αφήστε το κενό προς το παρόν.
- Για το Πιστοποιητικό SSL, επιλέξτε Πιστοποιητικό ανάπτυξης IIS Express.
- Επιλέγω Ξεκινήστε αμέσως τον ιστότοποκαι κάντε κλικ στο Εντάξει.
- Επισημάνετε το νέο Ο ιστότοπος δοκιμής μου κατάλογο στην αριστερή στήλη.
- Κάντε κλικ στο Προηγμένες ρυθμίσεις, που βρίσκεται στη λίστα επιλογών στη δεξιά πλευρά του πίνακα.
- Στην ενότητα Συμπεριφορά, αλλάξτε το Ενεργοποιημένα πρωτόκολλα επιλογή στο "https" και κάντε κλικ στο Εντάξει.
- Εάν θέλετε να επεξεργαστείτε αυτές τις λεπτομέρειες ανά πάσα στιγμή, μπορείτε να κάνετε κλικ στο Βασικές ρυθμίσεις ή Προηγμένες ρυθμίσεις επιλογές στο δεξί μενού.
Πώς να σταματήσετε, να ξεκινήσετε ή να επανεκκινήσετε τον ιστότοπό σας στον διακομιστή Web
Για να ξεκινήσετε τον διακομιστή ιστού σας και να προβάλετε τον ιστότοπό σας, κάντε κλικ στην επιλογή Αναζήτηση στο δεξί μενού. Μπορείτε επίσης να κάνετε επανεκκίνηση ή διακοπή του διακομιστή web ανά πάσα στιγμή.
- Για να εκτελέσετε τον διακομιστή ιστού σας, κάντε κλικ στο Περιήγηση *:443 (https) στο δεξί μενού.
- Ο ιστότοπός σας θα πρέπει τώρα να εκτελείται στον διακομιστή ιστού. Μπορείτε να αποκτήσετε πρόσβαση μέσω της διεύθυνσης URL https://localhost/. Εάν λάβετε μια προειδοποίηση ότι η σύνδεση του ιστότοπού σας δεν είναι ασφαλής, εσείς ενδέχεται να χρειαστεί να χρησιμοποιήσετε διαφορετικό έγκυρο πιστοποιητικό SSL. Μπορείς να βρεις καλό τεκμηρίωση από τη Microsoft για το πώς μπορείτε να δημιουργήσετε ένα νέο πιστοποιητικό SSL και να το χρησιμοποιήσετε στις υπηρεσίες IIS.
- Για διακοπή ή επανεκκίνηση του διακομιστή web, κάντε κλικ στο Να σταματήσει ή Επανεκκίνηση στο δεξί μενού.
Φιλοξενία ιστότοπου με χρήση IIS
Οι τοπικές δοκιμές είναι ένα σημαντικό μέρος οποιουδήποτε κύκλου ανάπτυξης, συμπεριλαμβανομένης της δημιουργίας ενός ιστότοπου.
Μπορείτε να φιλοξενήσετε τον ιστότοπό σας τοπικά χρησιμοποιώντας τον διακομιστή web των Υπηρεσιών Πληροφοριών Διαδικτύου (IIS). Μπορείτε να το χρησιμοποιήσετε για να φιλοξενήσετε οποιονδήποτε στατικό ιστότοπο (όπως ένας τυπικός ιστότοπος HTML ή CSS) ή δυναμικός ιστότοπος (όπως ένας ιστότοπος ASP.NET).
Υπάρχουν διάφορες επιλογές από τις οποίες μπορείτε να διαλέξετε όταν φιλοξενείτε τον ιστότοπό σας στο διαδίκτυο. Εάν φιλοξενείτε έναν απλό ιστότοπο, θα μπορούσατε να αποθηκεύσετε τα αρχεία του ιστότοπού σας στο Dropbox, στο Google Drive ή στο One Drive, προτού τα φιλοξενήσετε.
