求助：如何在ASP.NET Web Forms中集成PrintFriendly API

我之前做过PrintFriendly API的集成，你的Ajax写法存在几个关键问题，咱们一步步来修正：

你当前代码的核心问题 #

• API密钥暴露+参数格式错误：你把curl的-u认证参数直接拼到URL里是完全错误的，-u是curl用来设置Basic认证的参数，不是请求URL的一部分。更重要的是，把API密钥写在前端JS里会直接泄露，任何人都能拿到你的密钥去调用API，这非常不安全。
• 请求方式和跨域问题：PrintFriendly的PDF创建接口需要用POST请求（官方curl示例里的-d就是POST表单数据），而且这个API大概率不支持JSONP，前端直接跨域调用会触发CORS限制，浏览器会阻止请求。

正确的集成方案：后端中转调用 #

正确的做法是在ASP.NET Web Forms的后端代码里调用PrintFriendly API，前端只需要调用自己后端的接口，避免跨域和密钥泄露问题。

步骤1：后端实现API调用（WebMethod示例） #

在你的Web Forms页面（比如PrintFriendlyPage.aspx）里添加一个静态的WebMethod，用来处理API调用：

using System.Net;
using System.Web.Services;

public partial class PrintFriendlyPage : System.Web.UI.Page
{
    [WebMethod]
    public static string GeneratePdf(string pageUrl)
    {
        // 替换成你的PrintFriendly API密钥
        string apiKey = "c56bd01d6b5ddwer57ee5ae321f875fd1";
        string apiEndpoint = "https://api.printfriendly.com/v1/pdfs/create";

        using (WebClient client = new WebClient())
        {
            // 设置Basic认证（对应curl的-u参数）
            client.Credentials = new NetworkCredential(apiKey, string.Empty);
            
            // 准备POST表单数据
            var formData = new System.Collections.Specialized.NameValueCollection();
            formData.Add("page_url", pageUrl);
            
            // 发送POST请求并获取响应
            byte[] responseBytes = client.UploadValues(apiEndpoint, formData);
            return System.Text.Encoding.UTF8.GetString(responseBytes);
        }
    }
}

步骤2：前端调用后端接口 #

修改你的前端Ajax代码，调用自己后端的WebMethod，而不是直接请求PrintFriendly的API：

var targetPageUrl = "https://en.wikipedia.org/wiki/Eclipse"; // 替换为你要转换的页面URL

$.ajax({
    url: "PrintFriendlyPage.aspx/GeneratePdf",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify({ pageUrl: targetPageUrl }),
    dataType: "json",
    success: function (response) {
        // 解析后端返回的API响应
        var apiResult = JSON.parse(response.d);
        
        if (apiResult.success) {
            // 成功生成PDF，打开PDF链接
            window.open(apiResult.pdf_url);
        } else {
            // 处理错误
            console.error("PDF生成失败:", apiResult.error);
            alert("生成PDF时出错：" + apiResult.error);
        }
    },
    error: function (xhr, status, err) {
        console.error("请求后端接口失败:", err);
    }
});

额外注意事项 #

• 密钥安全：永远不要在前端代码中硬编码API密钥，所有涉及密钥的请求都必须通过后端中转。
• WebMethod配置：确保你的页面允许WebMethod调用，页面必须继承System.Web.UI.Page，且WebMethod必须是static的。
• API响应解析：根据PrintFriendly官方文档，API返回的JSON会包含success（布尔值）、pdf_url（成功时的PDF链接）、error（失败时的错误信息）等字段，记得根据实际返回结构调整解析逻辑。
• 替代方案：如果不想用WebMethod，也可以创建一个Generic Handler（.ashx文件）来处理请求，逻辑和上面的WebMethod一致，只是处理请求的方式不同。

内容的提问来源于stack exchange，提问作者Reshmy