Question

我有一个基本的Janrain帐户，我已成功配置了大约8个提供商。来自Widgets＆amp;在SDKs部分，我还选择了六个提供程序在小部件上显示。我在Social Engine 4.8.12上启用了Janrain集成。但是，Janrain小部件仅在SocialEngine网站的登录页面上仅显示3个默认提供程序。有谁知道如何解决这个问题？这就是我设计并期望看到的内容：

这是我在登录页面上看到的：

Answer 1

Janrain Social Login（Engage）小部件有两种主要方式来配置社交提供者的显示。这些显示在以下屏幕截图中：

第一个选项“保存并发布”会将设置保存到Janrain CDN。底部的警告声明“更改可能需要长达一个小时才能显示在已部署的小部件中” - 但通常（但并非总是如此）不会超过5分钟。实际上单击“发布”按钮以保存这些设置非常重要。

第二个选项是“保存并嵌入”它将生成必要的Javascript代码，您可以将其嵌入网页以使用该小部件。类似于以下内容：

    <script type="text/javascript">
(function() {
    if (typeof window.janrain !== 'object') window.janrain = {};
    if (typeof window.janrain.settings !== 'object') window.janrain.settings = {};

    /* _______________ can edit below this line _______________ */

    janrain.settings.tokenUrl = '__REPLACE_WITH_YOUR_TOKEN_URL__';
    janrain.settings.type = 'embed';
    janrain.settings.appId = 'REPLACE_WITH_YOUR_APP_ID';
    janrain.settings.appUrl = 'https://APPNAME.rpxnow.com';
    janrain.settings.providers = [
    'facebook',
    'linkedin',
    'googleplus',
    'twitter',
    'instagram',
    'paypal_openidconnect',
    'yahoo',
    'microsoftaccount'];
    janrain.settings.providersPerPage = '8';
    janrain.settings.format = 'two column';
    janrain.settings.actionText = 'Sign in using your account with';
    janrain.settings.showAttribution = true;
    janrain.settings.fontColor = '#333333';
    janrain.settings.fontFamily = 'arial';
    janrain.settings.backgroundColor = '#FFFFFF';
    janrain.settings.width = '380';
    janrain.settings.borderColor = '#CCCCCC';
    janrain.settings.borderRadius = '10';    janrain.settings.buttonBorderColor = '#CCCCCC';
    janrain.settings.buttonBorderRadius = '5';
    janrain.settings.buttonBackgroundStyle = 'gradient';
    janrain.settings.language = '';
    janrain.settings.linkClass = 'janrainEngage';

    /* _______________ can edit above this line _______________ */

    function isReady() { janrain.ready = true; };
    if (document.addEventListener) {
      document.addEventListener("DOMContentLoaded", isReady, false);
    } else {
      window.attachEvent('onload', isReady);
    }

    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.id = 'janrainAuthWidget';

    if (document.location.protocol === 'https:') {
      e.src = 'https://rpxnow.com/js/lib/APPNAME/engage.js';
    } else {
      e.src = 'http://widget-cdn.rpxnow.com/js/lib/APPNAME/engage.js';
    }

    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
})();
</script>

您可以在上面的代码中看到提供程序如何列为Javascript数组。

如果这两个选项都不起作用，那么您的应用配置可能会出现问题，您应该联系Janrain的支持人员以获取http://support.janrain.com

的帮助

Janrain小部件未显示预期的提供者

1 个答案: