Mixing
Wait for Firebase Promise to finish, then copy to clipboard
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I use Postman to do admin stuff using our REST API, which requires JWTs for authentication. With the Android/web app getting and using the JWT is not an issue, but to manually call APIs needs me to copy the JWT & then paste it into Postman.
To this end I wrote a simple page that uses Firebase-UI to let me login using Firebase Authentication, then I use the following code to copy the JWT to clipboard:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
}, error => { console.log("Error: " + error);});
el.select();
document.execCommand('copy');
console.log("Copying done!")
} else {
console.log("No user set, hence no token.");
}
};
where,
<textarea id="clippy" style="position:absolute; left: -9999px;"></textarea>
<button onClick="copyToClipboard();">Copy Token</button>
Elsewhere I am using firebase.auth().onAuthStateChanged() to set the value of currUser.
The problem is that the document.execCommand('copy'); line often runs before the then part of the Promise has finished, so there's no valid JWT in the clipboard. I tried to solve this by putting the copy-to-clipboard hack inside the then:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
el.select();
document.execCommand('copy');
console.log("Copying done!")
}, error => { console.log("Error: " + error);});
} else {
console.log("No user set, hence no token.");
}
};
but then the copy-to-clipboard hack doesn't work.
Ideally I want a pure-Javascript way to wait for the currUser.getIdToken(true).then() to finish before running the copy-to-clipboard hack.
I'd also be interested if there's an altogether different and better/more elegant solution to the underlying issue (using Firebase Auth JWTs with Postman).
javascript firebase firebase-authentication
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
add a comment |
I use Postman to do admin stuff using our REST API, which requires JWTs for authentication. With the Android/web app getting and using the JWT is not an issue, but to manually call APIs needs me to copy the JWT & then paste it into Postman.
To this end I wrote a simple page that uses Firebase-UI to let me login using Firebase Authentication, then I use the following code to copy the JWT to clipboard:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
}, error => { console.log("Error: " + error);});
el.select();
document.execCommand('copy');
console.log("Copying done!")
} else {
console.log("No user set, hence no token.");
}
};
where,
<textarea id="clippy" style="position:absolute; left: -9999px;"></textarea>
<button onClick="copyToClipboard();">Copy Token</button>
Elsewhere I am using firebase.auth().onAuthStateChanged() to set the value of currUser.
The problem is that the document.execCommand('copy'); line often runs before the then part of the Promise has finished, so there's no valid JWT in the clipboard. I tried to solve this by putting the copy-to-clipboard hack inside the then:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
el.select();
document.execCommand('copy');
console.log("Copying done!")
}, error => { console.log("Error: " + error);});
} else {
console.log("No user set, hence no token.");
}
};
but then the copy-to-clipboard hack doesn't work.
Ideally I want a pure-Javascript way to wait for the currUser.getIdToken(true).then() to finish before running the copy-to-clipboard hack.
I'd also be interested if there's an altogether different and better/more elegant solution to the underlying issue (using Firebase Auth JWTs with Postman).
javascript firebase firebase-authentication
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
add a comment |
I use Postman to do admin stuff using our REST API, which requires JWTs for authentication. With the Android/web app getting and using the JWT is not an issue, but to manually call APIs needs me to copy the JWT & then paste it into Postman.
To this end I wrote a simple page that uses Firebase-UI to let me login using Firebase Authentication, then I use the following code to copy the JWT to clipboard:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
}, error => { console.log("Error: " + error);});
el.select();
document.execCommand('copy');
console.log("Copying done!")
} else {
console.log("No user set, hence no token.");
}
};
where,
<textarea id="clippy" style="position:absolute; left: -9999px;"></textarea>
<button onClick="copyToClipboard();">Copy Token</button>
Elsewhere I am using firebase.auth().onAuthStateChanged() to set the value of currUser.
The problem is that the document.execCommand('copy'); line often runs before the then part of the Promise has finished, so there's no valid JWT in the clipboard. I tried to solve this by putting the copy-to-clipboard hack inside the then:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
el.select();
document.execCommand('copy');
console.log("Copying done!")
}, error => { console.log("Error: " + error);});
} else {
console.log("No user set, hence no token.");
}
};
but then the copy-to-clipboard hack doesn't work.
Ideally I want a pure-Javascript way to wait for the currUser.getIdToken(true).then() to finish before running the copy-to-clipboard hack.
I'd also be interested if there's an altogether different and better/more elegant solution to the underlying issue (using Firebase Auth JWTs with Postman).
javascript firebase firebase-authentication
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
I use Postman to do admin stuff using our REST API, which requires JWTs for authentication. With the Android/web app getting and using the JWT is not an issue, but to manually call APIs needs me to copy the JWT & then paste it into Postman.
To this end I wrote a simple page that uses Firebase-UI to let me login using Firebase Authentication, then I use the following code to copy the JWT to clipboard:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
}, error => { console.log("Error: " + error);});
el.select();
document.execCommand('copy');
console.log("Copying done!")
} else {
console.log("No user set, hence no token.");
}
};
where,
<textarea id="clippy" style="position:absolute; left: -9999px;"></textarea>
<button onClick="copyToClipboard();">Copy Token</button>
Elsewhere I am using firebase.auth().onAuthStateChanged() to set the value of currUser.
The problem is that the document.execCommand('copy'); line often runs before the then part of the Promise has finished, so there's no valid JWT in the clipboard. I tried to solve this by putting the copy-to-clipboard hack inside the then:
const copyToClipboard = function(str) {
const el = document.getElementById('clippy');
if (currUser != null) {
currUser.getIdToken(true).then(token => {
el.value = 'bearer ' + token;
el.select();
document.execCommand('copy');
console.log("Copying done!")
}, error => { console.log("Error: " + error);});
} else {
console.log("No user set, hence no token.");
}
};
but then the copy-to-clipboard hack doesn't work.
Ideally I want a pure-Javascript way to wait for the currUser.getIdToken(true).then() to finish before running the copy-to-clipboard hack.
I'd also be interested if there's an altogether different and better/more elegant solution to the underlying issue (using Firebase Auth JWTs with Postman).
javascript firebase firebase-authentication
javascript firebase firebase-authentication
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
asked Jan 3 at 9:30
markvgtimarkvgti
1,58242234
1,58242234
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54019500%2fwait-for-firebase-promise-to-finish-then-copy-to-clipboard%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54019500%2fwait-for-firebase-promise-to-finish-then-copy-to-clipboard%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
