2017-09-18 57 views
1

我有一個基本的Janrain帳戶,我已經成功配置了大約8個提供商。從Widgets & SDK部分,我還選擇了6個提供程序顯示在小部件上。我已將Janrain集成到Social Engine 4.8.12上。但是,Janrain小部件僅在SocialEngine網站的登錄頁面上顯示僅3個默認提供程序。有誰知道如何解決這一問題?
這是我設計並期望看到:
enter image description here
這是我看到的登錄頁面:
enter image description hereJanrain小部件不顯示預期提供商

回答

1

的Janrain社會登錄(搞)小部件具有配置主要有兩種方式顯示社交提供者。這些都顯示在下面的屏幕截圖:

Social Login Configuration

第一個選項「保存併發布」將設置保存到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數組。

如果這兩個選項的工作,那麼有可能是壞了您的應用程序的配置,你應該在http://support.janrain.com

+0

聯繫Janrain的援助支持,有沒有給我看了按鈕發佈,不僅節省! – JasonStack

+1

對不起,我錯過了你有一個「基本」的應用程序。 CDN發佈僅適用於付費客戶。您是否使用單擊保存按鈕時生成的Javascript代碼? – PBJanrain

+0

我剛剛再次檢查了這個小部件,並配置了所有配置的提供程序。我不確定是否時間解決了問題,或者支持團隊成員解決了問題。 – JasonStack