Facebook Instant Game JS Cookie Chrome 错误

Question

我们在 JavaScript 和 HTML 上制作了一款游戏。 在 Safari、Firefox 和移动应用程序上一切正常。 问题是在 Chrome 上，游戏页面 Cookies 未设置。

我们通常这样做：

function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

function 在除 Chrome 之外的所有浏览器上都能正常工作。 我们甚至尝试使用一个名为 js-cookie 的库，但它根本不设置值。

我们错过了什么吗？

Answer 1

你怎么称呼你的 function？ 以下 function 可以在 Chrome 中安全地创建 cookie。

 const DAY_IN_MILLIS = 24 * 60 * 60 * 1000; const createCookie = (name, value = '', days = 0) => { const cookie = { [name]: value }; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * DAY_IN_MILLIS)); cookie.expires = date.toUTCString(); } return Object.entries({...cookie, path: '/' }).map(pair => pair.join('=')).join('; '); }; const setCookie = (name, value, days) => { document.cookie = createCookie(name, value, days); }; console.log(createCookie('username', 'John Doe')); console.log(createCookie('username', 'John Doe', 1));

Answer 2

所以问题是域。 Facebook 用途：

.facebook.com

但是 Instant Games 上的应用程序有另一个域，例如：

apps-*.apps.fbsbx.com

未设置 cookie，因为：

https://blog.heroku.com/chrome-changes-samesite-cookie

我只是改变cookie添加：

{ sameSite: "None", secure: true, expires: 7 }

这很好用。