WebSocket握手期间出错:意外的响应代码:200-Next.js,Gun.js,ZEIT Now

时间:2019-09-13 16:24:20

标签: next.js gun zeit-now

我已经通过ZEIT Now deployed开发了Gun.js + Next.js应用程序(源here),并且从Chrome和Safari中收到以下错误消息:

WebSocket connection to 'wss://maptivist.randymorantes.now.sh/' failed: Error during WebSocket handshake: Unexpected response code: 200

从Firefox我得到:

Firefox can’t establish a connection to the server at wss://maptivist.randymorantes.now.sh/.

此外,我的Gun同行似乎没有互相交流,可能是由于此错误。我认为这大概是a problem with my server configuration,但我不知道如何将各种解决方案应用于我的案例(example)。相关的代码似乎是:

// in next.config.js

const nextConfig = {
  target: 'serverless',
  webpack: customWebpackConfig,
  workboxOpts: {
    swDest: 'static/service-worker.js',
    runtimeCaching: [
      {
        urlPattern: /^https?.*/,
        handler: 'NetworkFirst',
        options: {
          cacheName: 'https-calls',
          networkTimeoutSeconds: 15,
          expiration: {
            maxEntries: 150,
            maxAgeSeconds: 30 * 24 * 60 * 60, // 1 month
          },
          cacheableResponse: {
            statuses: [0, 200],
          }
        }
      }
    ]
  }
}

问题也可能是我如何使用Gun(浓缩):

import Gun from 'gun/gun'
import 'gun/sea'

const gun = Gun('https://maptivist.randymorantes.now.sh')
const user = gun.user()

user.create(valueAlias, valuePassword, response => {
  if (!response.err) {
    gun.get('users').set(user)
  }
})

// Only one user is found, the current user, despite there being
// two different users signed in on different devices.
gun.get('users').map(user => {
  console.log('user: ', user)
})

我的理解是,创建用户后,我的两个对等方应该通过位于我URL的第三个对等方自动同步这些更改。但是,Gun + Next example使用一个URL(const gun = Gun('https://gunjs.herokuapp.com/gun')),而Gun todos example使用两个URL(var gun = Gun(['http://localhost:8765/gun', 'https://gunjs.herokuapp.com/gun']))。因此,对于我的用例,我不清楚是否还需要传递对应于本地计算机的URL。

我尝试过的URL组合(在重新部署和刷新之后)(还不清楚是否需要在URL后面加上“ / gun”或约定):

const gun = Gun('https://maptivist.randymorantes.now.sh')
const gun = Gun('https://maptivist.randymorantes.now.sh/gun')
const gun = Gun(['http://localhost:3000/', 'https://maptivist.randymorantes.now.sh'])
const gun = Gun(['http://localhost:3000/', 'https://maptivist.randymorantes.now.sh/gun'])
const gun = Gun(['http://localhost:3000/gun', 'https://maptivist.randymorantes.now.sh/gun'])

我很困惑。请帮忙! :-)

1 个答案:

答案 0 :(得分:0)

@ randy-morantes ZEIT是否支持websocket?如果是这样,这应该可行。

我想您还是需要/gun

GUN是​​否还在ZEIT服务器上运行?它看起来不像它。您可以粘贴使用GUN的服务器ZEIT代码吗?

浏览器不需要localhost即可在本地运行GUN,它将直接在浏览器中运行GUN。但是,开发人员/用户也可以在NodeJS中本地运行GUN(与浏览器分开),这是localhost所引用的,除非他们在本地运行的GUN NodeJS对等活动(这是不可能的),否则它们将不起作用。 / p>

您可能会在友好的https://gitter.im/amark/gun社区聊天中获得更多即时帮助,但是请记住回到这里,并根据您所学的知识更新您的帖子和答案,以便其他人也可以从中受益。 :)