Как развернуть Next.js с бэкэндом GraphQL на Zeit Now?

Question

У меня есть приложение Next.js/Express/Apollo GraphQL, работающее на локальном хосте.

Я пытаюсь развернуть его на Zeit Now, и часть Next.js работает нормально, но серверная часть GraphQL терпит неудачу, потому что /graphql маршрут возвращается:

502: An error occurred with your deployment
Code: NO_STATUS_CODE_FROM_LAMBDA

мой now.json похоже:

{
  "version": 2,
  "builds": [
    { "src": "next.config.js", "use": "@now/next" },
    { "src": "server/server.js", "use": "@now/node" }
  ],
  "routes": [
    { "src": "/api/(.*)", "dest": "server/server.js" },
    { "src": "/graphql", "dest": "server/server.js" }
  ]
}

Предложения?

Answer 1

Вот полный пример Next.js/Apollo GraphQL, работающего как на Zeit Now (как бессерверная функция / лямбда), так и на Heroku (с сервером Express):

https://github.com/tomsoderlund/nextjs-pwa-graphql-sql-boilerplate

Answer 2

Я получал эту ошибку, пока не нашел решение на слабом канале Уэса Боса.

Следующее сработало для меня, но, возможно, вы могли получить эту ошибку по другой причине.

Я не уверен, почему это работает.

Вы можете увидеть это работает здесь

1. cd backend
2. Бежать npm install graphql-import
3. Обновление скриптов в package.json:

"deploy": "prisma deploy --env-file variables.env&& npm run writeSchema",
"writeSchema": "node src/writeSchema.js"

Примечание: для пользователей не Windows, убедитесь, что место перед &&

4. Создайте src/writeSchema.js:

const fs = require('fs');
const { importSchema } = require('graphql-import');
const text = importSchema("src/generated/prisma.graphql");
fs.writeFileSync("src/schema_prep.graphql", text)

5. Обновить src/db.js:

const db = new Prisma({
typeDefs: __dirname + "/schema_prep.graphql",
...
});

6. Обновить src/createServer.js:

return new GraphQLServer({
typeDefs: __dirname + '/schema.graphql',
...
});

7. Обновить src/schema.graphql:

# import * from './schema_prep.graphql'

8. Создайте now.json

{
    "version": 2,
    "name": "Project Name",
    "builds": [
        { "src": "src/index.js", "use": "@now/node-server" }
    ],
    "routes": [
        { "src": "/.*", "dest": "src/index.js" }
    ],
    "env": {
        "SOME_VARIABLE": "xxx",
        ...
    }
}

9. Бежать npm run deploy изначально создать schema_prep.graphql,
10. Бежать now

---

Другой ответ сказал это:

Вы не должны смешивать импорт graphql и импорт js/ts. Синтаксис в файле graphql будет интерпретироваться graphql-import и будет игнорироваться ncc (компилятором, который читает содержимое __dirname и перемещает файл в правильный каталог и т. Д.). В моем примере schema_prep.graphql уже предварительно обработан с помощью импорт из сгенерированного файла graphql.

Надеюсь, это поможет.