Estoy abriendo una nueva ventana en mi sitio web donde tengo que esperar hasta que el usuario realice una transacción en otro sitio web. Luego recibiré una llamada de postMessage una vez que se complete la transacción. ¿Cómo espero y solo vuelvo una vez que se dispara el par?
Este es un breve ejemplo del código:
async function anonTransaction() -> Promise { const popupWindow = window.open("http://localhost:3000/") let result = await new Promise((resolve, reject) => { window.onmessage = (event) => { if(event.origin !== "http://localhost:3000"){ reject() } else{ console.log("resolve"); resolve() } }}); }/// en el sitio web abierto
let targetWebsite = window.opener; targetWebsite.postMessage("message");Me pregunto, ¿por qué no ejecutas tu lógica dentro de onmessage?
window.onmessage = (event) => { if(event.origin === "http://localhost:3000"){ // execute your logic here myAsyncFunction(); } };Si realmente quiere una promesa, puede probar y crear un detector de eventos onmessage global que rechace o resuelva una promesa guardando las referencias para resolver y rechazar:
let resolve; let reject; let result = await new Promise((res, rej) => { resolve = res; reject = rej; }); window.onmessage = (event) => { if(event.origin !== "http://localhost:3000"){ if(reject) reject() } else{ console.log("resolve"); if(resolve) resolve() } };