![\"Screenshot](\"https:\/\/lovelinux.mydns.jp\/wp-content\/uploads\/2019\/05\/Screenshot-from-2019-05-13-18-59-59-1024x798.png\")
<\/a><\/p>\n\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u6e96\u5099<\/h3>\n
\u307e\u305a\u306f\u958b\u767a\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
[bash]
\n$ mkdir ~\/workspace
\n$ mkdir ~\/workspace\/graphql-master
\n$ mkdir ~\/workspace\/graphql-master\/server<\/p>\n
$ cd ~\/workspace\/graphql-master\/server<\/p>\n
[\/bash]<\/p>\n
npm\u3092\u4f7f\u3063\u3066\u3001\u5fc5\u8981\u306a\u30d1\u30c3\u30b1\u30fc\u30b8\u7fa4\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/p>\n
[bash]
\n$ npm init -y<\/p>\n
$ npm install –save apollo-datasource apollo-server dotenv graphql nodemon pg sequelize<\/p>\n
$ npm install –save-dev apollo apollo-link apollo-link-http babel-cli babel-plugin-transform-object-rest-spread babel-preset-env jest nock node-fetch<\/p>\n
[\/bash]<\/p>\n
Apollo Server\u3092\u8d77\u52d5\u3055\u305b\u308b\u305f\u3081\u306b<\/h3>\n
\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u4e2d\u5fc3\u3068\u306a\u308b\u30d5\u30a1\u30a4\u30eb index.js\u306bApollo Server\u3092\u8d77\u52d5\u3059\u308b\u305f\u3081\u306e\u3001\u3042\u308c\u3053\u308c\u3092\u8a18\u8ff0\u3057\u3066\u3044\u304d\u307e\u3059\u3002
\n\u4ee5\u4e0b\u3001\u30b3\u30f3\u30bd\u30fc\u30eb\u3067\u3001\u30b3\u30de\u30f3\u30c9\u3092\u8a18\u8ff0\u3057\u3066\u3042\u308b\u306e\u306f\u3001\u57fa\u672c\u3001 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30eb\u30fc\u30c8\/src \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u30d9\u30fc\u30b9\u306b\u8a18\u8f09\u3057\u307e\u3059\u3002<\/p>\n
[bash]
\n$ mkdir src
\n$ cd src
\n$ nano index.js
\n[\/bash]<\/p>\n
index.js (src\/index.js)<\/h4>\n
\u3044\u308d\u3093\u306a\u30d5\u30a1\u30a4\u30eb\u3092\u30a4\u30f3\u30af\u30eb\u30fc\u30c9\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d5\u30a1\u30a4\u30eb\u306fApollo Server\u3067GraphQL\u3092\u52d5\u304b\u3059\u306e\u306b\u3001\u5fc5\u9808\u306a\u30d5\u30a1\u30a4\u30eb\u7fa4\u3067\u3059\u3002\u6700\u521d\u306f\u610f\u5473\u304c\u308f\u304b\u3089\u306a\u304f\u3066\u3082\u3001\u3042\u3041\u3001\u3053\u3093\u306a\u30d5\u30a1\u30a4\u30eb\u304c\u3044\u308b\u3093\u3060\u306a\u3068\u3001\u611f\u899a\u7684\u306b\u899a\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
schema\u3000\u3068\u3044\u3046\u306e\u306f\u3001GraphQL API\u306e\u5b9a\u7fa9\u3092\u66f8\u304f\u5834\u6240\u3067\u3059\u3002
\nresolvers \u3068\u3044\u3046\u306e\u306f\u3001schema \u306b\u8a18\u8ff0\u3057\u305fAPI\u306e\u5b9f\u88c5\u3092\u66f8\u304f\u5834\u6240\u3067\u3059\u3002
\nstore \u3068\u3044\u3046\u306e\u306f mysql\u3084postgresql \u306e\u30c7\u30fc\u30bf\u30b9\u30c8\u30a2\u306e\u5b9a\u7fa9\u3092\u66f8\u304f\u5834\u6240\u3067\u3059\u3002
\ndataSources \u3068\u3044\u3046\u306e\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u5404\u30c6\u30fc\u30d6\u30eb\u306b\u5bfe\u3059\u308b\u30e2\u30c7\u30eb\u3092\u307e\u3068\u3081\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002<\/p>\n
\u6700\u5f8c\u306b server.listen\u3067\u3001nodejs \u30b5\u30fc\u30d0\u30fc\uff08Apollo Server\uff09\u3092\u8d77\u52d5\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
[bash]
\nimport {ApolloServer} from “apollo-server”;<\/p>\n
import typeDefs from “.\/schema”;
\nimport resolvers from “.\/resolvers”;
\nimport { createStore } from “.\/store”;<\/p>\n
const path = require(‘path’);
\nrequire(‘dotenv’).config({ path: path.join(__dirname, ‘..\/.env’) });<\/p>\n
const store = createStore();<\/p>\n
const dataSources = () => ({
\n productAPI: new ProductAPI({store}),
\n});<\/p>\n
const server = new ApolloServer({
\n typeDefs,
\n resolvers,
\n },
\n context: async({req}) => {
\n\treturn {
\n\tSECRET: process.env.SECRET,
\n\t}
\n },
\n dataSources,
\n});<\/p>\n
server.listen().then(({ url }) => {
\n console.log(`GraphQL \u30de\u30b9\u30bf\u30fc\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9 Server ready at ${url}`);
\n});<\/p>\n
[\/bash]<\/p>\n
.env(.env)<\/h4>\n
\u74b0\u5883\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u306b\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3078\u306e\u63a5\u7d9a\u8a2d\u5b9a\u3068\u30b7\u30fc\u30af\u30ec\u30c3\u30c8\u30ad\u30fc\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002
\n[bash]
\n$ nano ..\/.env
\n[\/bash]<\/p>\n
[bash]
\nDATABASE=graphql_dev
\nDATABASE_USER=postgres
\nDATABASE_PASSWORD=mypass<\/p>\n
SECRET=xz5y78fwfwefwekwfhyu.1856547.ffgxmz<\/p>\n
[\/bash]<\/p>\n
\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u304a\u6c7a\u307e\u308a\u306e\u9b54\u6cd5\u306e\u8a00\u8449\u3060\u7a0b\u5ea6\u3067\u899a\u3048\u3066\u304a\u3044\u3066\u3001\u3068\u308a\u3042\u3048\u305a\u3001\u4f5c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
[bash]
\n$ nano ..\/.babelrc
\n[\/bash]<\/p>\n
[bash]
\n{
\n “presets”: [
\n [
\n “env”, {
\n “targets”: {
\n “node”: “current”
\n }
\n }
\n ]
\n ],
\n “plugins”: [“transform-object-rest-spread”]
\n}<\/p>\n
[\/bash]<\/p>\n
schema.js (src\/schema.js)<\/h4>\n
\u3067\u306f GraphQL API\u306e\u5b9a\u7fa9\u3092\u66f8\u3044\u3066\u3044\u304f schema.js\u3067\u3059\u3002<\/p>\n
[bash]
\n$ nano schema.js
\n[\/bash]<\/p>\n
\u3068\u308a\u3042\u3048\u305a\u3001Query \u3068 Mutation\u306f \u9069\u5f53\u306a\u3082\u306e\u3067\u3054\u307e\u304b\u3057\u3066\u304a\u304d\u307e\u3059\u3002\uff08\u3042\u3068\u3067\u4fee\u6b63\u3057\u307e\u3059\uff09<\/p>\n
[bash]
\nimport { gql } from “apollo-server”;<\/p>\n
export default gql`
\n type Query {
\n getProduct(id: Int!): Int!
\n }<\/p>\n
type Mutation{
\n registerProduct(id: Int!): Int!
\n }
\n`;<\/p>\n
[\/bash]<\/p>\n
resolvers.js (src\/resolvers.js)<\/h4>\n
\u3067\u306f GraphQL API\u306e\u5b9f\u88c5\u3092\u66f8\u3044\u3066\u3044\u304f resolvers.js\u3067\u3059\u3002
\n\u3068\u308a\u3042\u3048\u305a\u3001\u7a7a\u3063\u307d\u306e Query \u3068 Mutation\u3092\u5b9a\u7fa9\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n
[bash]
\n$ nano resolver.js
\n[\/bash]<\/p>\n
[bash]
\nimport { ForbiddenError } from ‘apollo-server’;<\/p>\n
export default {
\n Query: {
\n },<\/p>\n
Mutation: {
\n }<\/p>\n
}<\/p>\n
[\/bash]<\/p>\n
store.js (src\/store.js)<\/h4>\n
\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3078\u306e\u63a5\u7d9a\u3068\u3001\u5b9f\u969b\u306b\u4f7f\u3046\u30c6\u30fc\u30d6\u30eb\u306e\u30b9\u30ad\u30fc\u30de\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n
[bash]
\n$ nano store.js
\n[\/bash]<\/p>\n
[bash]
\nimport SQL from “sequelize”;<\/p>\n
export const createStore = () => {<\/p>\n
const db = new SQL(process.env.DATABASE, process.env.DATABASE_USER, process.env.DATABASE_PASSWORD, {
\n dialect: “postgresql”,
\n });<\/p>\n
const products = db.define(‘product’, {
\n id: {
\n type: SQL.INTEGER,
\n primaryKey: true,
\n autoIncrement: true,
\n },
\n product_name: {
\n type: SQL.STRING,
\n allowNull: false,
\n },
\n price: {
\n type: SQL.INTEGER,
\n allowNull: false,
\n },
\n createdAt: {
\n type: SQL.DATE,
\n },
\n updatedAt: {
\n type: SQL.DATE,
\n },<\/p>\n
});<\/p>\n
return { products };
\n}<\/p>\n
[\/bash]<\/p>\n
Apollo Server\u8d77\u52d5<\/h3>\n
package.json\u3092\u4f7f\u3063\u3066 npm start \u3067\u3001Apollo Server(nodejs)\u3092\u52d5\u304b\u305b\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002
\nbabel-node \u3068\u3044\u3046\u306e\u306f ES2015\u5f62\u5f0f\u3067\u66f8\u3044\u305f\u65b0\u3057\u3044\u5f62\u5f0f\u306e\u30bd\u30fc\u30b9\u3092\u3001\u53e4\u3044\u5f62\u5f0f\u306b\u5909\u63db\u3059\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002<\/p>\n
[bash]
\n$ nano ..\/package.json
\n[\/absh]<\/p>\n
[bash]
\n “scripts”: {
\n “start”: “nodemon –exec babel-node src\/index.js”,
\n “build-prod”: “babel src -d dist”,
\n “build”: “babel src -d build\/ –source-maps”,
\n “serve”: “node dist\/index.js”,
\n “test”: “echo \\”Error: no test specified\\” && exit 1″
\n },<\/p>\n
[\/bash]<\/p>\n
\u3067\u306f\u3001Apollo Server\u3092\u8d77\u52d5\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
[bash]
\n$ npm start
\n[\/bash]<\/p>\n
\u3053\u3093\u306a\u611f\u3058\u306b\u8868\u793a\u3055\u308c\u305f\u3089\u3001\u3068\u308a\u3042\u3048\u305a\u3001Apollo Server\u304c\u52d5\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n
![\"Screenshot](\"https:\/\/lovelinux.mydns.jp\/wp-content\/uploads\/2019\/05\/Screenshot-from-2019-05-12-20-58-10.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\u306f\u3058\u3081\u306b GraphQL\u4f7f\u3063\u3066\u307f\u305f\u3044\u306a\u3041\u3002\u8abf\u3079\u305f\u3068\u3053\u308d\u3001GraphQL\u3092\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u5b9f\u88c5\u3057\u3066\u3044\u308b\u306e\u306fRuby\u3068nodejs\u3002\u691c\u7d22\u7d50\u679c\u306e\u91cf\u3067\u6bd4\u3079\u308b\u3068nodejs\u306e\u65b9\u304c\u591a\u3044\u3002\u3068\u304f\u306bApollo \u3092\u4f7f\u3063\u305f\u8a18\u4e8b\u304c\u591a\u3044\u3002 \u3068\u3044\u3046\u3053\u3068\u3067\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306fApollo\u3067GraphQL\u3092\u5b9f\u88c5\u3057\u3001\u30d5\u30ed\u30f3\u30c8\u3082Apollo Client\u3067\u3001\u3068\u884c\u304d\u305f\u3044\u3068\u3053\u308d\u306a\u306e\u3067\u3059\u304c\u3001\u79c1\u304c\u8abf\u3079\u3066\u5b9f\u969b\u4f7f\u3063\u3066\u307f\u305f\u3068\u3053\u308d\u3001Apollo Client\uff0bReact\u306f\u8272\u3005\u5236\u7d04\u304c\u3042\u3063\u3066\u4f7f\u3044\u3065\u3089\u3044\u3002\u3082\u3046\u5c11\u3057\u7a81\u3063\u8fbc\u3093\u3067\u8abf\u3079\u305f\u3068\u3053\u308d\u3001GraphQL\u30b5\u30fc\u30d0\u30fc\u306b Query\u3068Mutaion\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3048\u308b\u3001graphql-request\u3068\u3044\u3046 npm\u30d1\u30c3\u30b1\u30fc\u30b8\u304c\u3042\u308b\u306e\u3092\u898b\u3064\u3051\u305f\u3002\u3053\u308c\u3092\u5b9f\u969b\u4f7f\u3063\u3066\u307f\u308b\u3068\u3001\u7d50\u69cb\u306a\u30ec\u30d9\u30eb\u3067\u601d\u3044\u901a\u308a\u306b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u7d44\u307f\u5408\u308f\u305b\u3067GraphQL\u306e\u7df4\u7fd2\u3068\u3057\u3066\u3001\u5546\u54c1\u30de\u30b9\u30bf\u30fc\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3092\u7d44\u3093\u3067\u307f\u305f\u3044\u3068\u601d\u3046\u3002 \u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9 Apollo Server + GraphQL + nodejs + sequelize \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9 React + Redux + graphql-request REST\u3068\u4f55\u304b\u3068\u6bd4\u8f03\u3055\u308c\u3001REST\u306e\u6b21\u4e16\u4ee3\u306eGraphQL\u3060\u3068\u8a00\u308f\u308c\u307e\u3059\u304c\u3001\u5b9f\u969b\u306b\u305d\u306e\u6b63\u4f53\u3092\u7a81\u304d\u6b62\u3081\u3089\u308c\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u521d\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3057\u3066\u308b\u3068\u304d\u306f\u3001\u3061\u3093\u3077\u3093\u304b\u3093\u3077\u3093\u3067\u3057\u305f\u304c\u3001\u308f\u304b\u308a\u3060\u3059\u3068\u3059\u308b\u3059\u308b\u3068\u7406\u89e3\u304c\u9032\u307f\u307e\u3059\u3057\u3001GraphQL\u306e\u826f\u3055\u3082\u4f53\u611f\u3067\u304d\u307e\u3059\u3002 \u304b\u306a\u308a\u9577\u3044\u3067\u3059\u304c\u3001\u6211\u6162\u3057\u3066\u304a\u4ed8\u304d\u5408\u3044\u304f\u3060\u3055\u3044\u3002 \u7d50\u69cb\u306a\u30dc\u30ea\u30e5\u30fc\u30e0\u306a\u306e\u3067\u30014\u56de\u304b5\u56de\u306b\u5206\u3051\u3066\u306e\u9023\u8f09\u306b\u306a\u308a\u307e\u3059\u3002 \u30fb\u7b2c\uff11\u56de Apollo Server\u304c\u52d5\u304f\u3068\u3053\u308d\u307e\u3067(\u3053\u306e\u8a18\u4e8b) \u30fb\u7b2c\uff12\u56de Apollo Server\u914d\u4e0b\u3067\u3001GraphQL\u3092\u4f7f\u3063\u3066\u5546\u54c1\u30de\u30b9\u30bf\u30fc\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b \u30fb\u7b2c\uff13\u56de \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3092React\uff0bRedux\uff0bgraphql-request\u3092\u4f7f\u3063\u3066\u5b9f\u88c5\u3059\u308b \u30fb\u7b2c\uff14\u56de \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u304b\u3089graphql-request\u3092\u4f7f\u3063\u3066\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u30fb\u8868\u793a\u3059\u308b \u30fb\u7b2c\uff15\u56de graphql-request\u3092\u4f7f\u3063\u3066\u3001\u30c7\u30fc\u30bf\u3092\u767b\u9332\u30fb\u4fee\u6b63\u30fb\u524a\u9664\u3059\u308b \u307e\u305a\u3001\u7b2c\u4e00\u56de\u306f\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308a\u3001\u5fc5\u8981\u306anpm \u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u5c0e\u5165\u3057\u3001 npm start\u3067 Apollo Server\u304c\u52d5\u304f\u3068\u3053\u308d\u307e\u3067\u3002 \u30d5\u30a1\u30a4\u30eb\u306e\u69cb\u6210\u304c\u308f\u304b\u308a\u306b\u304f\u3044\u3068\u601d\u3046\u306e\u3067\u3001\u5b8c\u6210\u5f62\u306e\u30d5\u30a9\u30eb\u30c0\u69cb\u6210\u3092\u793a\u3057\u3066\u304a\u304d\u307e\u3059\u3002 \u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u6e96\u5099 \u307e\u305a\u306f\u958b\u767a\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 [bash] $ mkdir ~\/workspace $ mkdir ~\/workspace\/graphql-master $ mkdir ~\/workspace\/graphql-master\/server $ cd ~\/workspace\/graphql-master\/server [\/bash] npm\u3092\u4f7f\u3063\u3066\u3001\u5fc5\u8981\u306a\u30d1\u30c3\u30b1\u30fc\u30b8\u7fa4\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb [bash] $ npm init -y $ npm install –save apollo-datasource apollo-server dotenv graphql nodemon pg sequelize $ npm install –save-dev apollo apollo-link apollo-link-http babel-cli babel-plugin-transform-object-rest-spread babel-preset-env jest nock node-fetch [\/bash] Apollo Server\u3092\u8d77\u52d5\u3055\u305b\u308b\u305f\u3081\u306b \u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u4e2d\u5fc3\u3068\u306a\u308b\u30d5\u30a1\u30a4\u30eb index.js\u306bApollo Server\u3092\u8d77\u52d5\u3059\u308b\u305f\u3081\u306e\u3001\u3042\u308c\u3053\u308c\u3092\u8a18\u8ff0\u3057\u3066\u3044\u304d\u307e\u3059\u3002 \u4ee5\u4e0b\u3001\u30b3\u30f3\u30bd\u30fc\u30eb\u3067\u3001\u30b3\u30de\u30f3\u30c9\u3092\u8a18\u8ff0\u3057\u3066\u3042\u308b\u306e\u306f\u3001\u57fa\u672c\u3001 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30eb\u30fc\u30c8\/src \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u30d9\u30fc\u30b9\u306b\u8a18\u8f09\u3057\u307e\u3059\u3002 [bash] $ mkdir src $ cd src $ nano index.js [\/bash] index.js (src\/index.js) \u3044\u308d\u3093\u306a\u30d5\u30a1\u30a4\u30eb\u3092\u30a4\u30f3\u30af\u30eb\u30fc\u30c9\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d5\u30a1\u30a4\u30eb\u306fApollo Server\u3067GraphQL\u3092\u52d5\u304b\u3059\u306e\u306b\u3001\u5fc5\u9808\u306a\u30d5\u30a1\u30a4\u30eb\u7fa4\u3067\u3059\u3002\u6700\u521d\u306f\u610f\u5473\u304c\u308f\u304b\u3089\u306a\u304f\u3066\u3082\u3001\u3042\u3041\u3001\u3053\u3093\u306a\u30d5\u30a1\u30a4\u30eb\u304c\u3044\u308b\u3093\u3060\u306a\u3068\u3001\u611f\u899a\u7684\u306b\u899a\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002 schema\u3000\u3068\u3044\u3046\u306e\u306f\u3001GraphQL API\u306e\u5b9a\u7fa9\u3092\u66f8\u304f\u5834\u6240\u3067\u3059\u3002 resolvers \u3068\u3044\u3046\u306e\u306f\u3001schema \u306b\u8a18\u8ff0\u3057\u305fAPI\u306e\u5b9f\u88c5\u3092\u66f8\u304f\u5834\u6240\u3067\u3059\u3002 store \u3068\u3044\u3046\u306e\u306f mysql\u3084postgresql \u306e\u30c7\u30fc\u30bf\u30b9\u30c8\u30a2\u306e\u5b9a\u7fa9\u3092\u66f8\u304f\u5834\u6240\u3067\u3059\u3002 dataSources \u3068\u3044\u3046\u306e\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u5404\u30c6\u30fc\u30d6\u30eb\u306b\u5bfe\u3059\u308b\u30e2\u30c7\u30eb\u3092\u307e\u3068\u3081\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002 \u6700\u5f8c\u306b server.listen\u3067\u3001nodejs \u30b5\u30fc\u30d0\u30fc\uff08Apollo Server\uff09\u3092\u8d77\u52d5\u3057\u3066\u3044\u307e\u3059\u3002 [bash] import {ApolloServer} from “apollo-server”; import typeDefs from “.\/schema”; import resolvers from “.\/resolvers”; import { createStore } from “.\/store”; const path = require(‘path’); require(‘dotenv’).config({ path: path.join(__dirname, ‘..\/.env’) }); const store = createStore(); const dataSources = () => ({ productAPI: new ProductAPI({store}), }); const server = new ApolloServer({ typeDefs, resolvers, }, context: async({req}) => { return { SECRET: process.env.SECRET, } }, dataSources, }); server.listen().then(({ url }) => { console.log(`GraphQL \u30de\u30b9\u30bf\u30fc\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9 Server ready at ${url}`); }); [\/bash] .env(.env) \u74b0\u5883\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u306b\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3078\u306e\u63a5\u7d9a\u8a2d\u5b9a\u3068\u30b7\u30fc\u30af\u30ec\u30c3\u30c8\u30ad\u30fc\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 [bash] $ nano ..\/.env [\/bash] [bash] DATABASE=graphql_dev DATABASE_USER=postgres DATABASE_PASSWORD=mypass SECRET=xz5y78fwfwefwekwfhyu.1856547.ffgxmz [\/bash] \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u304a\u6c7a\u307e\u308a\u306e\u9b54\u6cd5\u306e\u8a00\u8449\u3060\u7a0b\u5ea6\u3067\u899a\u3048\u3066\u304a\u3044\u3066\u3001\u3068\u308a\u3042\u3048\u305a\u3001\u4f5c\u3063\u3066\u304f\u3060\u3055\u3044\u3002 [bash] $ nano ..\/.babelrc [\/bash] [bash] { “presets”: [ [ “env”, { “targets”: { “node”: “current” } } ] ], “plugins”: [“transform-object-rest-spread”] } [\/bash] schema.js (src\/schema.js) \u3067\u306f GraphQL API\u306e\u5b9a\u7fa9\u3092\u66f8\u3044\u3066\u3044\u304f schema.js\u3067\u3059\u3002 [bash] $ nano schema.js [\/bash] \u3068\u308a\u3042\u3048\u305a\u3001Query \u3068 Mutation\u306f \u9069\u5f53\u306a\u3082\u306e\u3067\u3054\u307e\u304b\u3057\u3066\u304a\u304d\u307e\u3059\u3002\uff08\u3042\u3068\u3067\u4fee\u6b63\u3057\u307e\u3059\uff09 [bash] import { gql } from “apollo-server”; export default gql` type Query { getProduct(id: Int!): Int! } type Mutation{ registerProduct(id: Int!): Int! } `; [\/bash] resolvers.js (src\/resolvers.js) \u3067\u306f GraphQL API\u306e\u5b9f\u88c5\u3092\u66f8\u3044\u3066\u3044\u304f resolvers.js\u3067\u3059\u3002 \u3068\u308a\u3042\u3048\u305a\u3001\u7a7a\u3063\u307d\u306e Query \u3068 Mutation\u3092\u5b9a\u7fa9\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002 [bash] $ nano resolver.js [\/bash] [bash] import…<\/p>\n","protected":false},"author":1,"featured_media":1914,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[77],"tags":[102,101,86],"class_list":{"0":"post-1867","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-react","8":"tag-apollo","9":"tag-graphql","10":"tag-react"},"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t