Home / Przewodniki / Integracja formularza kontaktowego ASP.NET Core (minimalna liczba interfejsów API i Razor)
PRZEWODNIK INTEGRACJI · .NET I BACKEND

Integracja formularza kontaktowego ASP.NET Core (minimalna liczba interfejsów API i Razor)

Bezpiecznie przesyłaj dalej przesłane formularze kontaktowe z minimalnych interfejsów API ASP.NET Core lub Razor Pages do Lugatu przy użyciu IHttpClientFactory, kluczy API po stronie serwera i automatycznych kluczy idempotencji.

1. Minimalny punkt końcowy API z IHttpClientFactory

Minimalne interfejsy API platformy ASP.NET Core zapewniają przejrzysty i wydajny sposób odbierania przesłanych formularzy kontaktowych i bezpiecznego przesyłania ich do Lugatu przy użyciu IHttpClientFactory i klucza Idempotency.

Program.cs csharp
using System.Net.Http.Headers;
using System.Text.Json;

var builder = WebApplication.CreateBuilder(args);

// Register resilient Lugatu HTTP client
builder.Services.AddHttpClient("Lugatu", client =>
{
    client.BaseAddress = new Uri("https://www.lugatu.com");
    client.DefaultRequestHeaders.Authorization =
        new AuthenticationHeaderValue("Bearer", builder.Configuration["Lugatu:ApiKey"]);
});

var app = builder.Build();

app.MapPost("/api/contact", async (ContactRequest request, IHttpClientFactory clientFactory, IConfiguration config) =>
{
    // 1. Silent rejection for automated bot traps
    if (!string.IsNullOrEmpty(request.Gotcha))
    {
        return Results.Ok(new { success = true });
    }

    var client = clientFactory.CreateClient("Lugatu");
    var formId = config["Lugatu:FormId"];

    var payload = new
    {
        fields = new Dictionary<string, string?>
        {
            ["name"] = request.Name,
            ["email"] = request.Email,
            ["message"] = request.Message,
        }
    };

    using var message = new HttpRequestMessage(HttpMethod.Post, $"/api/v1/forms/{formId}/submissions")
    {
        Content = new StringContent(JsonSerializer.Serialize(payload), System.Text.Encoding.UTF8, "application/json")
    };

    // Ensure at-most-once delivery with Idempotency-Key
    message.Headers.Add("Idempotency-Key", Guid.NewGuid().ToString());

    var response = await client.SendAsync(message);
    if (!response.IsSuccessStatusCode)
    {
        return Results.StatusCode((int)response.StatusCode);
    }

    return Results.Ok(new { success = true });
});

app.Run();

public record ContactRequest(string Name, string Email, string Message, string? Gotcha);

2. Konfiguracja w pliku appsettings.json

Bezpiecznie przechowuj poświadczenia Lugatu przy użyciu dostawców konfiguracji ASP.NET Core. W środowisku produkcyjnym korzystaj z Azure Key Vault, AWS Secrets Manager lub zmiennych środowiskowych.

appsettings.json json
{
  "Lugatu": {
    "FormId": "YOUR_FORM_GUID",
    "ApiKey": "lug_live_your_secret_server_key"
  }
}

3. Implementacja kontrolera Razor Pages

W przypadku tradycyjnych wielostronicowych aplikacji ASP.NET Core MVC lub Razor Pages przesyłaj dalej przesłane formularze w ramach OnPostAsync, korzystając z wbudowanej weryfikacji tokenu zapobiegającego fałszerstwom ASP.NET Core.

Pages/Contact.cshtml.cs csharp
public class ContactModel : PageModel
{
    private readonly IHttpClientFactory _clientFactory;
    private readonly string _formId;

    public ContactModel(IHttpClientFactory clientFactory, IConfiguration config)
    {
        _clientFactory = clientFactory;
        _formId = config["Lugatu:FormId"]!;
    }

    [BindProperty]
    public ContactInput Input { get; set; } = new();

    public async Task<IActionResult> OnPostAsync()
    {
        if (!ModelState.IsValid || !string.IsNullOrEmpty(Input.Gotcha))
        {
            return Page();
        }

        var client = _clientFactory.CreateClient("Lugatu");
        var content = new StringContent(
            JsonSerializer.Serialize(new { fields = Input }),
            System.Text.Encoding.UTF8,
            "application/json");

        content.Headers.Add("Idempotency-Key", Guid.NewGuid().ToString());

        var res = await client.PostAsync($"/api/v1/forms/{_formId}/submissions", content);
        if (res.IsSuccessStatusCode)
        {
            return RedirectToPage("/ContactSuccess");
        }

        ModelState.AddModelError(string.Empty, "Unable to deliver inquiry. Please try again.");
        return Page();
    }
}

Niezmiennik bezpieczeństwa i uwierzytelniania

Niezmiennik techniczny: Klucze API między serwerami (lug_live_...) muszą być przechowywane wyłącznie na zapleczu. Przechowuj je w pliku appsettings.json lub w skarbcach sekretów; nigdy nie przesyłaj aktywnych kluczy do przeglądarek klienckich.

Rozwiązywanie problemów i typowe błędy przetwarzania

HTTP 401 Nieautoryzowana odpowiedź z Lugatu API

Sprawdź, czy klucz API zaczyna się od lug_live_ i jest przekazywany w nagłówku Authorization: Bearer. Upewnij się, że klucz API należy do obszaru roboczego zawierającego docelowy identyfikator formularza.

Często zadawane pytania

Dlaczego powinienem używać IHttpClientFactory zamiast tworzyć nową instancję HttpClient?

IHttpClientFactory zarządza pulami gniazd i zapobiega wyczerpaniu gniazd pod dużym obciążeniem w aplikacjach ASP.NET Core.

Gotowy do utworzenia punktu końcowego formularza?

Rozpocznij bezpłatnie w ciągu kilku sekund. Nie jest wymagana karta kredytowa.

Zacznij za darmo →