Имеем: Client-side Blazor приложение. На страничку добавляю блок для кнопки
<div id="VkIdSdkOneTap"></div>
В head добавил загрузку SDK:
<script src="https://unpkg.com/@@vkid/sdk@1.1.0/dist-sdk/umd/index.js"></script>
При загрузке Blazor страницы инициализирую кнопку
module = await JS.InvokeAsync<IJSObjectReference>("import", "./Components/Pages/Login.razor.js");
await module.InvokeAsync<string>("InitVKID", [codeVerifier]);
Содержание Login.razor.js
function OnError() { }
export function InitVKID(codeVerifier) {
const VKID = window.VKIDSDK;
VKID.Config.set({
app: "123456789", // Идентификатор моего приложения. Скопипасчено из поля App ID настроек приложения
redirectUrl: "https://mysite.ru/OnAuth", // Адрес для перехода после авторизации. Скопипастил из поля Trusted redirect URL настроек приложения VK
codeVerifier: codeVerifier,
scope: 'email',
mode: VKID.ConfigAuthMode.InNewTab
});
const oneTap = new VKID.OneTap();
// Получение контейнера из разметки.
const container = document.getElementById('VkIdSdkOneTap');
// Проверка наличия кнопки в разметке.
if (container) {
// Отрисовка кнопки в контейнере с именем приложения APP_NAME, светлой темой и на русском языке.
oneTap.render({ container: container, scheme: VKID.Scheme.LIGHT, lang: VKID.Languages.RUS })
.on(VKID.WidgetEvents.ERROR, OnError); // handleError — какой-либо обработчик ошибки.
}
}
Кнопка успешно появляется. Но при клике получаю сообщение "Ошибка загрузки
Попробуйте ещё раз. Если не получится сейчас, то чуть позже.
[Попробовать снова]"
В консоле браузера есть объект
additional_data: []
code: 0
message: "Неверно указан параметр redirect_url"
Попытке гугления сводятся к одному: проверяйте свой redirect_url. Но и так уже скопирован из настроек приложения. Как понять, чего же ему не нравится в redirect_url? Пробовал разные вариации URL подсунуть — всё без успеха.