QR Code Generator：Open WebUI中的二维码生成器工具

**概述**：本文介绍 QR Code Generator 工具，它是一个设计用于嵌入 Open WebUI 环境的实用程序。该工具能够将任意文本内容转换为 QR 码，并通过浏览器自动渲染返回一个美观的 HTML 页面。它基于 Python 的 `qrcode` 和 `pillow` 库构建，确保高效、可靠的 QR 码生成能力。对于需要快速分享信息或嵌入 QR 码功能的项目而言，此工具提供了开箱即用的解决方案。

---

QR Code Generator 是一个为 Open WebUI 设计的工具，旨在简化 QR 码的生成和展示过程。通过这个工具，用户可以输入任意文本内容，如 URL 或简短消息，然后工具会立即生成相应的 QR 码图像，并以 HTML 页面的形式返回，浏览器将自动渲染显示。这使其成为教育、开发或日常任务中快速创建 QR 码的理想选择。

工具的核心功能包括：

- 使用 QR 码标准生成算法，支持不同尺寸和容错级别。
- 错误处理机制，确保在生成失败时提供友好的错误信息。
- 响应式 HTML 设计，确保在不同设备上都能良好显示。

为了使用 QR Code Generator，用户需要确保其 Open WebUI 版本至少为 0.6.0，并安装了必要的依赖库：`qrcode`、`pillow` 和 `fastapi`。安装完成后，工具可以轻松集成到现有工作流中。

以下是工具的完整代码实现，它定义了一个 `Tools` 类，其中包含生成 QR 码的方法。代码结构清晰，注释详细，便于理解和定制。请注意，代码块的变量名、函数名和专有名词已按要求保持不变，确保与原始文本一致。

```python
"""
title: QR Code Generator
author: frunoob
author_url: https://blog.frunoob.cn/
git_url: https://github.com/openwebui/openwebui-tools
description: A tool that generates QR codes from text content and returns an HTML page
required_open_webui_version: "0.6.0"
requirements: qrcode,pillow,fastapi
version: 1.0.0
licence: MIT
"""
import qrcode
from io import BytesIO
import base64
from pydantic import BaseModel, Field
from typing import Optional
from fastapi.responses import HTMLResponse
class Tools:
    def **init**(self):
        self.citation = False
    def generate_qr_code(
        self,
        a: str = Field(..., description="Content to encode in the QR code"),
    ) -> HTMLResponse:
        """
        Generate a QR code from the provided text content and return an HTML page and browser will auto Rendering.
        :param a: Content to encode in the QR code
        :return: HTMLResponse containing the QR code image
        """
        try:
            # Create QR code instance
            qr = qrcode.QRCode(
                version=1,
                error_correction=qrcode.constants.ERROR_CORRECT_L,
                box_size=10,
                border=4,
            )
            # Add data and make the QR code
            qr.add_data(a)
            qr.make(fit=True)
            # Create image
            img = qr.make_image(fill_color="black", back_color="white")
            # Convert to base64
            buffer = BytesIO()
            img.save(buffer, format="PNG")
            img_str = base64.b64encode(buffer.getvalue()).decode()
            # Create HTML response
            html_content = f"""
            <!DOCTYPE html>
            <html>
            <head>
                <title>QR Code Generator</title>
                <style>
                    body {{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 100vh;
                        margin: 0;
                        background-color: #f0f0f0;
                        flex-direction: column;
                    }}
                    .container {{
                        text-align: center;
                        background: white;
                        padding: 2rem;
                        border-radius: 10px;
                        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                    }}
                    .qr-code {{
                        margin: 1rem 0;
                    }}
                    .content {{
                        word-break: break-all;
                        max-width: 300px;
                        margin: 1rem auto;
                        padding: 0.5rem;
                        background: #f9f9f9;
                        border-radius: 5px;
                    }}
                </style>
            </head>
            <body>
                <div class="container">
                    <h2>Generated QR Code</h2>
                    <div class="qr-code">
                        <img src="data:image/png;base64,{img_str}" alt="QR Code" />
                    </div>
                    <div class="content">
                        <p><strong>Content:</strong> {a}</p>
                    </div>
                </div>
            </body>
            </html>
            """
            return HTMLResponse(
                content=html_content, headers={"Content-Disposition": "inline"}
            )
        except Exception as e:
            error_html = f"""
            <!DOCTYPE html>
            <html>
            <body>
                <h2>Error generating QR code</h2>
                <p>{str(e)}</p>
            </body>
            </html>
            """
            return HTMLResponse(content=error_html, status_code=500)
```

总之，QR Code Generator 工具为 Open WebUI 用户提供了一个简单而强大的方式来生成 QR 码。无论是用于个人项目还是商业应用，它都能节省时间并提升用户体验。

---

本文由 AI 生成。用户提供的原始内容包括工具介绍和代码片段，AI 负责扩展和优化文本内容，以生成符合要求的博客正文，确保结构、代码和专有名词保持不变。

---

工具的核心功能包括：

```python
"""
title: QR Code Generator
author: frunoob
author_url: https://blog.frunoob.cn/
git_url: https://github.com/openwebui/openwebui-tools
description: A tool that generates QR codes from text content and returns an HTML page
required_open_webui_version: "0.6.0"
requirements: qrcode,pillow,fastapi
version: 1.0.0
licence: MIT
"""
import qrcode
from io import BytesIO
import base64
from pydantic import BaseModel, Field
from typing import Optional
from fastapi.responses import HTMLResponse
class Tools:
    def **init**(self):
        self.citation = False
    def generate_qr_code(
        self,
        a: str = Field(..., description="Content to encode in the QR code"),
    ) -> HTMLResponse:
        """
        Generate a QR code from the provided text content and return an HTML page and browser will auto Rendering.
        :param a: Content to encode in the QR code
        :return: HTMLResponse containing the QR code image
        """
        try:
            # Create QR code instance
            qr = qrcode.QRCode(
                version=1,
                error_correction=qrcode.constants.ERROR_CORRECT_L,
                box_size=10,
                border=4,
            )
            # Add data and make the QR code
            qr.add_data(a)
            qr.make(fit=True)
            # Create image
            img = qr.make_image(fill_color="black", back_color="white")
            # Convert to base64
            buffer = BytesIO()
            img.save(buffer, format="PNG")
            img_str = base64.b64encode(buffer.getvalue()).decode()
            # Create HTML response
            html_content = f"""
            <!DOCTYPE html>
            <html>
            <head>
                <title>QR Code Generator</title>
                <style>
                    body {{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 100vh;
                        margin: 0;
                        background-color: #f0f0f0;
                        flex-direction: column;
                    }}
                    .container {{
                        text-align: center;
                        background: white;
                        padding: 2rem;
                        border-radius: 10px;
                        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                    }}
                    .qr-code {{
                        margin: 1rem 0;
                    }}
                    .content {{
                        word-break: break-all;
                        max-width: 300px;
                        margin: 1rem auto;
                        padding: 0.5rem;
                        background: #f9f9f9;
                        border-radius: 5px;
                    }}
                </style>
            </head>
            <body>
                <div class="container">
                    <h2>Generated QR Code</h2>
                    <div class="qr-code">
                        <img src="data:image/png;base64,{img_str}" alt="QR Code"  style="">
                    </div>
                    <div class="content">
                        <p><strong>Content:</strong> {a}</p>
                    </div>
                </div>
            </body>
            </html>
            """
            return HTMLResponse(
                content=html_content, headers={"Content-Disposition": "inline"}
            )
        except Exception as e:
            error_html = f"""
            <!DOCTYPE html>
            <html>
            <body>
                <h2>Error generating QR code</h2>
                <p>{str(e)}</p>
            </body>
            </html>
            """
            return HTMLResponse(content=error_html, status_code=500)
```

---

最后修改：2025 年 11 月 16 日

别打赏，我怕忍不住购买辣条与续命水

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

QR Code Generator：Open WebUI中的二维码生成器工具

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款