Tutorial Nginx Virtualhost - Meerdere websites op dezelfde server

Wilt u leren hoe u Nginx installeert en meerdere websites configureert op een computer met Ubuntu Linux? In deze zelfstudie laten we u zien hoe u de Virtualhost-functie kunt gebruiken om meerdere websites op dezelfde Nginx-server te configureren.

Nginx roept Virtualhosts de functie SERVERBLOKKEN aan.

• Ubuntu 18
• Ubuntu 19
• Ubuntu 20
• Nginx 1.18.0

In ons voorbeeld is het IP-adres van de Nginx-server 36.160.86.106.

In ons voorbeeld host de Nginx-server de website WWW.GAMEKING.TIPS.

Uitrustingslijst

In de volgende sectie wordt de lijst weergegeven met apparatuur die wordt gebruikt om deze zelfstudie te maken.

Als Amazon Associate verdien ik aan kwalificerende aankopen.

Nginx – Gerelateerde tutorial:

Op deze pagina bieden we snelle toegang tot een lijst met tutorials met betrekking tot Nginx.

Nginx Virtualhost – DNS-configuratie

Toegang tot de GODADDY-website en de aankoop van een DNS-domein.

In ons voorbeeld hebben we een domein gekocht met de naam:

Copy to Clipboard

U elke website gebruiken om een DNS-domein te kopen, GoDaddy is gewoon mijn persoonlijke keuze.

Maak een DNS-vermelding die uw website verwijst naar de computer waarop Nginx wordt uitgevoerd.

In ons voorbeeld hebben we een DNS-vermelding gemaakt met www.gameking.tips naar 35.160.86.106.

Gebruik de opdracht NSLOOKUP om uw DNS-configuratie te testen.

Copy to Clipboard

Hier is de opdrachtuitvoer.

Copy to Clipboard

Gefeliciteerd! U bent klaar met de vereiste DNS-configuratie.

Tutorial Nginx Virtualhost – Meerdere websites op dezelfde server

Installeer de Nginx-server.

Copy to Clipboard

Maak een map om de nieuwe websitebestanden op te slaan.

Copy to Clipboard

De websitebestanden worden opgeslagen in de volgende map:

Copy to Clipboard

Maak een Nginx-configuratiebestand voor de nieuwe website.

Copy to Clipboard

Hier is het bestand met onze configuratie.

Copy to Clipboard

Maak een symbolische koppeling om de virtuele Nginx-hostconfiguratie in te schakelen.

Copy to Clipboard

Start de Nginx-service opnieuw.

Copy to Clipboard

Maak een testpagina in de nieuwe websitemap.

Copy to Clipboard

Hier is de inhoud van het bestand.

Copy to Clipboard

<html>
        <body>
                <h1>THIS IS A TEST</h1>
        <script>var rocket_beacon_data = {"ajax_url":"https:\/\/techexpert.tips\/wp-admin\/admin-ajax.php","nonce":"5a891d6827","url":"https:\/\/techexpert.tips\/nl\/nginx-nl\/nginx-virtualhost-meerdere-websites-op-dezelfde-server","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://techexpert.tips/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script><script>"use strict";function wprRemoveCPCSS(){var preload_stylesheets=document.querySelectorAll('link[data-rocket-async="style"][rel="preload"]');if(preload_stylesheets&&0<preload_stylesheets.length)for(var stylesheet_index=0;stylesheet_index<preload_stylesheets.length;stylesheet_index++){var media=preload_stylesheets[stylesheet_index].getAttribute("media")||"all";if(window.matchMedia(media).matches)return void setTimeout(wprRemoveCPCSS,200)}var elem=document.getElementById("rocket-critical-css");elem&&"remove"in elem&&elem.remove()}window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><noscript><link data-minify="1" rel='stylesheet' id='wpml-blocks-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-content/cache/min/1/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=1732128896' type='text/css' media='all' /><link rel='stylesheet' id='wpml-menu-item-0-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css?ver=1' type='text/css' media='all' /><link rel='stylesheet' id='fusion-core-comment-form-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-content/plugins/fusion-core/css/comment-form.min.css?ver=5.11.11' type='text/css' media='all' /><link rel='stylesheet' id='fusion-core-privacy-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-content/plugins/fusion-core/css/privacy.min.css?ver=5.11.11' type='text/css' media='all' /><link rel='stylesheet' id='avada-stylesheet-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-content/themes/Avada/assets/css/style.min.css?ver=7.11.11' type='text/css' media='all' /><link rel='stylesheet' id='wp-codemirror-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-includes/js/codemirror/codemirror.min.css?ver=5.29.1-alpha-ee20357' type='text/css' media='all' /><link rel='stylesheet' id='code-editor-css' href='https://techexpert.tips/wp-admin/css/code-editor.min.css?ver=6.7' type='text/css' media='all' /><link rel='stylesheet' id='wp-block-library-css' href='https://d1ny9casiyy5u5.cloudfront.net/wp-includes/css/dist/block-library/style.min.css?ver=6.7' type='text/css' media='all' /></noscript></body>
</html>

Open uw browser en probeer toegang te krijgen tot de virtuele website.

In ons voorbeeld is de volgende URL ingevoerd in de browser:

• http://www.gameking.tips

Heilwens! U hebt de serverblokkenconfiguratie van Nginx voltooid.

Nginx Virtualhost – Meerdere websites op dezelfde server

Nginx Virtualhost – Meerdere websites op dezelfde server

Uitrustingslijst

Nginx – Gerelateerde tutorial:

Nginx Virtualhost – DNS-configuratie

Tutorial Nginx Virtualhost – Meerdere websites op dezelfde server

Related Posts