{"id":49955,"date":"2024-07-29T18:09:24","date_gmt":"2024-07-29T21:09:24","guid":{"rendered":"https:\/\/www.locaweb.com.br\/blog\/?p=49955"},"modified":"2024-07-30T17:14:49","modified_gmt":"2024-07-30T20:14:49","slug":"localhost","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/localhost\/","title":{"rendered":"O que \u00e9 Localhost?"},"content":{"rendered":"\n<p class=\"has-text-align-center\"><em>Localhost se refere ao computador que executa um programa, sendo um elemento importante para desenvolvimento e teste de sites e aplicativos.<\/em><\/p>\n\n\n\n<p>Quando se fala em uma rede de computadores, h\u00e1 diversos elementos importantes para o seu funcionamento.<\/p>\n\n\n\n<p>Um deles \u00e9 o localhost, <strong>muito \u00fatil para a realiza\u00e7\u00e3o de <\/strong><a href=\"https:\/\/www.locaweb.com.br\/blog\/artigos\/testes-inspecao-e-solucao-de-problemas-no-servidor\/\"><strong>testes no servidor<\/strong><\/a><strong> e muitas outras aplica\u00e7\u00f5es<\/strong>.<\/p>\n\n\n\n<p>Neste artigo, vamos explicar o conceito de localhost, os benef\u00edcios de uso, a sua rela\u00e7\u00e3o com o WordPress etc. Confira!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>O que \u00e9 localhost?<\/strong><strong><\/strong><\/h2>\n\n\n\n<p>O termo <strong>localhost se refere ao endere\u00e7o IP padr\u00e3o de rede 127.0.0.1<\/strong>, que aponta para o pr\u00f3prio computador em que um programa est\u00e1 sendo executado.<\/p>\n\n\n\n<p>Em outras palavras, \u00e9 uma refer\u00eancia \u00e0 m\u00e1quina local da pessoa usu\u00e1ria.<\/p>\n\n\n\n<p>Este conceito \u00e9 fundamental para o desenvolvimento de software e redes. Afinal, \u00e9 por meio dele que \u00e9 poss\u00edvel testar e depurar aplica\u00e7\u00f5es sem a necessidade de um servidor externo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>O que \u00e9 127.0.0.1 localhost ou endere\u00e7o de loopback?<\/strong><\/h2>\n\n\n\n<p>O IP 127.0.0.1 \u00e9 conhecido como endere\u00e7o de loopback.<\/p>\n\n\n\n<p>Ele \u00e9 reservado para uso em dispositivos individuais e permite que eles enviem pacotes de dados para si.<\/p>\n\n\n\n<p>Portanto, <strong>ao us\u00e1-lo, estamos essencialmente dizendo a um computador para se conectar a si<\/strong>.<\/p>\n\n\n\n<p>Algumas caracter\u00edsticas importantes do endere\u00e7o de loopback s\u00e3o as seguintes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Testes locais<\/strong>:pessoasdesenvolvedoras usam 127.0.0.1 para testar softwares, servidores web, bancos de dados e outras aplica\u00e7\u00f5es de rede localmente.<\/li>\n\n\n\n<li><strong>Diagn\u00f3stico e solu\u00e7\u00e3o de problemas<\/strong>: o loopback serve para verificar se o stack de rede do dispositivo funciona corretamente. Se voc\u00ea pode pingar 127.0.0.1, isso significa que a pilha de rede est\u00e1 operacional.<\/li>\n\n\n\n<li><strong>Isolamento<\/strong>: \u00e9 poss\u00edvel criar ambientes de desenvolvimento que n\u00e3o afetam a rede externa, isolando testes e experimentos.<\/li>\n<\/ul>\n\n\n\n<p>Toda a faixa de endere\u00e7os de 127.0.0.0 a 127.255.255.255 \u00e9 reservada para loopback. No entanto, 127.0.0.1 \u00e9 o endere\u00e7o mais comum e utilizado.<\/p>\n\n\n\n<p>Vale dizer <strong>que esses endere\u00e7os n\u00e3o s\u00e3o rote\u00e1veis e, portanto, n\u00e3o podem ser alcan\u00e7ados de fora da m\u00e1quina local<\/strong>.<\/p>\n\n\n\n<p>Isso garante que qualquer comunica\u00e7\u00e3o destinada ao loopback permane\u00e7a interna ao dispositivo.<\/p>\n\n\n\n<p>Esses aspectos tornam o localhost e o endere\u00e7o de loopback ferramentas indispens\u00e1veis no desenvolvimento e teste de aplica\u00e7\u00f5es.<\/p>\n\n\n\n<p>Basicamente, eles oferecem um ambiente seguro e controlado para experimenta\u00e7\u00e3o e diagn\u00f3stico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2024\/07\/localhost-2-750x500.jpg\" alt=\"A imagem mostra um homem negro e um branco conversando. Eles est\u00e3o em uma sala de reuni\u00e3o discutindo sobre as melhores formas de trabalhar com localhost no site da empresa.\" class=\"wp-image-49957\" srcset=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2024\/07\/localhost-2-750x500.jpg 750w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2024\/07\/localhost-2-480x320.jpg 480w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2024\/07\/localhost-2-768x512.jpg 768w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2024\/07\/localhost-2-150x100.jpg 150w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2024\/07\/localhost-2.jpg 1200w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p><em>Legenda: O localhost oferece diversas aplica\u00e7\u00f5es e benef\u00edcios para o dia a dia de qualquer empresa.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>Quais s\u00e3o os benef\u00edcios do localhost?<\/strong><\/h2>\n\n\n\n<p>O uso do localhost oferece v\u00e1rias vantagens para pessoas desenvolvedoras, designers e administradoras de sistemas. Aqui est\u00e3o as principais.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Ambiente de desenvolvimento seguro<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Isolamento<\/strong>: permite desenvolver e testar softwares em um ambiente isolado, sem afetar sites ao vivo.<\/li>\n\n\n\n<li><strong>Privacidade<\/strong>: todo o trabalho realizado no localhost permanece em seu computador, garantindo seguran\u00e7a adicional.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Teste de velocidade<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Desempenho<\/strong>: oferece tempos de resposta extremamente r\u00e1pidos, facilitando testes de velocidade. Mas vale lembrar que testar a velocidade localmente n\u00e3o simula a lat\u00eancia da rede que pode ocorrer em um ambiente de produ\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Simula\u00e7\u00e3o<\/strong>: permite simular um ambiente de produ\u00e7\u00e3o, ajudando a identificar problemas antes do lan\u00e7amento.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Teste de software ou aplica\u00e7\u00e3o web<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Desenvolvimento iterativo<\/strong>: ciclo r\u00e1pido de desenvolvimento, teste e itera\u00e7\u00e3o com atualiza\u00e7\u00f5es instant\u00e2neas.<\/li>\n\n\n\n<li><strong>Depura\u00e7\u00e3o<\/strong>:facilita a identifica\u00e7\u00e3o e corre\u00e7\u00e3o de bugs usando ferramentas de depura\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Compatibilidade<\/strong>: verifica a compatibilidade do software com diferentes navegadores e sistemas operacionais.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Bloqueio de sites<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Controle de conte\u00fado<\/strong>: permite redirecionar solicita\u00e7\u00f5es para bloquear o acesso a sites espec\u00edficos.<\/li>\n\n\n\n<li><strong>Seguran\u00e7a<\/strong>: aumenta a seguran\u00e7a em redes corporativas ou educacionais, controlando o acesso \u00e0 internet.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Configura\u00e7\u00e3o e teste de hospedagem de sites<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Simula\u00e7\u00e3o de hospedagem<\/strong>: testa como o site se comportar\u00e1 em um servidor real antes da migra\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Migra\u00e7\u00e3o e backup<\/strong>:verifica a funcionalidade de plugins, temas e configura\u00e7\u00f5es antes da migra\u00e7\u00e3o para um novo servidor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>Para que serve um localhost?<\/strong><\/h2>\n\n\n\n<p>Entre as v\u00e1rias formas de usar um localhost em um projeto, podemos destacar as que est\u00e3o a seguir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Teste de velocidade<\/strong><\/h3>\n\n\n\n<p>Usar um localhost permite a quem desenvolve testar a velocidade de suas aplica\u00e7\u00f5es web sem depender de uma conex\u00e3o com a internet.<\/p>\n\n\n\n<p>Isso \u00e9 fundamental antes de optar por uma <a href=\"https:\/\/www.locaweb.com.br\/hospedagem-de-sites-com-dominio-gratis\/\">hospedagem de sites<\/a>, pois garante que o site ser\u00e1 r\u00e1pido e eficiente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Teste de software ou aplica\u00e7\u00e3o web<\/strong><\/h3>\n\n\n\n<p>O localhost \u00e9 amplamente usado por pessoas desenvolvedoras para testar e depurar software. Elas podem executar as suas aplica\u00e7\u00f5es localmente antes de implantar em servidores ao vivo, garantindo que tudo funcione corretamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Bloqueio de sites<\/strong><\/h3>\n\n\n\n<p>Em algumas configura\u00e7\u00f5es, voc\u00ea pode redirecionar certos dom\u00ednios para 127.0.0.1 no arquivo hosts do seu sistema.<\/p>\n\n\n\n<p><strong>Isso efetivamente bloqueia o acesso a esses sites<\/strong>, j\u00e1 que a solicita\u00e7\u00e3o nunca sai do seu pr\u00f3prio computador.<\/p>\n\n\n\n<p><strong>Leia mais<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/monitoramento-de-servidores\/\">Monitoramento de servidores: garanta a disponibilidade dos sistemas<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/vps-e-cloud\/servidor-vps-windows\/\">Windows VPS: desvendando esse servidor<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/vps-e-cloud\/vantagens-servidores-virtuais\/\">Servidores virtuais: conhe\u00e7a as principais vantagens<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>Como usar o localhost?<\/strong><\/h2>\n\n\n\n<p>Para utilizar o localhost, voc\u00ea precisa configurar um ambiente de desenvolvimento local em seu computador.<\/p>\n\n\n\n<p>Isso geralmente envolve a instala\u00e7\u00e3o de um servidor web local, um banco de dados e uma linguagem de programa\u00e7\u00e3o como <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/php\/\">PHP<\/a>.<\/p>\n\n\n\n<p>Aqui est\u00e3o os passos detalhados para configurar e usar o localhost.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Escolha e instale um servidor web local<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Existem v\u00e1rias op\u00e7\u00f5es populares para servidores web locais, como XAMPP, WAMP, MAMP (para Mac) ou LAMP (para Linux). Esses pacotes geralmente incluem <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/nginx-ou-apache-qual-escolher-para-vps\/\">Apache ou Nginx<\/a> como servidor web, MySQL ou MariaDB como banco de dados e PHP para a execu\u00e7\u00e3o de scripts server-side.<\/li>\n\n\n\n<li>Fa\u00e7a o download do pacote escolhido e siga as instru\u00e7\u00f5es de instala\u00e7\u00e3o fornecidas.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Configure o servidor web<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ap\u00f3s a instala\u00e7\u00e3o, voc\u00ea precisar\u00e1 iniciar o servidor web. No XAMPP, por exemplo, \u00e9 poss\u00edvel iniciar o Apache e o MySQL por meio do painel de controle do XAMPP.<\/li>\n\n\n\n<li>Verifique se o servidor est\u00e1 rodando corretamente acessando http:\/\/localhost em seu navegador. Voc\u00ea deve ver a p\u00e1gina inicial do servidor web local, indicando que est\u00e1 funcionando.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Crie e gerencie projetos<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Crie uma pasta no diret\u00f3rio &#8220;htdocs&#8221; (no caso do XAMPP) ou &#8220;www&#8221; (no caso do WAMP) para cada um de seus projetos. Por exemplo, voc\u00ea pode criar uma pasta chamada &#8220;meuprojeto&#8221;.<\/li>\n\n\n\n<li>Coloque os seus arquivos HTML, CSS, <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/o-que-e-javascript\/\">JavaScript<\/a>, PHP etc. dentro desta pasta.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a><strong>Acesse os seus projetos<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>No seu navegador, digite http:\/\/localhost\/meuprojeto para acessar o seu projeto. O servidor web local processar\u00e1 os arquivos e exibir\u00e1 a p\u00e1gina.<\/li>\n\n\n\n<li>Para projetos mais complexos, voc\u00ea pode configurar hosts virtuais no arquivo de configura\u00e7\u00e3o do servidor web para acessar projetos com URLs personalizadas, como http:\/\/meuprojeto.local.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>Qual \u00e9 a rela\u00e7\u00e3o entre localhost e WordPress?<\/strong><\/h2>\n\n\n\n<p>O <a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/hospedagem-de-sites\/hospedagem-wordpress-o-que-e\/\">WordPress<\/a> \u00e9 uma das plataformas de gerenciamento de conte\u00fado mais populares do mundo.<\/p>\n\n\n\n<p>Configur\u00e1-lo no localhost pode ser extremamente ben\u00e9fico para pessoas desenvolvedoras e designers que desejam criar e testar os seus sites antes de lan\u00e7\u00e1-los ao p\u00fablico.<\/p>\n\n\n\n<p>Saiba como \u00e9 poss\u00edvel usar o localhost para trabalhar com WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Prepare o ambiente<\/strong>:certifique-se de que voc\u00ea tenha um servidor web local instalado, como XAMPP, WAMP, MAMP ou LAMP. Inicie o servidor web e o banco de dados (geralmente MySQL).<\/li>\n\n\n\n<li><strong>Baixe o WordPress<\/strong>: v\u00e1 at\u00e9 o site oficial do WordPress e fa\u00e7a o download da vers\u00e3o mais recente. Extraia os arquivos baixados para uma nova pasta no diret\u00f3rio de projetos do servidor web local (por exemplo, &#8220;htdocs\/wordpress&#8221; para XAMPP).<\/li>\n\n\n\n<li><strong>Configure o banco de dados<\/strong>:abra o phpMyAdmin (geralmente acess\u00edvel em http:\/\/localhost\/phpmyadmin) e crie um banco de dados para o WordPress. Anote o nome do banco de dados, o nome de usu\u00e1rio (geralmente &#8220;root&#8221;) e a senha (geralmente em branco para instala\u00e7\u00f5es padr\u00e3o do XAMPP\/WAMP).<\/li>\n\n\n\n<li><strong>Instale o WordPress<\/strong>: acesse http:\/\/localhost\/wordpress no seu navegador. Voc\u00ea ser\u00e1 guiado pelo processo de instala\u00e7\u00e3o do WordPress, em que precisar\u00e1 fornecer alguns dados e criar uma senha.<\/li>\n\n\n\n<li><strong>Desenvolver e testar<\/strong>: j\u00e1 d\u00e1 para acessar o painel de administra\u00e7\u00e3o do WordPress em http:\/\/localhost\/wordpress\/wp-admin. Agora, \u00e9 poss\u00edvel instalar temas, plugins e come\u00e7ar a cria\u00e7\u00e3o de conte\u00fado.<\/li>\n<\/ul>\n\n\n\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/5fku4sX23uM?si=sYMbQGGK7PhAwuQT\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>O que fazer quando a conex\u00e3o com localhost foi recusada?<\/strong><\/h2>\n\n\n\n<p>Quando a conex\u00e3o com localhost \u00e9 recusada, <strong>isso indica que o servidor local n\u00e3o est\u00e1 em execu\u00e7\u00e3o ou h\u00e1 um problema com a configura\u00e7\u00e3o dele<\/strong>.<\/p>\n\n\n\n<p>Aqui est\u00e3o algumas etapas para solucionar.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Verifique se o servidor web (Apache, Nginx etc.) est\u00e1 em execu\u00e7\u00e3o.<\/li>\n\n\n\n<li>Avalie as configura\u00e7\u00f5es do firewall para garantir que ele n\u00e3o esteja bloqueando a porta usada pelo servidor (geralmente 80 para HTTP e 443 para HTTPS).<\/li>\n\n\n\n<li>Confira o arquivo de configura\u00e7\u00e3o do servidor para se certificar de que est\u00e1 configurado corretamente.<\/li>\n\n\n\n<li>Reinicie o servidor.<\/li>\n<\/ul>\n\n\n\n<p>Seguindo todas as etapas apresentadas at\u00e9 aqui, voc\u00ea n\u00e3o vai demorar para aproveitar todos os recursos do localhost em seus projetos!<\/p>\n\n\n\n<p><a id=\"_msocom_1\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Localhost se refere ao computador que executa um programa, sendo um elemento importante para desenvolvimento e teste de sites e aplicativos. Quando se fala em uma rede de computadores, h\u00e1 diversos elementos importantes para o seu funcionamento. Um deles \u00e9 o localhost, muito \u00fatil para a realiza\u00e7\u00e3o de testes no servidor e muitas outras aplica\u00e7\u00f5es. [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":49956,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-49955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-aberto"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/49955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=49955"}],"version-history":[{"count":1,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/49955\/revisions"}],"predecessor-version":[{"id":49958,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/49955\/revisions\/49958"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/49956"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=49955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=49955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=49955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}