javascript - Pusher 仅在刷新页面后才工作

Question

我正在使用 nextjs 在 Web 应用程序中实现推送器。它在我的开发环境中按预期工作。但当我将其部署到 vercel 时，它无法正常工作。我只有在浏览器中刷新页面时才能看到结果。

这是客户端的实现:

useEffect(() => {

    const pusher = new Pusher(`${process.env.PUSHER_KEY}`, {
        cluster: `${process.env.PUSHER_CLUSTER}`,
        useTLS: true
    });

    const channel = pusher.subscribe('franks-auto-spa');
    channel.bind('cancel-wash', data => {
        console.log(data.date);
        removeWash(data.date);
    });

}, []);

这是 API 的实现:

export default async (req, res) => {

    const connection = await mysql.createConnection(process.env.DATABASE_URL);
    console.log(req.body.date);
    const result = await connection.query('DELETE FROM ongoing WHERE date = ?', [req.body.date]);
    console.log(result);

    const pusher = new Pusher({
        appId: `${process.env.PUSHER_ID}`,
        key: `${process.env.PUSHER_KEY}`,
        secret: `${process.env.PUSHER_SECRET}`,
        cluster: `${process.env.PUSHER_CLUSTER}`,
        useTLS: true
    });

    pusher.trigger('franks-auto-spa', 'cancel-wash', req.body);
    res.json({message: 'Wash deleted deleted...'});
}

我是否缺少 Vercel 中的任何配置？

Answer 1

我也遇到过这个问题，一两次； Vercel 过了一会儿就超时了。 (Hobby 上 10 秒)因此，使用 Vercel 数据库可能行不通。您是否尝试过切换到 Pro 计划？或者您可以切换到 Heroku ，不仅有更长的超时时间(30秒)，而且supports websockets .