Samus - Desenvolvimento Web - 21/11/2009 Criando uma URL limpa Como criar uma URL a partir do título de uma página

Transcrição

1 Samus - Desenvolvimento Web - 21/11/2009 Criando uma URL limpa Como criar uma URL a partir do título de uma página Uma de minhas preocupaã ões enquanto desenvolvo à a criaã à o de URLs limpas, acessã veis, e que permitam ao usuã rio saber do que se trata apenas pela leitura da URL.Cada vez mais os desenvolvedores estã o preocupados, por isso, como exemplo temos o Twiter: vc pode muito bem acessar sua pã gina no twitter a partir de uma URL limpa: twitter.com/samusdev; Facebook, Youtube, Wordpress e muitos outros se preocupam com isso.a coisa complica quando temos que criar uma URL limpa para notã cias, artigos e etc que possuem caracteres especiais emâ seus tã tulosn Nà o basta colocar apenas um nick na url, à preciso gerar uma string sem caracteres especiais mas que nã o perca o sentido. Neste artigo vou demonstrar uma tã cnica para gerar strings limpas para serem usadas como URL. Nà o vou demonstrar como trabalhar com reescrita de url, nem como configurar um documento httacces, nem como receber uma URL limpa e interpretar. Quem nã o utiliza httaccess pode utilizar este exemplo passando os nomes comoâ um parã metro passado por GET. Primeiro vamos ver a url deste artigo e tentar entende-la: â isso à o site (normal) - Este à o diretã³rio raiz do sitehttp://samus.com.br/web/site/ - Este à outro diretã³rio, onde estã o todos os controladores do sitehttp://samus.com.br/web/site/artigo- - Artigo à o nome do controlador que esta sendo executadohttp://samus.com.br/web/site/site/artigo-criando_uma_url_limpa- E por ultimo o nome único do artigo, passado como parametro na urlcaso voc㪠nã o utilize reescrita de url, voc㪠pode imaginar que ficaria algo assim:noticia.php?tit=criando_uma_url_limpaagora como criar esta url limpa? à simples, vc deve criar uma coluna na tabela de seu banco unica e exclusivamente para guardar o â œnome limpoâ dos seus registros. No meu caso, utilizo o nome â œcleantituloâ. Você deve configurã -lo como UNIQUE ou Primary Key para garantir que o nome seja realmente único.Agora o â œnome limpoâ deve ser gerado a partir do Tà tulo de sua notã cia, nome do seu usuã rio, descriã à o ou qualquer outra coisa que identifique o conteãºdo da pã gina. Vamo ilustrar nosso exemplo com a notã cia: â œjoã o ladrã o foi à prisã oâ : este tã iulo deve se tornar algo assim:joã o ladrã o foi à prisã o ==> joao_ladrao_foi_a_prisaooujoã o ladrã o foi à prisã o ==> joao-ladrao-foi-a-prisã o (estilo wordpress)para fazer essa conversã o vamos utilizar a classe CleanString. O funcionamento dela à simples: temos um Array com todos os caracteres que devem ser substituã dos, onde a chave de cada item do array à o caractere que deve ser substituã do e o valor do caracter correspondente que serã incluido no lugar dele. Veja os exemplos abaixo e pronto! class CleanString { /** * Array com os termos que serã o substituidos array */ private static $removearray = array( "a" => "a", "b" => "b", "c" => "c", "d" => "d", "e" => "e", "f" => "f",

2 "g" => "g", "h" => "h", "i" => "i", "j" => "j", "k" => "k", "l" => "l", "m" => "m", "n" => "n", "o" => "o", "p" => "p", "q" => "q", "r" => "r", "s" => "s", "t" => "t", "u" => "u", "v" => "v", "x" => "x", "y" => "y", "z" => "z", "à " => "a", "à " => "e", "à " => "i", "ó" => "o", "ú" => "u", "à " => "a", "à " => "e", "à " => "i", "ò" => "o", "ù" => "ù", "à " => "a", "õ" => "o", "à " => "a", "ê" => "e", "à " => "i", "à " => "o", "û" => "u", "," => "", "!" => "", "#" => "", "%" => "", " " => "", "-" => "_", "{" => "", "" => "", "^" => "", " " => "", "`" => "",

3 "" => "", "/" => "", ";" => "", ":" => "", "?" => "", "¹" => "1", "²" => "2", "³" => "3", "ª" => "a", "º" => "o", "à " => "c", "ü" => "u", "à " => "a", "à " => "i", "à " => "o", "ë" => "e", "$" => "s", "à " => "y", "w" => "w", "<" => "", ">" => "", "[" => "", "]" => "", "&" => "e", " " => "_", //aki transformamos os espaã os "'" => '', '"' => "", '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '0' => '0' ); private static $acentosarray = array( 'à ' => 'a', 'à ' => 'A', 'à ' => 'e', 'à ' => 'E', 'à ' => 'i', 'à ' => 'i', 'ó' => 'o', 'à ' => 'O', 'ú' => 'u', 'Ú' => 'U', 'à ' => 'à ', 'à ' => 'à ', 'ê' => 'ê', 'Ê' => 'à ',

4 'à ' => 'à ', 'à ' => 'à ', 'à ' => 'a', 'à ' => 'à ', 'à ' => 'c', 'à ' => 'C', 'à ' => 'a', 'Ã' => 'à ', 'õ' => 'o', 'à ' => 'o' ); /** * Limpa uma string para ser usada como termo de uma URL string $string string */ public static function clean($string) { $finalstring = ""; $string = strtolower($string); $string = str_replace("'", "", $string); $string = str_replace('"', "", $string); $string = trim($string); $string = filter_var($string, FILTER_SANITIZE_STRING); foreach(str_split($string) as $str) { $finalstring.= self::$removearray[$str]; $finalstring = str_replace(" ", "_", $finalstring); $finalstring = str_replace(" ", "_", $finalstring); if(substr($finalstring, -1, 1)=="_") { $finalstring = substr($finalstring, 0, -1); return $finalstring; /** * Remove os acentos de uma string * string $string string */ public static function removeacento($string) { $finalstring = ""; $string = str_replace("'", "", $string);

5 $string = str_replace('"', "", $string); $string = str_replace('&', "", $string); $string = trim($string); $string = filter_var($string, FILTER_SANITIZE_STRING); foreach(str_split($string) as $str) { if(key_exists($str, self::$acentosarray)) { $finalstring.= self::$acentosarray[$str]; else { $finalstring.= $str; if(substr($finalstring, -1, 1)=="_") { $finalstring = substr($finalstring, 0, -1); return $finalstring; // finalmente utilizamos a classe // depois de pronto fica tudo mais fã cil echo CleanString::clean('Joà o ladrã o foi à prisã o'); SOBRE A ADOà ÃO DE Mà TODOS DE DESENVOLVIMENTO COM URLs ACESSà VEIS Um outro pequeno artigo que escrevi sobre o assunto: Portais e websites, cada vez mais se preocupam com a criaã à o de URLs limpas e acessã veis para os seus sites, urls limpas sã o endereã os de internet, os mesmos que aparecem na barra de navegaã à o dos browsers, que aparecem de forma legã vel e sempre que possã vel o mais curto possã vel.  A intenã à o à sempre fazer com o que o usuã rio entenda o que ele esta acessando apenas pelo endereã o da pã gina, por exemplo: site.com.br/noticia/como-escrever-um-short-paper. Existem vã rias vantagens na adoã à o deste mã todo de desenvolvimento, primeiramente estimula que os usuã rios compartilhem o endereã o da pã gina, jã que isto à cada vez mais comum atravã s de micro-blogs e redes sociais, outra grande vantagem à tornar as URLs mais legã veis aos robots de sistemas de busca,  evitando conflitos com a codificaã à o de caracteres especiais. Existem outras vantagens no quesito seguranã a, jã que, muitas vezes, impossibilitamos o usuã rio de manipular dados diretos pela URL,

6 validando cada requisiã à o e redirecionando qualquer tentativa  mã intencionada de acesso para pã ginas de erro.â Quando utilizamos o login do usuã rio ou seu nome para identificaã à o dele em um sistema, torna aquela à rea muito mais personalizada, um bom exemplo à alguns dos serviã os do google como o YouTube (ex.: youtube.com/meunome), twitter (ex.: twitter.com/meunome) entre muitos outros sites e portais populares na internet. Isso faz com que os usuã rios possam acessar diretamente sua pã gina exclusiva sem a necessidade navegar no percurso normal do site, nã o vai precisar abrir a pã gina inicial, ir na pã gina de usuã rios, encontrar o usuã rio desejado, clicar e sã³ depois visualizar a pã gina, pode acessa-lo diretamente atravã s do endereã o do site, jã que ele à mais legã vel. Para artigos, notã cias e pã ginas especã ficas, e tã cnica à utilizar o tã tulo da matã ria em questã o para construir a URL. Mas a coisa complica quando temos que criar uma URL limpa para notã cias, artigos e etc que possuem caracteres especiais em  seus tã tulos, nã o basta colocar apenas um apelido na url, à preciso gerar uma frase sem caracteres especiais que nã o peca o sentido. Publicitariamente isto à ótimo para qualquer empresa, jã que poderã o, por exemplo, utilizar urls limpas para peã as publicitã rias personalizadas. Ou entã o utilizar sem medo de que o usuã rio confunda a url do site com um vã rus ou alguma tentativa mã intencionada de execuã à o de algum programa.â Infelizmente muitas empresas nã o oferecem ferramentas para que seus desenvolvedores utilizem esta prã tica, como exemplo, tecnologias Microsoft nã o estimulam seus desenvolvedores à se preocuparem com as URLs de seus sistemas, gerando endereã os extensos, extremamente poluã dos de variã veis, que somente um programador entenderia. Por outro lado tecnologias de cã³digo aberto normalmente oferecem ferramentas para reescrita de URL, o mais famoso de todos à o httaccess da Apache, que pode ser configurado para qualquer linguagem que rode em um servidor apache. Por outro lado, para desenvolvedores significa mais trabalho, ou atã muito mais trabalho, jã que deixarã o de utilizar algo pronto, onde podiam manipular suas variã veis e requisiã ões diretamente atravã s da url. Tendo que criar uma nova camada que servirã única e exclusivamente para gerenciar as requisiã ões. Mas à justamente nessa camada que se encontram tambã m as vantagens para o desenvolvedor, onde ele poderã manipular e gerenciar cada requisiã à o da melhor forma possã vel. Existem ainda ferramentas que possibilitam a adoã à o dessa prã tica sem muito esforã o, onde jã trazem todas essas funcionalidades acopladas à outros componentes.â A adoã à o de URLs limpas em um projeto trazem muitas vantagens para os usuã rios, muitas vantagens para o site, mas pode trazer muita dor de cabeã a para os desenvolvedores,  ainda mais se nã o forem experientes podem comprometer todo o projeto com a criaã à o de mã todos de interpretaã à o que nã o sejam consistentes, a soluã à o para todos os problemas de compatibilidade pode ser ainda mais complicado, desenvolver um sistema que suporte tanto URLs limpas, quanto URLs convencionais.