自定义网站集成Klarna功能遇到多类问题求助

一、Express按钮生产环境失效问题 #

问题现象 #

Playground环境下Express按钮正常工作，但切换到data-environment="production"后失效；且用生产MID+playground环境时按钮仍能正常运行（不符合预期，本应使用Playground专属MID）。

排查方向与解决步骤 #

1. 确认生产MID的激活状态
   Klarna生产环境MID需完成商户资质审核、支付配置激活后才能使用，而Playground是默认开放测试的。登录Klarna商户后台，检查生产MID是否已走完所有激活流程，包括合规审核、支付方式配置等。

2. 校验生产环境域名白名单
   生产环境下Klarna会严格校验Express按钮嵌入的网站域名是否在商户后台的允许域名列表中。进入商户后台的Express按钮配置页，确认你的生产域名已添加至白名单（Playground环境可能不做强制校验，这也是生产MID能在Playground跑的原因之一）。

3. 检查网站CSP与网络策略
   生产环境网站若配置了内容安全策略（CSP），需确保允许加载https://x.klarnacdn.net的脚本资源，同时允许Klarna弹窗域名（*.klarna.com）。可通过浏览器控制台的网络/安全面板查看是否有资源加载被阻止的报错。

4. 环境与MID的匹配性
   你遇到的“生产MID+playground环境可用”属于异常情况，大概率是Playground未严格校验MID的环境归属。生产环境必须使用生产专属MID，且确保data-id和data-environment完全匹配。

代码修正注意点 #

<script 
    src="https://x.klarnacdn.net/express-button/v1/lib.js"
    data-id="已激活的生产MID" <!-- 替换为合规的生产环境MID -->
    data-environment="production"
    async
>
</script>

<script>
window.klarnaExpressButtonAsyncCallback = function()
{
    Klarna.ExpressButton.on('user-authenticated', function (callbackData) {        
        // 你的用户信息处理逻辑
        // 注意：确保AJAX请求的目标域名已在Klarna后台配置为允许的回调地址
    }); // 原代码缺少闭合括号，需补全
}
</script>

注：原回调函数代码末尾缺少闭合的});，生产环境下可能导致逻辑无法执行，建议优先修复语法问题。

二、Sign in with Klarna 无效客户端错误问题 #

问题现象 #

点击登录按钮弹出错误：There’s a problem connecting you to Klarna right now，对应错误码invalid_client，提示OAuth客户端不存在；但你使用的UUID在常规API调用中正常。

核心原因与解决步骤 #

1. 明确data-client-id的正确取值
   这里的data-client-id不是商户MID，也不是常规API的用户名/密码，而是需要在Klarna商户后台单独创建的OAuth 2.0客户端ID。常规API凭证与OAuth客户端是两套独立的身份体系，不能混用。

2. 创建并配置OAuth应用

   • 登录Klarna Merchant Portal，进入OAuth应用管理页面（通常在「Settings」或「Developer tools」栏目下）。
   • 创建新的OAuth应用，选择对应环境（Production）和市场（GB）。
   • 配置应用的回调域名（必须与你的网站生产域名完全一致，包括HTTP/HTTPS协议）。
   • 生成后即可获得专属的client-id（UUID格式），将其填入data-client-id字段。

3. 校验环境与客户端ID的匹配性
   确保data-environment="production"与你创建的OAuth应用环境一致，生产环境的客户端ID不能用于Playground环境，反之亦然。

代码修正示例 #

<script
   src="https://x.klarnacdn.net/sign-in-with-klarna/v1/lib.js"   
   data-client-id="OAuth客户端ID" <!-- 替换为从商户后台获取的OAuth client-id -->
   data-market="GB"
   data-scope="offline_access profile email billing_address create_payment_session"
   data-environment="production"
   data-on-sign-in="onSignIn"
   data-on-error="klarna_error">
</script>

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