Home / 指南 / ASP.NET Core 聯絡表單整合(最少的 API 和 Razor)
整合指南·.NET 和後端

ASP.NET Core 聯絡表單整合(最少的 API 和 Razor)

使用 IHttpClientFactory、伺服器端 API 金鑰和自動冪等金鑰將聯絡表單提交從 ASP.NET Core Minimal API 或 Razor Pages 安全地轉送至 Lugatu。

1. 使用 IHttpClientFactory 的最小 API 端點

ASP.NET Core Minimal API 提供了一種乾淨、高效能的方式來接收聯絡表單提交並使用 IHttpClientFactory 和 Idempotency-Key 將它們安全地轉發到 Lugatu。

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.appsettings.json中的配置

使用 ASP.NET Core 配置提供者安全地儲存您的 Lugatu 憑證。 在生產中,使用 Azure Key Vault、AWS Secrets Manager 或環境變數。

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

3. Razor Pages 控制器實現

對於傳統的多頁面 ASP.NET Core MVC 或 Razor Pages 應用程序,可以在 OnPostAsync 中轉發表單提交,同時受益於 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();
    }
}

安全性和身份驗證不變

技術不變性:伺服器到伺服器 API 金鑰 (lug_live_...) 必須嚴格保存在後端。 將它們儲存在 appsettings.json 或秘密庫中;切勿將即時金鑰傳輸到客戶端瀏覽器。

故障排除和常見攝取錯誤

來自 Lugatu API 的 HTTP 401 未經授權回應

驗證您的 API 金鑰是否以 lug_live_ 開頭,並在 Authorization: Bearer 標頭中傳遞。 確保 API 金鑰屬於包含目標表單 ID 的工作區。

常見問題解答

為什麼我應該使用 IHttpClientFactory 而不是建立新的 HttpClient 實例?

IHttpClientFactory 管理套接字池並防止 ASP.NET Core 應用程式中重負載下的套接字耗盡。

準備好建立您的表單端點了嗎?

幾秒鐘內免費開始使用。 無需信用卡。

免費開始 →