Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

пре 4 година
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. title: Son propre TinyURL en Python et HTML5 avec webpy
  2. slug: son-propre-tinyurl-en-python-et-html5-avec-webpy
  3. date: 2009-02-21 20:55:06
  4. type: post
  5. vignette: images/logos/bitly.png
  6. contextual_title1: Mieux communiquer sur OpenID et OAuth
  7. contextual_url1: 20090125-mieux-communiquer-sur-openid-et-oauth
  8. contextual_title2: Sortie de Django 1.0, une année de nouveautés
  9. contextual_url2: 20080902-sortie-de-django-10-une-annee-de-nouveautes
  10. contextual_title3: ★ iPheeds.org, une version iPhone pour votre blog
  11. contextual_url3: 20080723-ipheedsorg-une-version-iphone-pour-votre-blog
  12. Avec Twitter, la concision est de mise. Tout le monde utilise des "raccourcisseurs" d'URL comme TinyURL ou Bit.ly mais ça pose plusieurs problèmes : vous n'avez aucune idée de la pérennité du service (et en ce moment on voit bien le problème des services gratuits et non rentables qui ferment) et aucune garantie que les liens seront toujours redirigés vers les bonnes destinations sans passer par une pub/un outil de traçabilité/insérez votre délire parano ici.
  13. J'ai enregistré hier bgk.me pour remédier à ça et avoir mon propre service de redirections courtes. Ça prend une centaine de lignes en Python et c'est sous [WTFPL](http://sam.zoy.org/wtfpl/), comme ce blog. Enfin HTML5 c'est juste pour être plus concis, rien de bien évolué dans ce domaine, allez voir l'[excellent billet de Maurice](http://svay.com/blog/index/post/2009/02/19/Creer-un-client-Twitter-offline-pour-l-iPhone-avec-HTML5) si vous voulez apprendre à exploiter certaines capacités utiles de HTML5.
  14. ## Choix techniques
  15. Au niveau des fonctionnalités :
  16. * la possibilité de rediriger facilement vers mes billets ou mes brèves ;
  17. * la possibilité de choisir un nom de raccourci pertinent (je déteste les tinyurls qui ont un hash ne permettant pas d'avoir une idée de ce qu'il y a derrière) ;
  18. * une interface d'administration simpliste.
  19. Il y a des centaines de façons de coder ça et j'aurais aussi pu utiliser [ur1](http://ur1.ca/) en PHP [mentionné par znarf](http://twitter.com/znarf/status/1230052100), je pense que c'est une bonne solution aussi, tout dépend de votre infrastructure. **Edit** : [Xavier vient de mentionner urly](http://twitter.com/xavierlacot/status/1232570280) en Python aussi.
  20. Je voulais rester super simple, un seul fichier, pas de base de données et une base qui ne soit pas une usine à gaz comme Django, inutile dans notre cas. J'ai donc opté pour [webpy](http://webpy.org/) qui est excellent pour ça, bon c'est devenu un peu trop complet à mon goût encore (ah le bon temps où ça tenait dans un fichier unique :-)) mais suffisamment simple à prendre en main pour ceux qui voudraient se mettre à Python ;-).
  21. ## Redirections
  22. On commence par les redirections des billets et brèves, il faut pour cela ajouter les URL suivantes :
  23. urls = (
  24. "/p/(\d+)", "RedirectToPost",
  25. "/t/(\d+)", "RedirectToThought",
  26. )
  27. Et ensuite construire les classes de redirection :
  28. class RedirectToPost:
  29. def GET(self, post_id):
  30. return web.redirect(POST_REDIRECT_URL % post_id)
  31. class RedirectToThought:
  32. def GET(self, thought_id):
  33. return web.redirect(THOUGHT_REDIRECT_URL % thought_id)
  34. Ici vous pouvez voir que j'ai misé sur la réutilisation du code en définissant pas mal de variables en début de fichier permettant d'adapter facilement le code à votre propre usage. Grâce à ces redirections, [http://bgk.me/p/270](http://bgk.me/p/270) va rediriger vers ce billet par exemple.
  35. Passons maintenant au redirections vers d'autres URL, ici aussi il faut ajouter une entrée dans les URL :
  36. urls = (
  37. "/(.*)", "RedirectToOthers",
  38. )
  39. Là il faut aller chercher les URL qui ont été créées via l'admin (que l'on verra ensuite) et qui sont stockées dans un objet shelve qui permet rapidement d'avoir une correspondance clé-valeur en Python.
  40. class RedirectToOthers:
  41. def GET(self, short_name):
  42. storage = shelve.open(SHELVE_FILENAME)
  43. # shelve does not allow unicode keys
  44. short_name = str(short_name)
  45. if storage.has_key(short_name):
  46. response = web.redirect(storage[short_name])
  47. else:
  48. response = FAIL_MESSAGE
  49. storage.close()
  50. return response
  51. Ici aussi ça reste très simple puisque ça redirige vers l'URL trouvée ou ça affiche un message d'erreur.
  52. ## Administration
  53. Bon si vous avez toujours un shell ouvert sur votre serveur, vous pouvez directement remplir votre fichier shelve avec le shell Python. Mais ça coûte pas grand chose de faire une admin toute simple pour pouvoir faire ça en web alors on ne va pas s'en priver.
  54. Pour protéger cette URL, on va juste la rendre difficile à trouver, je vous laisser utiliser ce qui vous semble le plus pertinent, ici aussi dans une variable :
  55. urls = (
  56. ADMIN, "Admin",
  57. ADMIN+"/done/(.*)", "AdminDone",
  58. )
  59. La classe Admin vous permet d'afficher le formulaire et de soumettre une nouvelle correspondance raccourci-url :
  60. class Admin:
  61. def GET(self):
  62. admin_form = web.form.Form(
  63. web.form.Textbox("url", description="Long URL"),
  64. web.form.Textbox("shortcut",description="Shortcut"),
  65. )
  66. admin_template = web.template.Template("""$def with(form)
  67. <!DOCTYPE HTML>
  68. <html lang="en">
  69. <head>
  70. <meta charset=utf-8>
  71. <title>URL shortener administration</title>
  72. </head>
  73. <body onload="document.getElementById('url').focus()">
  74. <header><h1>Admin</h1></header>
  75. <form method="POST" action="/admin">
  76. $:form.render()
  77. <input type="submit" value="Shorten this long URL">
  78. </form>
  79. </body>
  80. </html>
  81. """)
  82. return admin_template(admin_form())
  83. def POST(self):
  84. data = web.input()
  85. shortcut = str(data.shortcut) or random_shortcut()
  86. storage = shelve.open(SHELVE_FILENAME)
  87. if storage.has_key(shortcut) or not data.url:
  88. response = web.badrequest()
  89. else:
  90. storage[shortcut] = data.url
  91. response = web.seeother(ADMIN+'/done/'+shortcut)
  92. storage.close()
  93. return response
  94. Les formulaires et templates de webpy sont utilisés directement dans le code ici car ils restent super concis. Si c'est un GET on construit le formulaire et on l'envoie au template, si c'est un POST on ajoute l'URL à la base et on redirige vers la page de confirmation. Très peu de vérifications car ça ne sert pas à grand chose dans ce cas, on s'assure juste de ne pas écraser une URL existante et qu'une URL a bien été soumise.
  95. Il ne reste plus qu'à afficher une page la page de confirmation avec le lien nouvellement créer (en dur sinon on pourrait facilement détecter votre admin grâce au referer...) et un raccourci pour tweeter le lien directement :
  96. class AdminDone:
  97. def GET(self, short_name):
  98. admin_done_template = web.template.Template("""$def with(new_url)
  99. <!DOCTYPE HTML>
  100. <html lang="en">
  101. <head>
  102. <meta charset=utf-8>
  103. <title>URL shortener administration</title>
  104. </head>
  105. <body>
  106. <header><h1>Done!</h1></header>
  107. <p>You created: $new_url</p>
  108. <p><a href="http://twitter.com/home?status=$new_url"
  109. title="Tweet it!">Tweet it?</a></p>
  110. </body>
  111. </html>
  112. """)
  113. return admin_done_template(SERVICE_URL+short_name)
  114. Et voilà, après vous pouvez ajouter tout pleins de choses mais la base est là, suffisante pour mon usage. Ça m'a pris 2h et 10€ (car ils se gavent sur les .me mais c'est la seule extension qu'il restait) mais c'est le prix de l'indépendance.
  115. ## Mise en production
  116. J'utilise [lighty](http://www.lighttpd.net/), à adapter selon votre configuration (ne pas oublier de rendre code.py exécutable et de modifier ADMIN !) :
  117. $HTTP["host"] =~ "bgk.me" {
  118. server.document-root = "/path/"
  119. fastcgi.server = (
  120. "/code.py" => (
  121. "main" => (
  122. "socket" => "/path/bgkme.socket",
  123. "bin-path" => "/path/code.py",
  124. "max-procs" => 1,
  125. "bin-environment" => (
  126. "REAL_SCRIPT_NAME" => ""
  127. ),
  128. "check-local" => "disable"
  129. )
  130. )
  131. )
  132. url.rewrite-once = (
  133. "^(/.*)$" => "/code.py$1",
  134. )
  135. }
  136. Pour terminer, [le code est sur ma ferme de dépôts](http://code.welldev.org/bgk/), à utiliser, modifier, critiquer sans modération, enjoy!