workshopper-browser-guide
Version:
Create an html browser version of the exercise descriptions
111 lines (105 loc) • 6.55 kB
HTML
<html class="no-js" lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>learnyounode Guide</title>
<meta name="description" content="learn git and github">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/code.css">
<link href='assets/fonts/fonts.css' rel='stylesheet' type='text/css'>
</head>
<body>
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header class="site-header">
<div class="nav u-posFixed">
<ul class="nav-lang">
<li><a href="time_server.html" >English</a></li>
<li><a href="time_server.es.html" >Español</a></li>
<li><a href="time_server.ja.html" >日本語</a></li>
<li><a href="time_server.pt-br.html" >Português (Brasil)</a></li>
<li><a href="time_server.ru.html" >Русский</a></li>
<li><a href="time_server.zh-cn.html" >中文 (中国)</a></li>
<li><a href="time_server.zh-tw.html" >中文 (臺灣)</a></li>
</ul>
<div class="wrap-width u-textCenter">
<a href="juggling_async.pt-br.html"
<span class="u-floatLeft hand">☜</span>
</a>
<a class="filledblock" href="index.pt-br.html">learnyounode</a>
<a href="http_file_server.pt-br.html"
<span class="u-floatRight hand">☞</span>
</a>
</div>
</div>
<div class="wrapper">
<div class="u-floatLeft">
<span class="all-caps">CHALLENGE</span>
<h2 class="challenge-name">SERVIDOR DE TEMPO</h2>
</div>
<div class="u-floatRight u-textRight">
<span class="all-caps">NUMBER</span>
<h2 class="challenge-name">10 / 13</h2>
</div>
</div>
</header>
<div class="wrapper">
<p>Escreva um <strong>Servidor de Tempo TCP</strong>!</p>
<p>Seu servidor deve listar para conexões TCP na porta fornecida pelo primeiro argumento de seu programa. Para cada conexão você deve escrever a data atual e o hora (em 24h) no formato:</p>
<pre><code><span class="hljs-string">"YYYY-MM-DD hh:mm"</span>
</code></pre><p>seguido por um caracter <strong>newline</strong> (nova linha). Mês, dia, hora e minuto devem ser <em>preenchidos com zero</em> para terem dois inteiros. Por exemplo:</p>
<pre><code><span class="hljs-string">"2013-07-06 17:42"</span>
</code></pre><hr>
<h2 id="dicas">DICAS</h2>
<p>Para este exercício nós vamos criar um servidor TCP cru. Não há HTTP envolvido aqui então vamos precisar usar o módulo <code>net</code> do núcleo do Node que contém todas as funções de rede (networking) básicas.</p>
<p>O módulo <code>net</code> tem método chamado <code>net.createServer()</code> que recebe uma função callback. Diferente da maiorira dos callbacks no Node, o callback usado por <code>createServer()</code> é chamado mais de uma vez. Toda conexão recebida por nosso servidor dispara outra chamada para o callback. A função callback tem a seguinte assinatura:</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">callback</span> <span class="hljs-params">(socket)</span> </span>{ <span class="hljs-comment">/* ... */</span> }
</code></pre>
<p><code>net.createServer()</code> também retorna uma instância do seu <code>server</code>. Você deve chamar <code>server.listen(portNumber)</code> para iniciar a escuta da porta em questão.</p>
<p>Um típico servidor TCP em Node se parece com isso:</p>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> net = <span class="hljs-built_in">require</span>(<span class="hljs-string">'net'</span>)
<span class="hljs-keyword">var</span> server = net.createServer(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(socket)</span> </span>{
<span class="hljs-comment">// socket handling logic</span>
})
server.listen(<span class="hljs-number">8000</span>)
</code></pre>
<p>Lembre-se de usar o número da porta fornecida para você como primeiro argumento da linha de comando.</p>
<p>O objeto <code>socket</code> contém muitos <em>meta-dados</em> em relação a conexão, mas isso é também um <em>Node duplex Stream</em>, em que isso pode ser ambos "lido de", ou "escrito em". Para este exercício nós vamos apenas escrever os dados e então fechar o socket.</p>
<p>Use <code>socket.write(data)</code> para escrever dados para o socket e <code>socket.end()</code> para fechar o socket. Alternativamente, o método <code>.end()</code> também pode receber um objeto <em>data</em>, então você pode simplificar da seguinte forma: <code>socket.end(data)</code>.</p>
<p>Documentação do módulo <code>net</code> pode ser encontrada apontando seu navegador para:</p>
<p> <a href="../node_apidoc/net.html">/node_apidoc/net.html</a></p>
<p>Para criar uma data, você vai precisar de criar um formato customizado a partir do objeto <code>new Date()</code>. Os métodos que lhe serão úteis são:</p>
<pre><code class="lang-js">date.getFullYear()
date.getMonth() <span class="hljs-comment">// começa no 0</span>
date.getDate() <span class="hljs-comment">// retorna o dia do mês</span>
date.getHours()
date.getMinutes()
</code></pre>
<p>Ou, se você quiser ser aventureiro, use o pacote <code>strftime</code> do npm. A função <code>strftime(fmt, date)</code> pega o formato de data assim como o comando <code>date</code> do unix. Você pode ler mais sobre o strftime em: <a href="https://github.com/samsonjs/strftime">https://github.com/samsonjs/strftime</a></p>
<hr>
<div class="prenext">
<div class="u-floatLeft">
<a href="juggling_async.pt-br.html" class="u-inline-block all-caps">BRINCANDO ASSÍNCRONAMENTE
<div>⤶ </div>
</a>
</div>
<div class="u-textRight u-floatRight">
<a href="http_file_server.pt-br.html" class="u-inlineBlock all-caps">SERVIDOR DE ARQUIVOS HTTP
<div>⤷</div>
</a>
</div>
</div>
<footer>
<!-- <ul>
<li class="all-caps"><a href="index.html"><strong>Challenges</strong></a></li>
<li class="all-caps">
<a href="https://github.com/rvagg/learnyounode/issues/new" target="_blank">Open an Issue</a>
</li>
</ul> -->
</footer>
</div>
</body>
</html>