External Accounts Extended 2.9.8a

[econaft]

При нажатии на Войти через Вконтакт, выдаёт это:

{"error":"invalid_request","error_description":"redirect_uri is incorrect, check application redirect uri in the settings page"}

При этом вчера всё работало.

И ещё пробелма с Твиттером.
Пишет это:
Ошибка
Произошла неожиданная ошибка. Пожалуйста, попробуйте немного позже.

При этом все ключи ввёл, как полежено.

 

[Hope]

Та ну, такого не бывает...
Ни Вы, ни хостер ничего вообще не делали и вдруг всё само по себе перестало работать...

 

[econaft]

Hope, вчера возился с получениями ключей. Вчера же и проверя кнопку Вконтакта. Всё работало. Сегодня уже не работает. Ничего не делал. Лёг спать, утром не работает.


--------------------------------------------------------------
Пробема решена.
Решение проблемы (на стороне Вконтакта):
Поле Доверенный redirect URI в настройках приложения на сегодняшний день не является обязательным к заполнению. Пожалуйста, удалите его значение и проверьте результат.

 

[RealKot]

econaft, а правильно указать этот самый URI не пробовали? :facepalm: Если все корректно указать, то и проблем будет ноль :thumbsup:

 

[econaft]

RealKot, вроде правильно указывал. На скрине кстати видно.
Или нужно index.php ещё ?

 

[RealKot]

econaft,


WWW уберите.

 

[econaft]

RealKot, спасибо, работает.

Воюю с Твиттером

 

[RealKot]

econaft, все настраивается аналогично. По скрину не очень ясно в чем у вас проблема.

 

[econaft]

RealKot, спасибо, твиттер заработал! :Good1:

 

[h0y]

кто-нибудь пробовал подружиться c vk api, если на форуме не активирован ЧПУ ?

вылетает ошибка
{
["error"] => string(13) "invalid_grant"
["error_description"] => string(85) "redirect_uri is invalid, please pass same redirect_uri, you used in authorize method."
}

кто-нибудь пробовал подружиться c vk api, если на форуме не активирован ЧПУ ?

вылетает ошибка
{
["error"] => string(13) "invalid_grant"
["error_description"] => string(85) "redirect_uri is invalid, please pass same redirect_uri, you used in authorize method."
}

кому интересно проблему решил (без использования ЧПУ), баг на стороне vk.com, который не читает данные дальше ? знака, а в данном случае редирект идет как ра на index.php?ragister/vk, отсюда и ошибка.
решение методом костыля - в файле library/ExternalExtended/Helper/Abstract.php поставил проверку на vk.com в методе getRequestUrl и getAccessToken и в случае успеха напрямую меняем url-редиректа на /register/vk

код

в методе getAccessToken

if(strpos($this->getAuthUrl(),"vk.com")!==false)
        $url="http://example.com/register/vk";

в методе getRequestUrl

if(strpos($this->getAuthUrl(),"vk.com")!==false)
        $redirectUri="http://example.com/register/vk";

 

[evgen583]

Доброго времени суток, возможно ли как то щас создать переложение в ОК для авторизации по протоколу HTTP если возможно то как.

Находил статью в инете, но она 2015 года,делал все как там указано т показано, уавтора статьи все получается с поотоколом HTTP

 

[Horvat]

На сайте стоял External Accounts Extended 1.6.0, он перестал работать, обновил его до версии 2.9.8. Он заработал, но я его случайно удалил, да, такое бывает. После этого снова его установил, и он не работает... ID и ключ ввел, всё как положено. После попытки авторизоваться через vk пишет Vk returned an unknown error. Please try again later. Я уже не знаю, что делать....

Всё, разобрался. Нужно поставить галочки на
Использовать ЧПУ-ссылки
Включить транслитерацию URL-адресов для заголовковя

Поработал плагин сутки, ничего на сайте не менял, абсолютно ничего. Сейчас при попытке авторизации пишет
Vk returned an unknown error. Please try again later.
Кто-нибудь сталкивался с подобным? Не знаю как решить... Я бы попробовал social network authentication, но, к сожалению, нет доступа для скачки.

 

[Fluber]

А кнопки соц. сетей можно поменять местами?

Призываю Hope для помощи в этом вопросе

 

[Mirovinger]

Кого ещё хотите призвать?
Можно, правкой шаблона.

 

[Fluber]

Кого ещё хотите призвать?
Можно, правкой шаблона.

Тебя вот хотел, только забыл как ник пишется у тебя и оставался только Хопик

Кого ещё хотите призвать?
Можно, правкой шаблона.

В правке шаблона искал и пробовал менять местами, но ничего

 

[zloj]

Чтоб вернуть иконку Фейсбука нужно поменять в шаблонах //b.s-static.ak.facebook.com/images/connect_sprite.png на //www.facebook.com/images/connect_sprite.png

Столкнулся с проблемой, если пользователь ранее уже был на форуме (я делал перенос с другого движка и уже было много пользователь) то теперь при авторизации через соц-сеть он предлагает связать с учётной записью которая есть, вводят логин и пароль - связь не получается, пишет "вы должны сначала авторизоватся", почему так?

 

[Khanbynet]

Заметил 2 недочета в отображении плагина:
1) В выползающем меню авторизации сверху кнопки криво смотрятся:

Решение сделал следующее:
Шаблон external_accounts.css

/*
 * When enabled, this hides default providers.
 * Rather than simply removing the providers via
 * Template Modification, this method prevents
 * conflictions from other addons that may add
 * their own provider.
*/
<xen:if is="{$xenOptions.externalMinimal}">
    li a.eeProxy,
    li span.eeProxy
    {
        display: block !important;
    }
</xen:if>

/* Login Disabler */
<xen:if is="{$xenOptions.externalLogin}">
    #loginBar form.eAuth #eAuthUnit
    {
        position: relative !important;
    
        margin: 0 auto;
    }
</xen:if>

/* Horizontal Buttons */
<xen:if is="@eeLoginHorizontal">
    .eeLogin
    {
        margin: 0 auto;
    }

    .eeLogin .ctrlUnit
    {
        display: inline-block;
        margin: 0;
    }

    .eeLogin .ctrlUnit:after
    {
        clear: unset;
        content: "";
    }

    .eeLogin .ctrlUnit > dd
    {
        height: 0;
        margin: 10px 0;
    }

    .eeLogin .ctrlUnit > dt
    {
        padding: 0;
        width: 0;
    }
</xen:if>

/* Removes text-decoration on hover */
#eAuthUnit li a:hover,
#pageLogin .ctrlUnit dd a:hover
{
    text-decoration: none;
}

/* Fixes Login for multiple providers */
#loginBar form.eAuth #eAuthUnit
{
    overflow-x: hidden;
    overflow-y: auto;

    height: 100%;
    width: 200px;

    right: -10px !important;
}

/* External Minimal Button */
a.externalMinimal,
#loginBar a.externalMinimal
{
    background: #303030;
}

    a.externalMinimal span:before
    {
        background: none !important;
    }

a.externalMinimal:active,
#loginBar a.externalMinimal:active
{
    background-color: #303030;
}

/* All External Providers */

/* Global Options (standard display) */

/* External Provider Default Icon Styling */
a.externalProvider span
{
    display: block;
    padding: 8px;
    padding-left: 33px;
    white-space: nowrap;
    overflow: hidden;
}
a.externalProvider span:before
{
    content: " ";
    background: url("styles/default/xenforo/external/sprite-20.png");
    background-repeat: no-repeat;
    display: block;
    position: absolute;

    width: 20px;
    height: 20px;

    margin-left: -33px;
    margin-top: -3px;
}

a.externalProvider,
#loginBar a.externalProvider
{
    display: inline-block;
    width: @eAuthButtonWidth;
    height: 32px;
    box-sizing: border-box;
    cursor: pointer;

    color: #FFFFFF !important;

    border-radius: 3px;
    padding-left: 12px;

    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

/* Provider-Specific */
a.soundCloudLogin,
#loginBar a.soundCloudLogin
{
    background: #ffa348;
    background: -moz-linear-gradient(top, #ffa348 0%, #e67301 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa348), color-stop(100%,#e67301));
    background: -webkit-linear-gradient(top, #ffa348 0%,#e67301 100%);
    background: -o-linear-gradient(top, #ffa348 0%,#e67301 100%);
    background: -ms-linear-gradient(top, #ffa348 0%,#e67301 100%);
    background: linear-gradient(to bottom, #ffa348 0%,#e67301 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa348', endColorstr='#e67301',GradientType=0 );
}

    a.soundCloudLogin span:before
    {
        background-position: -50px -26px;
    }

a.soundCloudLogin:active,
#loginBar a.soundCloudLogin:active
{
    background-color: #ffa348;
}

a.tumblrLogin,
#loginBar a.tumblrLogin
{
    background-color: #36475d;
    border: #36465d solid 1px;
}

    a.tumblrLogin span:before
    {
        background-position: -26px -50px;
    }

a.tumblrLogin:active,
#loginBar a.tumblrLogin:active
{
    background-color: #36475d;
}

a.vkLogin,
#loginBar a.vkLogin
{
    background-color: #54769b;
    border: #54769b solid 1px;
}

    a.vkLogin span:before
    {
        background-position: -74px -26px;
    }

a.vkLogin:active,
#loginBar a.vkLogin:active
{
    background-color: #54769b;
}

a.odnoklassnikiLogin,
#loginBar a.odnoklassnikiLogin
{
    background: #fb8012;
    background: -moz-linear-gradient(top, #fb8012 0%, #ff3901 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb8012), color-stop(100%,#ff3901));
    background: -webkit-linear-gradient(top, #fb8012 0%,#ff3901 100%);
    background: -o-linear-gradient(top, #fb8012 0%,#ff3901 100%);
    background: -ms-linear-gradient(top, #fb8012 0%,#ff3901 100%);
    background: linear-gradient(to bottom, #fb8012 0%,#ff3901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8012', endColorstr='#ff3901',GradientType=0 );

    border: #d05300 solid 1px;
}

    a.odnoklassnikiLogin span:before
    {
        background-position: -26px -26px;
    }

a.odnoklassnikiLogin:active,
#loginBar a.odnoklassnikiLogin:active
{
    background-color: #be3e2e;
}

a.githubLogin,
#loginBar a.githubLogin
{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );

    border: #c9c9c9 solid 1px;

    color: #515151 !important;
}

    a.githubLogin span:before
    {
        background-position: -26px -2px;
    }

a.githubLogin:active,
#loginBar a.githubLogin:active
{
    background-color: #ffffff;
}

a.linkedinLogin,
#loginBar a.linkedinLogin
{
    background: #7dbcd6;
    background: -moz-linear-gradient(top,  #7dbcd6 0%, #55a6c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dbcd6), color-stop(100%,#55a6c9));
    background: -webkit-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
    background: -o-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
    background: -ms-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
    background: linear-gradient(to bottom,  #7dbcd6 0%,#55a6c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbcd6', endColorstr='#55a6c9',GradientType=0 );

    border: #55a6c9 solid 1px;
}

    a.linkedinLogin span:before
    {
        background-position: -50px -2px;
    }

a.linkedinLogin:active,
#loginBar a.linkedinLogin:active
{
    background-color: #f9f9f9;
}

a.twitchLogin,
#loginBar a.twitchLogin
{
    background-color: #6441A5;
}

    a.twitchLogin span:before
    {
        background-position: -50px -50px;
    }

a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
    background-color: #6441A5;
}

a.battlenetLogin,
#loginBar a.battlenetLogin
{
    background: #0f9ada;
    background: -moz-linear-gradient(top,  #0f9ada 0%, #0076ad 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9ada), color-stop(100%,#0076ad));
    background: -webkit-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
    background: -o-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
    background: -ms-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
    background: linear-gradient(to bottom,  #0f9ada 0%,#0076ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ada', endColorstr='#0076ad',GradientType=0 );

    border: #55a6c9 solid 1px;
}

    a.battlenetLogin span:before
    {
        background-position: -2px -2px;
    }

a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
    background-color: #f9f9f9;
}

a.liveLogin,
#loginBar a.liveLogin
{
    background: #ffffff;

    border: #e3e3e3 solid 1px;

    color: #000000 !important;
}

    a.liveLogin span:before
    {
        background-position: -2px -26px;
    }

a.live:active,
#loginBar a.live:active
{
    background-color: #f9f9f9;
}


a.stravaLogin,
#loginBar a.stravaLogin
{
    background: #fc4c02;

    border: #fc4c02 solid 1px;
}

    a.stravaLogin span:before
    {
        background-position: -2px -50px;
    }

a.strava:active,
#loginBar a.strava:active
{
    background-color: #f9f9f9;
}

a.vimeoLogin,
#loginBar a.vimeoLogin
{
    background: #1ab7ea;

    border: #1ab7easolid 1px;
}

    a.vimeoLogin span:before
    {
        background-position: -74px -2px;
    }

a.vimeo:active,
#loginBar a.vimeo:active
{
    background-color: #1ab7ea;
}

a.instagramLogin,
#loginBar a.instagramLogin
{
    color: #483e33 !important;
    background: #ece5d6;
}

    a.instagramLogin span:before
    {
        background-position: -74px -49px;
    }

a.instagram:active,
#loginBar a.instagram:active
{
    background-color: #ece5d6;
}

/* Enables UI.X Support */
<xen:if is="@eeUIX">
    a.externalProvider span:before
    {
            margin-left: -27px;
            margin-top: 6px;
    }

    #XenForo a.externalProvider span
    {
        margin: 0;
        padding: 0 {xen:calc '{xen:property uix_gutterWidthSmall} + 21'}px;
        border: none;
        text-shadow: none;
        width: auto;
        height: {xen:property uix_formElementHeight};
        line-height: {xen:property uix_formElementHeight};
        border-radius: {xen:property uix_globalBorderRadius};
    }
    
    #XenForo a.externalProvider, #loginBar a.externalProvider
    {
        display: block;
        background: none;
        margin: 0;
        padding: 0;
        border: none;
        text-shadow: none;
        color: #FFF;
        width: 100%;
        height: auto;
        font-size: {xen:property uix_globalLargeFontSize};
        border-radius: {xen:property uix_globalBorderRadius};
    }
    #XenForo a.externalProvider span:hover
    {
        background: rgba(0, 0, 0, 0.1);
    }

    #XenForo a.externalMinimal, #loginBar a.externalMinimal { background: #303030; }
    #XenForo a.soundCloudLogin, #loginBar a.soundCloudLogin { background: #ffa348; }
    #XenForo a.vkLogin, #loginBar a.vkLogin { background: #54769b; }
    #XenForo a.tumblrLogin, #loginBar a.tumblrLogin { background: #36475d; }
    #XenForo a.odnoklassnikiLogin, #loginBar a.odnoklassnikiLogin { background: #fb8012; }
    #XenForo a.githubLogin, #loginBar a.githubLogin { background: #f5f5f5; }
    #XenForo a.linkedinLogin, #loginBar a.linkedinLogin { background: #7dbcd6; }
    #XenForo a.twitchLogin, #loginBar a.twitchLogin { background-color: #6441A5; }
    #XenForo a.battlenetLogin, #loginBar a.battlenetLogin { background: #0f9ada; }
    #XenForo a.liveLogin, #loginBar a.liveLogin{ background: #FFFFFF; }
    #XenForo a.stravaLogin, #loginBar a.stravaLogin{ background: #fc4c02; }
    #XenForo a.vimeoLogin, #loginBar a.vimeoLogin{ background: #fc4c02; }
    #XenForo a.instagramLogin, #loginBar a.instagramLogin{ background: #ece5d6; }
</xen:if>

Шаблон external_accounts_login_item_facebook вкладка facebook.css

a.fbLogin,
#loginBar a.fbLogin
{
    display: inline-block;
    width: @eAuthButtonWidth;
    height: 33px;
    box-sizing: border-box;
    cursor: pointer;
    
    background-color: #3B5998;
    border-radius: @xb_borderradiuss;
    padding: 0px 0px 0px 1px;
    outline: none;
    
    text-decoration: none;
    color: white;
    font-weight: normal;
    font-size: 11px;
    line-height: 32px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.06) inset;
}

a.fbLogin:hover,
#loginBar a.fbLogin:hover
{
    text-decoration: none;
}

    a.fbLogin span
    {
        display: block;
        padding: 2px 0px 3px;
        margin: 1px 1px 0px 0px;
        text-shadow: none;
        white-space: nowrap;
        overflow: hidden;
        line-height: 31px;
        text-align: center;
    }

a.fbLogin span:before
{
    display: inline-block;
    font-family: FontAwesome;
    content: "\f09a";
    float: left;
    padding-left: 17px;
    font-size: 17px;
    line-height: 32px;
}

a.fbLogin:hover, a.fbLogin:active
{
    box-shadow: none;
}

В результате получилось:


У меня авторизация через gmail отключена, но если кому понадобится, то открываем шаблон
external_accounts_login_item_google вкладка google.css

.googleLogin,
#loginBar .googleLogin
{
    display: inline-block;
    width: @eAuthButtonWidth;
    height: 33px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #dd4b39;
    padding: 0px 10px 0px 1px;
    border: #be3e2e solid 1px;
    border-radius: @xb_borderradiuss;   
    color: white;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.06) inset;
    text-align: center;
}
.googleLogin span
{
    display: inline-block;
    line-height: 31px;
    white-space: nowrap;
    overflow: hidden;
}
.googleLogin:before, #loginBar .googleLogin:before
{
    display: inline-block;
    font-family: FontAwesome;
    content: "\f0d5";
    float: left;
    padding-left: 17px;
    font-size: 17px;
    line-height: 32px;
}
.googleLogin:active, #loginBar .googleLogin:active
{
    box-shadow: none;
}

2) На странице адрессайта/login отображается только facebook

Кто подскажет коды вставки кнопки для вк, ок, гугл?

 

[Mirovinger]

Кто подскажет коды вставки кнопки для вк, ок, гугл?

Вообще, они там должны быть от дополнения, возможно не сработала модификация шаблона для стиля.

 

[Khanbynet]

Mirovinger, Спасибо за наводку. Действительно не срабатывала модификация. Пришлось её отключить.

Если у кого похожая проблема, то вот решение:
1) Отключаем модификацию шаблона helper_login_form
2) Находим данный шаблон helper_login_form (Внешний вид/Шаблоны)
3) Ищем и удаляем код:

    <xen:if is="{$xenOptions.facebookAppId}">
        <xen:require css="facebook.css" />
        <dl class="ctrlUnit altMargin">
            <dt></dt>
            <dd><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="10"><span>{xen:phrase login_with_facebook}</span></a></dd>
        </dl>
    </xen:if>
    
    <xen:if is="{$xenOptions.twitterAppKey}">
        <xen:require css="twitter.css" />
        <dl class="ctrlUnit altMargin">
            <dt></dt>
            <dd><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="10"><span>{xen:phrase login_with_twitter}</span></a></dd>
        </dl>
    </xen:if>
    
    <xen:if is="{$xenOptions.googleClientId}">
        <xen:require css="google.css" />
        <dl class="ctrlUnit altMargin">
            <dt></dt>
            <dd><span class="googleLogin GoogleLogin JsOnly" tabindex="10" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></dd>
        </dl>
    </xen:if>

4) Вместо него добавляем:

<xen:require css="external_accounts.css" />
<xen:set var="$externalHelper">true</xen:set>

<xen:include template="external_accounts_login" />

 

[Mirovinger]

А не проще было подправить модификацию, но дело Ваше.