」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 使用 Twig 透過 PHP 渲染 Markdown

使用 Twig 透過 PHP 渲染 Markdown

發佈於2024-11-08
瀏覽:432

Using Twig for rendering Markdown with PHP

Twig 是使用 Symfony 开发 Web 应用程序时渲染 HTML 的首选模板引擎。
然而,Twig 的灵活性不仅仅限于生成 HTML 页面。它可以成为跨多个渠道交付内容的强大工具,例如生成 Markdown 文件、JSON 输出,甚至纯文本,所有这些都来自同一组内容。

这种适应性允许您为不同的渠道创建内容。

您可以使用 Twig 生成 HTML、Markdown、JSON、文本等

用例:使用 Symfony 获取并渲染配方为 Markdown

在此示例中,我们使用 Symfony 的 HTTP 客户端从外部 API (https://dummyjson.com/recipes/1) 获取配方,并使用 Twig 将其呈现为 Markdown 文档。
这种方法展示了如何结合 Symfony 强大的包(例如用于外部数据检索的 Symfony HTTP 客户端和用于渲染视图的 Twig)来跨多个渠道交付内容,例如命令行工具中的 Markdown 报告。

我们要构建的命令/脚本从 API 中获取食谱数据(标题、描述、成分和说明),对其进行处理,然后使用 Twig 以结构化 Markdown 格式输出内容。这个实际用例说明了如何在 Web 模板之外使用 Twig,使其能够生成各种格式的内容。

所以,我们将使用:

  • Symfony Console 用于构建命令行工具的组件 https://symfony.com/doc/current/components/console.html
  • Symfony HTTP 客户端 https://symfony.com/doc/current/http_client.html 用于获取和使用 HTTP API
  • Symfony Twig https://twig.symfony.com/doc/3.x/intro.html#installation 用于渲染数据
  • 菜谱API:我们将选择一个“虚拟”菜谱 https://dummyjson.com/recipes/1 来展示和演示检索结构化 JSON 并将其转换为 Markdown 文件的过程.

安装必要的 Symfony 组件

确保您已安装 HTTP 请求和创建命令所需的组件:

composer require symfony/http-client symfony/console twig/twig

创建 Symfony 命令

首先,让我们创建一个新的 Symfony 命令。

如果您想了解有关如何使用 Symfony Command 组件创建命令行工具的更多信息,我写了一篇关于此的具体文章:https://dev.to/robertobutti/building-a-command-line-tool -with-php-and-symfony-console-4n6g

命令类,通常进入 src/Commands 目录。

# create a new empty directory
mkdir -p src/Commands
# create a new empty file
touch src/Commands/FetchRecipeCommand.php

命令类(例如,src/Commands/FetchRecipeCommand.php):

setName('recipe')
            ->setDescription('Prints a recipe in Markdown')
            ->setHelp('This command prints a simple recipe in Markdown.');
        // Step 1: loading the Twig environment
        $loader = new \Twig\Loader\FilesystemLoader(__DIR__ . '/../resources/views');
        $twig = new \Twig\Environment(
            $loader,
            // Optional: Enable caching for better performance
            /*[
                'cache' => __DIR__ . '/../../cache',
            ]*/
        );

        $this->twig = $twig;
        parent::__construct();
    }

    protected function configure()
    {
        $this->setDescription('Fetches a recipe from an API and renders it as Markdown');
    }

    protected function execute(InputInterface $input, OutputInterface $output): int
    {
        // Step 2: Initialize the HTTP client and fetch the recipe
        $client = HttpClient::create();
        $response = $client->request('GET', 'https://dummyjson.com/recipes/1');

        // Step 3: obtain the array of info
        $recipeData = $response->toArray();

        // Step 4: Render the template using Twig, returning a string
        $markdownOutput = $this->twig->render('recipe.md.twig', $recipeData);

        // Step 5: Output the generated Markdown
        $output->writeln($markdownOutput);

        return Command::SUCCESS;
    }
}

以下是 FetchRecipeCommand 示例中每个步骤的详细说明。

逐步细分

第1步:加载twig环境

要在典型的 Web 上下文之外使用 Twig,例如在 PHP 命令行工具中,您首先需要通过 Twig\Environment 类手动初始化它。以下是控制台命令中 Twig 设置的示例:

$loader = new \Twig\Loader\FilesystemLoader(__DIR__ . '/../resources/views');
$twig = new \Twig\Environment(
    $loader,
    // Optional: Enable caching for better performance
    /*[
        'cache' => __DIR__ . '/../../cache',
    ]*/
);
$this->twig = $twig;

解释:

  • twig 环境是通过创建 FilesystemLoader 来初始化的,该 FilesystemLoader 告诉 Twig 在哪里可以找到模板。本例指向存储 Twig 模板的 src/resources/views 文件夹。
  • 然后,$twig 环境被实例化并负责渲染模板。可以启用可选缓存,通过存储预编译模板来提高性能。
  • 最后将初始化的$twig环境赋值给$this->twig供以后使用(在execute()方法中)。

第 2 步:初始化 HTTP 客户端并获取配方

$client = HttpClient::create();
$response = $client->request('GET', 'https://dummyjson.com/recipes/1');

解释:

  • Symfony HTTP 客户端是使用 HttpClient::create() 方法创建的,该方法允许命令执行 HTTP 请求。
  • 要获取菜谱,request() 方法会对指定的 URL (https://dummyjson.com/recipes/1) 执行 GET 请求。
  • API 返回存储在 $response 变量中的 JSON 响应。

第三步:获取信息数组

$recipeData = $response->toArray();

解释:

  • toArray() 方法将来自 API 的 JSON 响应转换为 PHP 数组。该数组包含食谱的数据(例如名称、成分、说明),这些数据将用于在下一步中填充 Twig 模板。

第四步:使用Twig渲染模板

$markdownOutput = $this->twig->render('recipe.md.twig', $recipeData);

解释:

  • Twig 环境的 render() 方法生成 Markdown 输出。它从 src/resources/views 文件夹加载模板 (recipe.md.twig)。
  • 从 API 获取的菜谱数据 ($recipeData) 被传递到模板中,它将替换菜谱名称、成分和说明等占位符,创建一个完全格式化的 Markdown 文件。
  • 渲染后的 Markdown 内容(render() 方法返回的字符串)存储在 $markdownOutput 变量中。

第 5 步:为生成的 Markdown 生成输出

$output->writeln($markdownOutput);

解释:

  • 最终的 Markdown 内容使用 $output->writeln() 方法打印到控制台。该方法将字符串输出到控制台,允许用户以 Markdown 格式查看格式化的菜谱(最终,您可以将输出重定向到 shell 中的文件中)。

创建启动文件

您必须创建一个启动文件以允许用户直接从 shell 启动您的 Symfony 命令。 (在本文中,我们不是创建 Symfony 应用程序;我们正在使用 Symfony 包构建 PHP 脚本。)
在项目目录中,您有composer.json文件和src目录,您可以创建一个my-app文件。

#!/usr/bin/env php
setDefaultCommand("recipe");

$app->add(new FetchRecipeCommand());


$app->run();

要正确使用命名空间和类,请务必在composer.json 文件中设置自动加载部分:

{
    "require": {
        "symfony/http-client": "^7.1",
        "symfony/console": "^7.1",
        "twig/twig": "^3.14"
    },
    "autoload": {
        "psr-4": {
            "MyExample\\": "src/"
        }
    }
}

如果您更改自动加载部分,我建议转储自动加载文件:

composer dump-autoload

现在,您必须创建 Twig 模板/视图来呈现 API 检索到的数据。

为菜谱创建一个 Twig 模板/视图

接下来,创建一个 Twig 模板/视图以以 Markdown 格式呈现配方。
该模板应位于视图目录中(例如,src/resources/view/recipe.md.twig)。

# Recipe: {{ name }}

- Preparation time: {{ prepTimeMinutes }} minutes
- Cooking time {{ cookTimeMinutes }} minutes
- Difficulty level: {{ difficulty }}
- Cuisine: {{ cuisine }}
- Servings {{ servings }} people, with {{ caloriesPerServing }} calories per person

## Ingredients:

{% for ingredient in ingredients %}
- {{ ingredient }}
{% endfor %}

## Instructions:

{% for instruction in instructions %}
- {{ instruction }}
{% endfor %}

Enjoy!

此 Twig 视图文件将以 Markdown 格式呈现菜谱,其中包含菜谱名称、成分和说明部分。

运行命令

要执行命令,请在终端中运行以下命令:

php my-app

如果您有多个命令,您可以启动:

php m-app recipe

查看所有可用命令:

php my-app list

结论

通过这种方法,您可以使用 Symfony 的 HTTP 客户端轻松地从外部 API 检索数据、处理响应并使用 Twig 以结构化格式呈现输出。在本例中,该命令将配方输出为 Markdown,但此技术可以适用于您需要处理的任何其他内容或数据类型。
享受你的食谱!

版本聲明 本文轉載於:https://dev.to/robertobutti/using-twig-for-rendering-markdown-with-php-2d24?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 大批
    大批
    方法是可以在物件上呼叫的 fns 數組是對象,因此它們在 JS 中也有方法。 slice(begin):將陣列的一部分提取到新數組中,而不改變原始數組。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index ...
    程式設計 發佈於2024-12-29
  • 儘管程式碼有效,為什麼 POST 請求無法擷取 PHP 中的輸入?
    儘管程式碼有效,為什麼 POST 請求無法擷取 PHP 中的輸入?
    解決PHP 中的POST 請求故障在提供的程式碼片段:action=''而非:action="<?php echo $_SERVER['PHP_SELF'];?>";?>"檢查$_POST陣列:表單提交後使用 var_dump 檢查 $_POST 陣列的內容...
    程式設計 發佈於2024-12-29
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1 和 $array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建...
    程式設計 發佈於2024-12-29
  • HTML 格式標籤
    HTML 格式標籤
    HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...
    程式設計 發佈於2024-12-29
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-12-29
  • 插入資料時如何修復「常規錯誤:2006 MySQL 伺服器已消失」?
    插入資料時如何修復「常規錯誤:2006 MySQL 伺服器已消失」?
    插入記錄時如何解決「一般錯誤:2006 MySQL 伺服器已消失」介紹:將資料插入MySQL 資料庫有時會導致錯誤「一般錯誤:2006 MySQL 伺服器已消失」。當與伺服器的連線遺失時會出現此錯誤,通常是由於 MySQL 配置中的兩個變數之一所致。 解決方案:解決此錯誤的關鍵是調整wait_tim...
    程式設計 發佈於2024-12-28
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-12-28
  • 如何在 React 中有條件地應用類別屬性?
    如何在 React 中有條件地應用類別屬性?
    在React 中有條件地應用類別屬性在React 中,根據從父組件傳遞的props 來顯示或隱藏元素是很常見的。為此,您可以有條件地應用 CSS 類別。然而,當使用語法 {this.props.condition ? 'show' : 'hidden'} 直接在字串中...
    程式設計 發佈於2024-12-28
  • 如何在Java中執行系統命令並與其他應用程式互動?
    如何在Java中執行系統命令並與其他應用程式互動?
    Java 中運行進程在 Java 中,啟動進程的能力是執行系統命令和與其他應用程式互動的關鍵功能。為了啟動一個流程,Java提供了一個相當於.Net System.Diagnostics.Process.Start方法。 解決方案:取得本地路徑對於執行至關重要Java 中的程序。幸運的是,Java ...
    程式設計 發佈於2024-12-28
  • 如何在 C++ 中建立多行字串文字?
    如何在 C++ 中建立多行字串文字?
    C 中的多行字串文字 在 C 中,定義多行字串文字並不像 Perl 等其他語言那麼簡單。但是,您可以使用一些技術來實現此目的:連接字串文字一種方法是利用 C 中相鄰字串文字由編譯器連接的事實。將字串分成多行,您可以建立單一多行字串:const char *text = "This te...
    程式設計 發佈於2024-12-28
  • 如何準確地透視具有不同記錄的資料以避免遺失資訊?
    如何準確地透視具有不同記錄的資料以避免遺失資訊?
    有效地透視不同記錄透視查詢在將資料轉換為表格格式、實現輕鬆資料分析方面發揮著至關重要的作用。但是,在處理不同記錄時,資料透視查詢的預設行為可能會出現問題。 問題:忽略不同值考慮下表:------------------------------------------------------ | Id...
    程式設計 發佈於2024-12-27
  • 為什麼 C 和 C++ 忽略函式簽章中的陣列長度?
    為什麼 C 和 C++ 忽略函式簽章中的陣列長度?
    將陣列傳遞給C 和C 中的函數問題:為什麼C和C 編譯器允許在函數簽章中宣告數組長度,例如int dis(char a[1])(當它們不允許時)強制執行? 答案:C 和C 中用於將數組傳遞給函數的語法是歷史上的奇怪現象,它允許將指針傳遞給第一個元素詳細說明:在C 和C 中,數組不是透過函數的引用傳遞...
    程式設計 發佈於2024-12-26
  • 如何刪除 MySQL 中的重音符號以改進自動完成搜尋?
    如何刪除 MySQL 中的重音符號以改進自動完成搜尋?
    在MySQL 中刪除重音符號以實現高效的自動完成搜尋管理大型地名資料庫時,確保準確和高效至關重要資料檢索。使用自動完成功能時,地名中的重音可能會帶來挑戰。為了解決這個問題,一個自然的問題出現了:如何在 MySQL 中刪除重音符號以改善自動完成功能? 解決方案在於為資料庫列使用適當的排序規則設定。透過...
    程式設計 發佈於2024-12-26
  • 如何在MySQL中實作複合外鍵?
    如何在MySQL中實作複合外鍵?
    在 SQL 中實作複合外鍵一個常見的資料庫設計涉及使用複合鍵在表之間建立關係。複合鍵是多個列的組合,唯一標識表中的記錄。在這個場景中,你有兩個表,tutorial和group,你需要將tutorial中的複合唯一鍵連結到group中的欄位。 根據MySQL文檔,MySQL支援外鍵對應到複合鍵。但是,...
    程式設計 發佈於2024-12-26
  • 為什麼我的 JComponent 隱藏在 Java 的背景圖片後面?
    為什麼我的 JComponent 隱藏在 Java 的背景圖片後面?
    調試背景圖像隱藏的JComponent在Java 應用程式中使用JComponent(例如JLabels)時,必須確保正確的行為和可見度。如果遇到組件隱藏在背景圖像後面的問題,請考慮以下方法:1。正確設定組件透明度:確保背景面板是透明的,以允許底層組件透過。使用setOpaque(false)方法來...
    程式設計 發佈於2024-12-26

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3