如何使用Flask框架构建URL缩短器Web应用程序短URL更方便、更容易共享

2024-06-26 08:23:41 [百科] 来源：避面尹邢网

如何使用Flask框架构建URL缩短器Web应用程序

译文作者：李睿 2023-04-25 15:50:50开发架构使用Flask和Python构建URL缩短器是何使学习如何使用Flask构建Web应用程序的好方法。可以使用在这一教程中学习的用Fb应用程技能制作更复杂和高级的应用程序。

译者 | 李睿

审校 | 重楼

如何使用Flask框架构建URL缩短器Web应用程序短URL更方便、更容易共享

51CTO读者成长计划社群招募，框架咨询小助手（微信号：CTOjishuzhan）

如何使用Flask框架构建URL缩短器Web应用程序短URL更方便、更容易共享

随着技术的构建快速发展，URL的短器生成可以通过URL生成器的API来创建每个URL的唯一形式。人们发现，何使与朋友分享长而全面的用Fb应用程链接或将其作为自己工作的参考很具有挑战性。URL缩短器可以将每个长URL的框架长度缩短为可以理解或掌握的较短URL。本文将学习如何使用Flask框架和Python在其机器上免费构建和运行URL缩短器。构建

如何使用Flask框架构建URL缩短器Web应用程序短URL更方便、更容易共享

一、短器什么是何使URL缩短器?

URL缩短器是一种工具，它可以获取一个长而复杂的用Fb应用程URL，并生成一个更短、框架更易于调用的构建版本。当单击时，短器缩短的URL通常会重定向到原始的较长的URL。URL缩短器通常用于社交媒体帖子、电子邮件消息和其他情况，在这些情况下，短URL更方便、更容易共享。

前提

为了继续学习这一教程，应该考虑以下几点：

基本了解Python编程、HTML和CSS
Python 3.6或更高版本
Flask框架
数据库系统，如SQLite或PostgreSQL

1.安装Flask

要安装Flask，需要使用Python的pip包管理器。打开命令提示符或终端，输入下面的命令。

pip install flask

创建并运行Flask应用程序。

要创建Flask应用程序，需要创建一个Python文件app.py，并从Flask模块导入Flask类，如下所示：

Python

1 from flask import Flask2 app = Flask(__name__)34 if __name__ == '__main__':56 app.run(debug=True)

要运行应用程序或启动服务器，请在命令提示符或终端中运行Python文件：

Python

1 python app.py2 Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)3 Restarting with stat4 Debugger is active!5 Debugger PIN: 123-456-789

2.选择数据库系统

Flask支持多种数据库系统，包括SQLite、MySQL、PostgreSQL等等。在这一教程中将使用SQLite，因为它是轻量级的，不需要单独的服务器进行安装。

3.创建数据库模式

要开始创建数据库模式，需要定义要使用的表和列并存储数据。这一教程将创建一个名为URL的表，其中包含以下列、Id、original_url和short_url。将使用像SQLAlchemy这样的对象关系映射工具。

SQL

1 CREATE TABLE urls (23  id INTEGER PRIMARY KEY AUTOINCREMENT,45  original_url TEXT NOT NULL,67  short_url TEXT NOT NULL89 );

4.连接Flask到数据库

要配置和连接Flask数据库，必须在Flask应用程序中配置URL并初始化数据库对象，如下所示：

Python

1 from flask import Flask23 import sqlite34567 app = Flask(__name__)89 app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///urls.db'1011 app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False #disable tracking modifications not needed in the tutorial1213 db = sqlite3.connect('urls.db')

5.生成短URL

用户可以使用哈希函数生成短URL，将原始URL转换为唯一的短字符串。用于URL缩短器的一个联合哈希函数是MD5，但也可以使用其他哈希函数，例如SHA-256或Base64编码。MD5以原始URL作为输入，对其进行哈希运算，并将前7个字符作为短URL。

Python

1 import hashlib2345 def generate_short_url(original_url):67   # Hash the original URL using MD589  hash_object = hashlib.md5(original_url.encode())1011  hash_hex = hash_object.hexdigest()12131415  # Take the first 7 characters of the hash as the short URL1617  short_url = hash_hex[:7]18192021  return short_url

6.在数据库中存储短URL

在创建短URL之后，需要将它们存储在已开发的数据库方案中。数据库将同时存储短URL和原始URL。你可以使用INSERT INTO SQL命令将新记录插入数据库。

Python

1 def insert_url(original_url, short_url):23  # Insert a new record into the urls table45  cursor = db.cursor()67  cursor.execute(89   'INSERT INTO urls (original_url, short_url) VALUES (?, ?)',1011  (original_url, short_url)1213   )1415   db.commit()1617 cursor.close()

7.将短URL重定向到其原始URL

为了将短URL重定向到其原始URL，需要定义一个Flask路由，该路由将短URL作为参数处理，并使用数据库中的SQL SELECT语句查找原始URL。

如果找到原始URL，代码将使用Flask的重定向函数将用户重定向到原始URL。如果没有找到短URL，代码将使用Flask的中止函数引发404错误。

Python

1 @app.route('/<short_url>')23 def redirect_url(short_url):45  # Look up the original URL in the database67 cursor = db.cursor()89 cursor.execute(1011  'SELECT original_url FROM urls WHERE short_url = ?',1213   (short_url,)1415  )1617   result = cursor.fetchone()1819   cursor.close()20212223  if result:2425     # Redirect to the original URL2627   return redirect(result[0])2829  else:3031   # Handle error if the short URL is not found3233 abort(404)

8.处理错误

要处理错误，可以为常见的HTTP错误（如404 Not Found或500 Internal Server error）定义自定义错误页。page_not_found函数使用Flask的render_template函数渲染自定义404错误页面，并返回404 HTTP状态代码。internal_server_error函数也执行同样的操作。

Python

1 @app.errorhandler(404)23  def page_not_found(error):45   # Render a custom 404 error page67   return render_template('404.html'), 404891011 @app.errorhandler(500)1213 def internal_server_error(error):1415  # Render a custom 500 error page1617   return render_template('500.html'), 500

9.创建HTML模板

创建一个模板，该模板定义一个简单的HTML表单，供用户输入要缩短的URL，并显示一个缩短的URL列表(如果存在的话)。{ { }}语法用于插入来自Flask应用程序的变量，{ %%}语法用于控制结构，如循环和条件。将模板保存为index.html。

HTML

1 <!DOCTYPE html>23 <html>45  <head>67  <title>URL Shortener</title>89 </head>1011  <body>1213 <h1>URL Shortener</h1>1415  <form actinotallow="{ {  url_for('shorten_url') }}" method="POST">1617   <label for="url">Enter your URL:</label>1819   <input type="url" id="url" name="url" required>2021  <button type="submit">Shorten</button>2223  </form>2425  { % if urls %}2627   <h2>Shortened URLs:</h2>2829   <ul>3031  { % for url in urls %}3233   <li><a href="{ {  url.short_url }}">{ {  url.short_url }}</a> - { {  url.original_url }}</li>3435   { % endfor %}3637   </ul>3839   { % endif %}4041  </body>4243 </html>

10.为Web界面创建Flask路由

将为呈现index.html模板的主页定义一个路由，并将最近创建的十个URL的列表作为URL变量传递给模板。它还为呈现404.html模板的404错误定义了一个错误处理程序。

Python

1 @app.route('/')23 def index():45  # Render the homepage template67  urls = Url.query.order_by(Url.created.desc()).limit(10).all()89   return render_template('index.html', urls=urls)10111213  @app.errorhandler(404)1415 def page_not_found(error):1617  # Render the 404 error template1819  return render_template('404.html'), 404

11.实现URL缩短表单

要实现URL缩短表单，需要定义一个Flask路由来处理表单提交，并为输入的URL生成一个短URL。下面是一个如何做到这一点的例子：

这段代码为/shortenURL定义了一个路由，用于处理来自URL缩短表单的POST请求。它使用请求从表单提交中检索原始URL。form['url']使用前面的generate_short_url函数生成一个短URL，并使用SQLAlchemy将两个URL存储在数据库中。最后，它将用户重定向到主页，并将新URL添加到列表中。

12.显示缩短的URL列表

下面的代码使用SQLAlchemy查询从数据库中检索最近创建的十个URL，并将它们作为URL变量传递给index.html模板。该模板使用URL变量来显示缩短的URL列表。

有了这些变化，现在应该有了一个功能齐全的URL缩短器，它可以使用Flask和Python构建Web界面！

Python

1 @app.route('/')23 def index():45 # Retrieve the 10 most recently created URLs from the database67  urls = Url.query.order_by(Url.created.desc()).limit(10).all()891011  # Render the homepage template with the list of URLs1213 return render_template('index.html', urls=urls)