Criando um sistema básico de Short Url
por Carlos Casalicchio
Mídias sociais são parte corriqueira da vida de qualquer usuário de computador, especialmente aqueles que são profissionais na área.
Por isso, tenho o costume de inserir links de várias páginas em minhas assinaturas de email. No entanto, serviços como Yahoo e Outlook (online) restringem a quantidade de caracteres, dificultando a criação de assinaturas completas.
Para resolver esse problema, resolvi criar um Webservice simples que fosse capaz de redirecionar qualquer short link para o url completo da assinatura.
Esse artigo mostra como é fácil criar um serviço de short url usando ASP.NET MVC com C#
Inicialmente, criei a lista de short links num xml mesmo (no momento não senti necessidade de um gerenciador de short links):
Xml
<?xml version="1.0" encoding="utf-8" ?> <forwards> <url src="6uzcQsmW" id="1" created="" expires="" userid=""> https://www.facebook.com/carlos.casalicchio </url> <url src="g89Tsdxq" id="1" created="" expires="" userid=""> Tweets by c_casalicchio </url> <url src="h9KyWTfu" id="1" created="" expires="" userid=""> https://plus.google.com/u/0/+CarlosCasalicchio/posts </url> <url src="4R7oViGj" id="1" created="" expires="" userid=""> http://www.linkedin.com/in/ccasalicchio </url> <url src="udVmFUV8" id="1" created="" expires="" userid=""> http://www.youtube.com/user/casalicchio </url> <url src="iTSVtpg3" id="1" created="" expires="" userid=""> https://www.ccasalicchio.com/ </url> <url src="YcbmDf4s" id="1" created="" expires="" userid=""> http://www.lastfm.com.br/user/c_casalicchio </url> <url src="HrRbfS7u" id="1" created="" expires="" userid=""> https://profile.yahoo.com/COUAKGLAHFWMJCPD73Z4EK5PTA/ </url> <url src="sx2GkN7N" id="1" created="" expires="" userid=""> http://www.mellaniealanny.info/ </url> </forwards>
Como é possível ver, já deixei preparado para futuros melhoramentos, mas por enquanto só o source e o url de destino são os dados que interessam.
Depois, criei só um método para a página inicial do site, dentro do ForwardController – afinal, quero os url o mais simples possível
C#
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Xml.Linq; namespace Short_Links.Controllers { public class ForwardController : Controller { // // GET: /Forward/ public ActionResult Index(string src) { var url = from e in MvcApplication.Forwards.Root.Descendants("url") where e.Attribute("src").Value == src select e; string redirect = "404.html"; if (url.DescendantNodes().Count() > 0) redirect = url.DescendantNodes().Single().ToString().Trim(); return Redirect(redirect); } } }
O próximo problema é fixar o MVC Routing para aceitar links curtos. Para isso, modifiquei o RouteConfig.cs:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Routing; namespace Short_Links { public class RouteConfig { public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute( name: "Forward", url: "{src}", defaults: new { controller = "Forward", action = "Index", src="" } ); //routes.MapRoute( // name: "Default", // url: "{controller}/{action}/{id}", // defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } //); } } }
Como pode-se ver, os routings originais foram comentados, pois por enquanto o site não tem nenhuma outra função a não ser redirecionar short urls. Mas, para servir páginas normais é preciso ter outros routes.
A Última coisa feita foi definir uma variável global que contenha todos os short urls, que carregue com a aplicação. Dessa forma, evita-se ler o xml toda vez que um novo request entrar. Isso aumenta a performance do redirecionamento.
Note que só isso foi adicionado, o resto do Global.ascx não foi modificado:
using System.Web.Http; using System.Web.Mvc; using System.Web.Optimization; using System.Web.Routing; using System.Xml.Linq; namespace Short_Links { // Note: For instructions on enabling IIS6 or IIS7 classic mode, // visit http://go.microsoft.com/?LinkId=9394801 public class MvcApplication : System.Web.HttpApplication { public static XDocument Forwards {get;set;} protected void Application_Start() { AreaRegistration.RegisterAllAreas(); WebApiConfig.Register(GlobalConfiguration.Configuration); FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); RouteConfig.RegisterRoutes(RouteTable.Routes); BundleConfig.RegisterBundles(BundleTable.Bundles); //Load xml with all forwards string path = Server.MapPath("~/App_Data/forwards.xml"); Forwards = XDocument.Load(path); } } }
Mas o que fazer se alguém tentar acessar o site sem um short link? Para mitigar esse problema, criei uma página 404.html simples, que informa o usuário que ele não submeteu nenhum short link:
Html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Url Not Found</title> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%3E%0A%20%20%20%20%20%20%20%20body%20%7Bwidth%3A100%25%3Btext-align%3Acenter%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20url('%2FImages%2Fgrumpy-cat-04.jpg')%20no-repeat%20top%20right%20%23000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20background-size%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-family%3A'Segoe%20UI'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A30px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin%3A0%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A0%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.not-found-body%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3Aabsolute%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A0%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A100%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20float%3Aleft%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3A%23000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%23fff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%3A0.6%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%200%20-2px%202px%20%23000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20text-shadow%3A%200%200%202px%20%23000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20text-transform%3Auppercase%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.not-found-body%20span%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A12px%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" /> </head> <body> <div class="not-found-body"> <h3>Damn you 404!</h3> <span>You did not insert any short urls to be redirected...</span></div> </body> </html>
Em código é só isso! Subi o site publicado para o provedor e voilá, agora tenho um serviço de short urls.
Baixe o código fonte do projeto Short Links.
Outras sugestões são:
- Compre um domínio curto. No meu caso, estou usando o http://puul.ga que foi comprado através do http://dot.tk
- Meu provedor de hosting é o http://www.godaddy.com e apontei o DNS do domínio para o Godaddy.
- Se for usar imagens, coloque-as numa pasta de nome curto – neste projeto nomeei a pasta como ‘i’ e deixei todas as imagens com nomes curtos também. Assim, se for referenciar suas imagens em outro lugar, o link também fica curto, como por exemplo https://puul.ga/i/face.png .