{"id":7821,"date":"2018-01-17T08:00:38","date_gmt":"2018-01-17T10:00:38","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=7821"},"modified":"2022-01-19T16:26:11","modified_gmt":"2022-01-19T19:26:11","slug":"criar-virtual-host-com-xampp","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/criar-virtual-host-com-xampp\/","title":{"rendered":"Crie um Virtual Host usando XAMPP no Windows"},"content":{"rendered":"<p>Se voc\u00ea quer aprender a <strong>criar virtual host com xampp<\/strong>, voc\u00ea est\u00e1 no lugar certo! O <strong>Virtual Host<\/strong> \u00e9 a possibilidade de definir mais de um dom\u00ednio ou subdom\u00ednio em um servidor. Esse \u00e9 o principio da hospedagem compartilhada.<\/p>\n<p>Em ambiente local, podemos utilizar esse mesmo artificio, sendo que a utiliza\u00e7\u00e3o do <strong>Virtual Host em ambiente local<\/strong> pode ajudar na organiza\u00e7\u00e3o. Se utilizar modo de re-escrita (rewrite), n\u00e3o precisa mudar o <em>.htaccess<\/em> que est\u00e1 local para o que est\u00e1 em produ\u00e7\u00e3o.<\/p>\n<p>Se trabalhar com cookies, pode separar por virtual host, sem ter conflito, etc.<\/p>\n<p>Ao inv\u00e9s de utilizar:<\/p>\n<pre class=\"lang:vim decode:true\">http:\/\/localhost\/nomesite\r\n<\/pre>\n<p>Voc\u00ea pode utilizar:<\/p>\n<pre class=\"lang:vim decode:true \">http:\/\/local.nomesite.com\r\n<\/pre>\n<p>Voc\u00ea pode criar qualquer nome, dom\u00ednio ou subdom\u00ednio de acordo com seu gosto.<\/p>\n<p>Basicamente, vamos <strong>configurar o Windows<\/strong> para quando acessar o dom\u00ednio e apontar para nossa m\u00e1quina (localhost) no Apache para uma pasta espec\u00edfica.<\/p>\n<p>Acesse o arquivo:<\/p>\n<p><strong>C:\\Windows\\System32\\drivers\\etc\\hosts<\/strong><\/p>\n<p>Voc\u00ea pode acessar com bloco de notas mesmo. Pode ser que voc\u00ea tenha que executar como Administrador. Para isso, v\u00e1 na busca do Windows e digite: Bloco de notas.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7850 size-medium\" title=\"Criar virtual host com xampp - Notepad\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-1-253x480.jpg\" alt=\"Criar virtual host com xampp - Notepad\" width=\"253\" height=\"480\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-1-253x480.jpg 253w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-1-13x24.jpg 13w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-1.jpg 361w\" sizes=\"(max-width: 253px) 100vw, 253px\" \/><\/p>\n<p>Depois basta clicar com bot\u00e3o direito em cima do Bloco de Notas e escolher <em>Executar como Administrador.<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7838 size-full\" title=\"Criar virtual host com xampp - Executar como admin\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-administrador-1.jpg\" alt=\"Criar virtual host com xampp - Executar como admin\" width=\"344\" height=\"281\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-administrador-1.jpg 344w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-administrador-1-24x20.jpg 24w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/p>\n<p>Depois basta ir em <strong>Arquivo &gt; Abrir<\/strong>, ir no arquivo host (basta copiar o endere\u00e7o que foi informado antes no tutorial) depois clicar em abrir.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7835 size-medium\" title=\"Abrir arquivo\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-abrir-600x65.jpg\" alt=\"Abrir arquivo\" width=\"600\" height=\"65\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-abrir-600x65.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-abrir-24x3.jpg 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-abrir.jpg 665w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Nesse arquivo, voc\u00ea encontrar\u00e1 o ip para sua m\u00e1quina (<strong>127.0.0.1<\/strong>) com nome na frente <em>&#8220;localhost&#8221;<\/em>. Quando voc\u00ea digitar\u00a0 <em>&#8220;localhost&#8221;<\/em> no seu navegador, ele est\u00e1 apontando para sua m\u00e1quina, ent\u00e3o o Apache (Servidor Web) vai apontar para sua pasta.<\/p>\n<p>Como estamos usando o <a href=\"https:\/\/www.mxcursos.com\/blog\/tags\/xampp\/\">XAMPP<\/a> com a premissa de estar instalado no C:\/\/, ele ir\u00e1 apontar para:\u00a0C:\\xampp\\htdocs.<\/p>\n<p>O seu arquivo host ser\u00e1 como esse abaixo:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7840 size-medium\" title=\"Arquivo host do Windows\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-host-600x318.jpg\" alt=\"Arquivo host do Windows\" width=\"600\" height=\"318\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-host-600x318.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-host-768x407.jpg 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-host-740x392.jpg 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-host-24x13.jpg 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-host.jpg 1020w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Agora adicione o dom\u00ednio que voc\u00ea deseja como est\u00e1 no localhost. No exemplo, vou criar chamado <em>&#8220;local.projeto.com&#8221;<\/em>, ficando assim:<\/p>\n<pre class=\"lang:vim decode:true\">127.0.0.1       local.projeto.com<\/pre>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7841 size-medium\" title=\"Localhost\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-hos-editadot-600x318.jpg\" alt=\"Localhost\" width=\"600\" height=\"318\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-hos-editadot-600x318.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-hos-editadot-768x407.jpg 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-hos-editadot-740x392.jpg 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-hos-editadot-24x13.jpg 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-bloco-de-notas-hos-editadot.jpg 1020w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Agora ser\u00e1 necess\u00e1rio <strong>configurar o Apache<\/strong>. Tamb\u00e9m poder\u00e1 ser feito com bloco de notas, ou qualquer editor de c\u00f3digo.<\/p>\n<p>Acesse o arquivo:<\/p>\n<pre class=\"lang:vim decode:true \">C:\\xampp\\apache\\conf\\extra\\httpd-vhosts.conf\r\n\r\n<\/pre>\n<p>Nesse arquivo ser\u00e3o configurados os Virtual Hosts. Ele j\u00e1 vem com configura\u00e7\u00f5es de exemplo, por\u00e9m comentado.<\/p>\n<p>Vamos us\u00e1-lo como base:<\/p>\n<pre class=\"lang:vim decode:true\">##&lt;VirtualHost *:80&gt;\r\n    ##ServerAdmin webmaster@dummy-host.example.com\r\n    ##DocumentRoot \"C:\/xampp\/htdocs\/dummy-host.example.com\"\r\n    ##ServerName dummy-host.example.com\r\n    ##ServerAlias www.dummy-host.example.com\r\n    ##ErrorLog \"logs\/dummy-host.example.com-error.log\"\r\n    ##CustomLog \"logs\/dummy-host.example.com-access.log\" common\r\n##&lt;\/VirtualHost&gt;<\/pre>\n<ul>\n<li><strong>VirtualHost<\/strong>: Tag definindo as configura\u00e7\u00f5es do virtual host.<\/li>\n<li><strong>ServerAdmin<\/strong>: Endere\u00e7o de contato.<\/li>\n<li><strong>DocumentRoot<\/strong>: Caminho completo at\u00e9 a pasta que ser\u00e1 acessada.<\/li>\n<li><strong>ServerName<\/strong>: Nome do host que ser\u00e1 acessado.<\/li>\n<li><strong>ServerAlias<\/strong>: Nomes alternativos para o host.<\/li>\n<li><strong>ErrorLog<\/strong>:\u00a0 Nome do arquivo que o servidor registrar\u00e1 os erros encontrados.<\/li>\n<li><strong>CustomLog<\/strong>: Nome do arquivo para as requisi\u00e7\u00f5es.<\/li>\n<\/ul>\n<p>Iremos adicionar a nossa configura\u00e7\u00e3o, apontando para onde ser\u00e1 configurado o virtual host. No nosso projeto seria:<\/p>\n<pre class=\"lang:vim decode:true \">C:\\xampp\\htdocs\\projeto\r\n\r\n<\/pre>\n<p>Vamos <strong>configurar o virtual host<\/strong>:<\/p>\n<pre class=\"lang:vim decode:true\">&lt;VirtualHost *:80&gt;\r\n    ServerAdmin webmaster@local.projeto.com\r\n    DocumentRoot \"C:\/xampp\/htdocs\/projeto\"\r\n    ServerName local.projeto.com\r\n    ErrorLog \"logs\/local.projeto.com-error.log\"\r\n    CustomLog \"logs\/local.projeto.com--access.log\" common\r\n&lt;\/VirtualHost&gt;<\/pre>\n<p>O \u00fanico que n\u00e3o utilizamos \u00e9 o <strong>ServerAlias,<\/strong> pois n\u00e3o teremos nomes alternativos para o ambiente local.<\/p>\n<p>Se voc\u00ea j\u00e1 estiver iniciado o XAMPP, basta parar (Stop) e iniciar (Start) o Apache, caso contr\u00e1rio, basta s\u00f3 iniciar (Start) o Apache.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7845 size-medium\" title=\"XAMPP\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-xampp-600x340.jpg\" alt=\"XAMPP\" width=\"600\" height=\"340\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-xampp-600x340.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-xampp-24x14.jpg 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-xampp.jpg 686w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Agora basta acessa via URL o endere\u00e7o que foi configurado.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7849 size-medium\" title=\"XAMPP Instalado\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-localhost-600x264.jpg\" alt=\"XAMPP Instalado\" width=\"600\" height=\"264\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-localhost-600x264.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-localhost-768x337.jpg 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-localhost-740x325.jpg 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-localhost-24x11.jpg 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/01\/virtual-host-localhost.jpg 979w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Pronto, voc\u00ea j\u00e1 pode trabalhar o seu <strong>projeto com Virtual Host<\/strong>. E para cada novo projeto, voc\u00ea pode <strong>criar um Virtual Host<\/strong> para se organizar melhor.<\/p>\n<p>At\u00e9 a pr\u00f3xima!<\/p>\n<hr \/>\n<p>Voc\u00ea gostou desse artigo? Quem tal aprender\u00a0 PHP ? N\u00f3s possu\u00edmos diversos cursos sobre\u00a0 <a href=\"https:\/\/www.mxcursos.com\/cursos-de-php\/?tracking=blog\">PHP<\/a>\u00a0que ajudar\u00e1 a dominar essa linguagem. N\u00e3o perca tempo, <a href=\"https:\/\/www.mxcursos.com\/clube-do-assinante\/?tracking=blog\">assine agora<\/a>, e venha estudar com a gente.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea quer aprender a criar virtual host com xampp, voc\u00ea est\u00e1 no lugar certo! O Virtual Host \u00e9 a possibilidade de definir mais de um dom\u00ednio ou subdom\u00ednio em um servidor. Esse \u00e9 o principio da hospedagem compartilhada. Em ambiente local, podemos utilizar esse mesmo artificio, sendo que a utiliza\u00e7\u00e3o do Virtual Host em [&hellip;]<\/p>\n","protected":false},"author":67,"featured_media":18669,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1178],"tags":[1263,1261,1262],"class_list":["post-7821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacao","tag-virtual-host","tag-windows","tag-xampp"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/7821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=7821"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/7821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/18669"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=7821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=7821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=7821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}