Power Pages中借助idp_hint对接外部OAuth IDP认证问题求助

方法1：通过站点设置添加自定义认证参数 #

Power Pages不会识别Authority字段里的查询参数，得用专门的配置项传递：

• 进入Power Pages管理中心，打开目标站点
• 导航到设置 > 身份验证，找到对应的OAuth提供商
• 在附加查询参数栏填入idp_hint=GUID_OF_IDP_HINT
• 保存后，系统会自动把这个参数附加到认证请求URL里，无需修改Authority

方法2：自定义登录链接并获取合法state参数 #

如果要做自定义登录按钮，可通过Power Pages内置接口生成带state的合法链接：

• 在页面中添加以下JavaScript代码，调用系统接口获取基础登录URL后拼接idp_hint：

  function customLogin() {
      const provider = "你的OAuth提供商名称"; // 替换为实际提供商名称
      webapi.safeAjax({
          url: "/_services/auth/loginurl?provider=" + provider,
          type: "GET",
          success: function(res) {
              const finalUrl = res + "&idp_hint=GUID_OF_IDP_HINT";
              window.location.href = finalUrl;
          }
      });
  }
  

• 把自定义按钮的点击事件绑定到这个函数，就能生成带合法state和idp_hint的登录链接

方法3：修改登录页面模板（进阶） #

如果前两种方法不适用，可自定义登录页面模板：

• 复制Power Pages默认登录模板
• 在模板中找到生成登录链接的代码段，手动给URL加上idp_hint=GUID_OF_IDP_HINT参数
• 务必保留原有state参数的生成逻辑，否则会导致认证失败

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