Рубрики
Без рубрики

Что-то круто: всплывающие обратные вызовы

Я должен был получить данные из всплывающего окна, вот как я это сделал!. Теги с JavaScript, WebDev, обучением, советами.

Представьте, что вам нужно направить пользователя на другую веб-страницу/домен и хотелось бы узнать, когда они закончили все, что вам нужно, чтобы они делали.

В настоящее время я работаю над плагином WordPress, который требует ОАУТ, чтобы я мог позволить им делать, ну, вещи! (Я не думаю, что могу раскрыть это прямо сейчас …) Пока я мог бы объяснить один или два Redirect URI, для меня было бы невозможно справиться с этим для каждого домена Это мой плагин WordPress работает !!!!

Что я решил сделать в плагине, – это открыть страницу, которую я размещаю, когда пользователь нажимает на кнопку OAUTH.

const newWindow = window.open('https://somesite.com/oauth', 'oauth', 'height=720,width=480');

Как только я создаю новое окно, я могу продлить текущий окно Объект, добавляя функцию:

window.popUpCallback = (code) => {
    newWindow.close();
    console.log(code);
};

Теперь в моем всплывающем окне это будет обрабатывать авторизацию, после того, как он получает код авторизации, он может вызвать функцию, которую я добавил в окно:

window.opener.popUpCallback(value);

Что случилось вот то, что мое всплывающее окно позвонит popupcallback Функция, которую я добавил в окно Это открыло этот текущий (новый) окно Отказ

Оглядываясь назад на мой popupcallback Функция, которую вы видите, что я закрываю Newwindow (всплывающее окно), а затем console.log Код я вернулся. Однако вы можете сделать все, что вы хотите сейчас. То, что вы сделали, передается значение между Windows!

Для меня это было идеально, потому что теперь мне нужно иметь только один перенаправить URI, независимо от того, где этот плагин работает, но, возможно, это будет полезно для вас по какой-то другой причине.

Наслаждаться!

Чтобы не отставать от всего, что я делаю, следуй за мной на Twitter Отказ Если вы думаете, «Покажи мне код!» Вы можете найти меня на Github Отказ

Оригинал: “https://dev.to/michaelsolati/something-cool-popup-callbacks-2jfo”