如何更改 Apollo GraphQL 預設 Port ? | 點燈坊

Apollo GraphQL 預設的 Port 為 4000，這也是很多 Server 所使用的 Port，我們該如何改變其預設 Port 呢 ?

Version

macOS Catalina 10.15
WebStorm 2019.2.3
Node 10.16.3
Apollo GraphQL 2.9.6

Apollo GraphQL

src/index.js

import { ApolloServer, gql, PubSub } from 'apollo-server'

let typeDefs = gql`
  type Query {
    helloWorld: String
  }
`

let helloWorld = () => 'Hello World'

let resolvers = {
  Query: {
    helloWorld
  },
}

let apolloServer = new ApolloServer({ typeDefs, resolvers });

apolloServer.listen({ port: 3000 })
  .then(({ url }) => `GraphQL Server ready at ${ url }`)
  .then(console.log)

19 行

apolloServer.listen({ port: 3000 })
  .then(({ url }) => `GraphQL Server ready at ${ url }`)
  .then(console.log)

在 apolloServer.listen() 傳入 option object，自行指定 port property 即可。

GraphQL Playground

從預設的 4000 改成 3000 了。

Conclusion

• 只要在 listen() 時傳入指定 port 的 object 即可改變 Apollo GraphQL 的預設 port

Reference

Apollo Docs, Stand-alone