Jak jsem naučil redakční systém tvořit články, SEO i grafiku na jedno kliknutí

Jaké technologie a přístupy dostaly hlavní roli

Architekturu jsem postavil na platformě .NET 10 a redakčním systému Orchard Core. Napsal jsem vlastní modul nazvaný PV.ContentAIGenerator, který v pozadí řídí takzvané "agenty" (digitální persony s konkrétním úkolem) a zajišťuje, že se výsledná data nerozsypou, ale přesně zapadnou do připravených chlívečků v databázi.

Nahlédnutí pod kapotu: Jak modul funguje v kódu

Abychom zajistili, že AI nebude generovat "omáčku", ale strukturovaná data, napsal jsem službu ContentSchemaAnalyzer. Ta prozkoumá definici obsahu v Orchard Core a vytvoří systémový prompt. Donutíme tak model vrátit čistý JSON.

public async Task<string> GenerateSchemaPromptAsync(string contentTypeName)
{
    var typeDef = await _contentDefinitionManager.GetTypeDefinitionAsync(contentTypeName);
    if (typeDef == null) return string.Empty;

    var sb = new StringBuilder();
    sb.AppendLine("Tvá odpověď MUSÍ být striktní JSON objekt bez markdown značek, odpovídající této struktuře:");
    sb.AppendLine("{");
    sb.AppendLine("  \"DisplayText\": \"<Generovaný hlavní název>\",");
    
    foreach (var part in typeDef.Parts)
    {
        if (part.PartDefinition.Name == "HtmlBodyPart") 
            sb.AppendLine($"  \"{part.PartDefinition.Name}\": {{ \"Html\": \"<Generovaný HTML obsah>\" }},");
        // ... (dynamické mapování dalších polí)
    }
    sb.AppendLine("}");
    return sb.ToString();
}

Jakmile máme hotový text, nastupuje agent pro generování obrázků. Vygenerovaný obrázek přijde z API jako textový řetězec. Můj kontroler ho vezme a fyzicky ho propíše přímo do souborového systému (Media Library) vašeho webu.

[HttpPost("save-media")]
public async Task<IActionResult> SaveMedia([FromBody] SaveMediaPayload payload)
{
    // Převod z Base64 textu na skutečná data obrazu
    byte[] imageBytes = Convert.FromBase64String(CleanBase64String(payload.ImageData));
    
    // Vygenerování unikátního názvu a cesty v CMS
    string fileName = $"{payload.ImageKey}_{Guid.NewGuid().ToString().Substring(0, 8)}.jpg";
    string mediaPath = _mediaFileStore.Combine("ai-generated-content", fileName);

    // Fyzické uložení streamu do úložiště webu
    using (var stream = new MemoryStream(imageBytes))
    {
        await _mediaFileStore.CreateFileFromStreamAsync(mediaPath, stream, overwrite: true);
    }

    // Vrácení veřejné URL pro vložení do článku
    return Ok(new { success = true, mediaPath = mediaPath, publicUrl = _mediaFileStore.MapPathToPublicUrl(mediaPath) });
}

Ve finále všechny tyto dílky – text, SEO pole a cesty k uloženým obrázkům – vezmu a založím z nich v redakčním systému zbrusu nový koncept (Draft).

// Vytvoření nové položky obsahu v paměti
var contentItem = await _contentManager.NewAsync(targetContentType);

// Sloučení vygenerovaného JSONu s vnitřní strukturou systému
contentItem.Merge(jsonNode);

// Renderování obsahu přes Liquid šablonu pro dokonalý design
string finalHtml = await _liquidTemplateManager.RenderStringAsync(pipelineTemplate, HtmlEncoder.Default, null, properties);
contentItem.Content["HtmlBodyPart"] = new { Html = finalHtml };

// Bezpečné uložení do databáze jako koncept (Draft)
await _contentManager.CreateAsync(contentItem, VersionOptions.Draft);

Porovnání: Starý přístup vs. Nové řešení

Podívejte se, jak integrace přímo do jádra systému šetří reálný čas a eliminuje lidské chyby.

Jak celý systém funguje v praxi pro běžného uživatele

Administrační rozhraní jsem postavil nad komponentami Syncfusion (konkrétně ej.navigations.Stepper a DropDownList). Uživatel si prostě vybere předpřipravený proces (tzv. Pipeline) a zadá téma, o kterém chce psát. Odklikne start a na obrazovce vidí, jak systém postupně volá jednotlivé modely z rodiny Google Gemini.

Když je hotovo, redaktor se neocitne před hromadou textu, kterou by musel někam vkládat. Připravil jsem chytrou tabulku. V levém sloupci svítí políčka z vašeho webu (např. "Titulek stránky", "Perex", "Obsah článku") a vpravo roletky s tím, co AI vymyslela. Pokud jste spokojeni, kliknete na tlačítko "Vytvořit článek". Systém na pozadí sestaví finální JSON objekt, přes API založí obsah a přesměruje vás do klasického editoru, kde už všechno leží úhledně poskládané a uložené v režimu konceptu.