chrome拡張機能でcookieの属性を取得する方法

Question

前提

cookieを取得し、属性を取り出し、条件に合ったもののcookieのsizeを計算するchrome拡張機能を製作しています。

拡張機能がver2で製作しています。

実現したいこと

chrome.cookies.getというAPIを使用し、取得した属性を関数の外で使用したいです。
有識者の方、よろしくお願いいたします。

発生している問題・エラーメッセージ

関数外で取得したい値(expiration1)がundefinedと表示されてしまいます。

該当のソースコード

function getCookies(url,name)
{
chrome.cookies.get({"url":url,"name":name}, function(cookie){
return cookie.expirationDate;
});
}

const expiration1 = getCookies("該当のurl","cookieのname");
alert(expiration1);

Comments

[NorioYamamoto]

このチュートリアルはV3ですがあなたの参考になると思います。
Chrome拡張の作り方 18 Cookie
https://youtu.be/p4gSY5ikAYo

[george0304]

すいません拝見しましたが、よく分かりませんでした。

Answer 1

chrome.cookies.getという関数自体が非同期なので、通常の返り値として値を得る方法はありません。

Promiseとして引き回してawitで受け取るなどは可能です。

Comments

[george0304]

ご返信ありがとうございます。
分かりました。やってみたいと思います。

[george0304]

function checkCookie(url, name){
return new Promise((resolve, reject) => {
chrome.cookies.get({url: url,name: name},
function (cookie) {
if (cookie) {
resolve(cookie.expirarionDate)
}
else {
reject(0);
}
})
});
}

expiration = checkCookie(details.url,exclusion);
alert(expiration);

このように変更した所、alertに[object Promise]と表示されてしまいました。
改善点はありますでしょうか、よろしくお願いします。

[maisumakun]

> このように変更した所、alertに[object Promise]と表示されてしまいました。

メッセージの通り、Promiseが帰ってきますので、受け取る側でawaitを使う、あるいはthenのコールバックで処理するなどが必要です。

[george0304]

どのようにするか、プログラムを教えていただくことは可能でしょうか？

[maisumakun]

expiration.then(value => alert(value));

[george0304]

function checkCookie(url, name){
return new Promise((resolve, reject) => {
chrome.cookies.get({url: url,name: name},
function (cookie) {
if (cookie) {
resolve(cookie.expirarionDate)
}
else {
reject(0);
}
})
});
}

expiration = checkCookie(details.url,exclusion2);
expiration.then(value => alert(value));

このように変更したところ、undefinedち表示されてしまいました。