{"id":37464,"date":"2023-11-14T06:44:09","date_gmt":"2023-11-14T06:44:09","guid":{"rendered":"https:\/\/www.railscarma.com\/?p=37464"},"modified":"2023-11-14T07:51:28","modified_gmt":"2023-11-14T07:51:28","slug":"rails%e3%81%a7graphql-api%e3%82%92%e6%a7%8b%e7%af%89%e3%81%99%e3%82%8b-%e3%82%af%e3%82%a4%e3%83%83%e3%82%af%e3%83%bb%e3%82%bb%e3%83%83%e3%83%88%e3%82%a2%e3%83%83%e3%83%97%e3%83%bb%e3%82%ac%e3%82%a4","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/rails%e3%81%a7graphql-api%e3%82%92%e6%a7%8b%e7%af%89%e3%81%99%e3%82%8b-%e3%82%af%e3%82%a4%e3%83%83%e3%82%af%e3%83%bb%e3%82%bb%e3%83%83%e3%83%88%e3%82%a2%e3%83%83%e3%83%97%e3%83%bb%e3%82%ac%e3%82%a4\/","title":{"rendered":"Rails \u3067\u306e GraphQL API \u306e\u69cb\u7bc9: \u30af\u30a4\u30c3\u30af \u30bb\u30c3\u30c8\u30a2\u30c3\u30d7 \u30ac\u30a4\u30c9"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

API\u7528\u306e\u30e2\u30c0\u30f3\u306a\u30af\u30a8\u30ea\u8a00\u8a9e\u3067\u3042\u308bGraphQL\u3068Ruby on Rails\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u3001\u52b9\u7387\u7684\u306aAPI\u958b\u767a\u306e\u305f\u3081\u306e\u5f37\u529b\u306a\u7d44\u307f\u5408\u308f\u305b\u3067\u3059\u3002\u3053\u306e\u30af\u30a4\u30c3\u30af\u30ac\u30a4\u30c9\u3067\u306f\u3001Ruby on Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067GraphQL API\u3092\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3059\u308b\u305f\u3081\u306e\u91cd\u8981\u306a\u30b9\u30c6\u30c3\u30d7\u3092\u8aac\u660e\u3057\u3001\u52b9\u7387\u7684\u3067\u67d4\u8edf\u306aWeb\u958b\u767a\u306e\u305f\u3081\u306e\u5f37\u56fa\u306a\u57fa\u76e4\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n

\u30b9\u30c6\u30c3\u30d71: \u65b0\u3057\u3044Rails\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/span><\/h3>\n

\u30d0\u30c3\u30b7\u30e5<\/span><\/p>\n

rails new graphql_example<\/span>
<\/p>\n
cd graphql_example<\/span><\/p><\/pre>\n
\u30b9\u30c6\u30c3\u30d72\uff1a\u5fc5\u8981\u306agem\u3092Gemfile\u306b\u8ffd\u52a0\u3059\u308b<\/span><\/h3>\n
\u4ee5\u4e0b\u306e\u5b9d\u77f3\u3092 <\/span>\u30b8\u30a7\u30e0\u30d5\u30a1\u30a4\u30eb<\/span>:<\/span><\/p>\n
\u30eb\u30d3\u30fc<\/span><\/p>\n
gem 'graphql'<\/span>
<\/p>\n
gem 'graphiql-rails', group: :development<\/span><\/p><\/pre>\n
\u8d70\u308b <\/span>\u30d0\u30f3\u30c9\u30eb\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u65b0\u3057\u3044\u30b8\u30a7\u30e0\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3002<\/span><\/p>\n
\u30b9\u30c6\u30c3\u30d73\uff1aGraphQL\u30b9\u30ad\u30fc\u30de\u306e\u4f5c\u6210<\/span><\/h3>\n
\u3068\u3044\u3046\u540d\u524d\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u3002 <\/span>app\/graphql\/types\/query_type.rb<\/span>:<\/span><\/p>\n
\u30eb\u30d3\u30fc<\/span><\/p>\n
# app\/graphql\/types\/query_type.rb<\/span>
<\/p>\n
Types::QueryType = GraphQL::ObjectType.define do<\/span><\/p>\n
 name '\u30af\u30a8\u30ea\u30fc'<\/span><\/p>\n
 \u8aac\u660e '\u30eb\u30fc\u30c8\u30af\u30a8\u30ea\u30bf\u30a4\u30d7'<\/span><\/p>\n
 \u30d5\u30a3\u30fc\u30eb\u30c9 :hello do<\/span><\/p>\n
 \u30bf\u30a4\u30d7 type.String<\/span><\/p>\n
 \u8aac\u660e '\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u4f8b'<\/span><\/p>\n
 resolve ->(_obj, _args, _ctx) { 'Hello, GraphQL!}<\/span><\/p>\n
 \u7d42\u308f\u308a<\/span><\/p>\n
\u7d42\u308f\u308a<\/span><\/p><\/pre>\n
\u30b9\u30c6\u30c3\u30d74\uff1aGraphQL\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u4f5c\u6210<\/span><\/h3>\n
GraphQL\u30af\u30a8\u30ea\u3092\u51e6\u7406\u3059\u308b\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3092\u751f\u6210\u3059\u308b\uff1a<\/span><\/p>\n
\u30d0\u30c3\u30b7\u30e5<\/span><\/p>\n
rails generate controller graphql execute<\/span><\/pre>\n
\u306e\u5185\u5bb9\u3092\u7f6e\u304d\u63db\u3048\u308b\u3002 <\/span>app\/controllers\/graphql_controller.rb<\/span> \u4ee5\u4e0b\u306e\u3088\u3046\u306b\uff1a<\/span><\/p>\n
\u30eb\u30d3\u30fc<\/span><\/p>\n
# app\/controllers\/graphql_controller.rb<\/span>
<\/p>\n
class GraphqlController < ApplicationController<\/span><\/p>\n
 def execute<\/span><\/p>\n
 \u5909\u6570 = ensure_hash(params[:\u5909\u6570])<\/span><\/p>\n
 \u30af\u30a8\u30ea\u30fc = params[:query]<\/span><\/p>\n
 \u64cd\u4f5c\u540d = params[:operationName]<\/span><\/p>\n
 \u30b3\u30f3\u30c6\u30ad\u30b9\u30c8 = {<\/span><\/p>\n
 # current_user\u3084session\u306a\u3069\u3001\u5fc5\u8981\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u5024\u3092\u3053\u3053\u306b\u8ffd\u52a0\u3059\u308b\u3002<\/span><\/p>\n
 }<\/span><\/p>\n
 result = Schema.execute(query, variables: variables, context: context, operation_name: operation_name)<\/span><\/p>\n
 json \u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b: \u7d50\u679c<\/span><\/p>\n
 \u7d42\u308f\u308a<\/span><\/p>\n
 \u30d7\u30e9\u30a4\u30d9\u30fc\u30c8<\/span><\/p>\n
 def ensure_hash(\u5909\u6570)<\/span><\/p>\n
 \u30b1\u30fc\u30b9\u5909\u6570<\/span><\/p>\n
 \u6587\u5b57\u5217<\/span><\/p>\n
 JSON.parse(\u5909\u6570) || {}.<\/span><\/p>\n
 \u30cf\u30c3\u30b7\u30e5<\/span><\/p>\n
 \u5909\u6570<\/span><\/p>\n
 nil\u306e\u3068\u304d<\/span><\/p>\n
 {}<\/span><\/p>\n
 \u305d\u308c\u4ee5\u5916<\/span><\/p>\n
 raise ArgumentError, \"\u7121\u52b9\u306a\u5909\u6570\uff1a#{\u5909\u6570}\"<\/span><\/p>\n
 \u7d42\u308f\u308a<\/span><\/p>\n
 \u7d42\u308f\u308a<\/span><\/p>\n
\u7d42\u308f\u308a<\/span><\/p><\/pre>\n
\u30b9\u30c6\u30c3\u30d75\uff1aGraphQL\u30b9\u30ad\u30fc\u30de\u3092\u4f5c\u6210\u3059\u308b<\/span><\/h3>\n
\u3068\u3044\u3046\u540d\u524d\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u3002 <\/span>app\/graphql\/schema.rb<\/span>:<\/span><\/p>\n
\u30eb\u30d3\u30fc<\/span><\/p>\n
# app\/graphql\/schema.rb<\/span>
<\/p>\n
\u30b9\u30ad\u30fc\u30de = GraphQL::Schema.define do<\/span><\/p>\n
 \u30af\u30a8\u30ea(Types::QueryType)<\/span><\/p>\n
 # \u5fc5\u8981\u306b\u5fdc\u3058\u3066\u5909\u7570\u578b\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/span><\/p>\n
\u7d42\u308f\u308a<\/span><\/p><\/pre>\n
\u30b9\u30c6\u30c3\u30d76\uff1a\u30eb\u30fc\u30c8\u3092\u8a2d\u5b9a\u3059\u308b<\/span><\/h3>\n
\u66f4\u65b0 <\/span>config\/routes.rb<\/span> \u306bGraphQL\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u542b\u3081\u308b\uff1a<\/span><\/p>\n
\u30eb\u30d3\u30fc<\/span><\/p>\n
# config\/routes.rb<\/span>
<\/p>\n
Rails.application.routes.draw \u306f\u5b9f\u884c\u3057\u307e\u3059<\/span><\/p>\n
 post '\/graphql', to\uff1a'graphql#execute'\u3002<\/span><\/p>\n
 if Rails.env.development?<\/span><\/p>\n
 mount GraphiQL::Rails::Engine, at\uff1a'\/graphiql'\u3001graphql_path: '\/graphql'<\/span><\/p>\n
 \u7d42\u308f\u308a<\/span><\/p>\n
\u7d42\u308f\u308a<\/span><\/p><\/pre>\n
\u30b9\u30c6\u30c3\u30d77: Rails\u30b5\u30fc\u30d0\u30fc\u306e\u5b9f\u884c<\/span><\/h3>\n
\u30d0\u30c3\u30b7\u30e5<\/span><\/p>\n
\u30ec\u30fc\u30eb<\/span><\/pre>\n
\u8a2a\u554f <\/span>http:\/\/localhost:3000\/graphiql<\/span> \u3092\u30d6\u30e9\u30a6\u30b6\u306b\u8ffd\u52a0\u3057\u3066\u3001GraphQL\u3092\u63a2\u7d22\u3059\u308b\u305f\u3081\u306e\u30d6\u30e9\u30a6\u30b6\u5185IDE\u3067\u3042\u308bGraphiQL\u3092\u4f7f\u7528\u3059\u308b\u3002<\/span><\/p>\n
GraphiQL\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3067\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30af\u30a8\u30ea\u3092\u5165\u529b\u3067\u304d\u308b\uff1a<\/span><\/p>\n
\u30b0\u30e9\u30d5\u30a8\u30eb<\/span><\/p>\n
{<\/span>
<\/p>\n
 \u3053\u3093\u306b\u3061\u308f<\/span><\/p>\n
}<\/span><\/p><\/pre>\n
\u305d\u3057\u3066\u8fd4\u4e8b\u304c\u6765\u308b\u306f\u305a\u3060\uff1a<\/span><\/p>\n
json<\/span><\/p>\n
{<\/span>
<\/p>\n
 \"data\"\uff1a{<\/span><\/p>\n
 \"hello\"\uff1a\"\u3053\u3093\u306b\u3061\u306f\u3001GraphQL!\"<\/span><\/p>\n
 }<\/span><\/p>\n
}<\/span><\/p><\/pre>\n
\u3053\u308c\u306f\u5358\u7d14\u306a\u4f8b\u3060\u304c\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u3001\u3088\u308a\u591a\u304f\u306e\u578b\u3084\u5909\u7570\u3067GraphQL\u30b9\u30ad\u30fc\u30de\u3092\u62e1\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/span><\/p>\n
\u7d50\u8ad6<\/strong><\/h2>\n
\u3053\u306e\u30af\u30a4\u30c3\u30af\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u30ac\u30a4\u30c9\u306b\u5f93\u3046\u3053\u3068\u3067\u3001GraphQL\u3092Ruby on Rails\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002GraphQL \u306e\u30d1\u30ef\u30fc\u3092\u5229\u7528\u3057\u3066\u3001\u512a\u308c\u305f\u958b\u767a\u8005\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u306a\u304c\u3089\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u56fa\u6709\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3048\u308b API \u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002Ruby on Rails \u3067\u306e GraphQL \u306e\u30b7\u30f3\u30d7\u30eb\u3055\u3068\u67d4\u8edf\u6027\u3092\u5229\u7528\u3057\u3066\u3001API \u958b\u767a\u306e\u30b2\u30fc\u30e0\u3092\u5411\u4e0a\u3055\u305b\u307e\u3057\u3087\u3046\u3002\u3042\u306a\u305f\u306e\u4f1a\u793e\u306e\u30c7\u30b8\u30bf\u30eb\u30d7\u30ec\u30bc\u30f3\u30b9\u3092\u9ad8\u3081\u308b \u4e00\u6d41\u306eRuby on Rails\u958b\u767a\u8005<\/a> \u304b\u3089 \u30ec\u30fc\u30eb\u30ab\u30fc\u30de<\/a>.\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u304c\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3068\u9769\u65b0\u7684\u306a\u6280\u8853\u3092\u99c6\u4f7f\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u5b9f\u884c\u3055\u308c\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u696d\u754c\u6a19\u6e96\u3092\u4e0a\u56de\u308b\u3053\u3068\u3092\u304a\u7d04\u675f\u3057\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t  
\r\n        
\u95a2\u9023\u8a18\u4e8b<\/div>\r\n    
\r\n\r\n            
\r\n            
\r\n    \r\n\r\n      \"\u30aa\u30d5\u30ea\u30d0\u30c6\u30a3\u30fb\u30eb\u30d3\u30fc\u30fb\u30b8\u30a7\u30e0\"\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  \r\n        Offliberty Ruby Gem\u3068\u306f\uff1f  <\/a>\r\n\r\n        <\/div>\r\n              
\r\n            
\r\n    \r\n\r\n      \"Rails\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  \r\n        Rails\u306elink_to\u30e1\u30bd\u30c3\u30c9\uff1a\u4f8b\u306b\u3088\u308b\u5b8c\u5168\u30ac\u30a4\u30c9  <\/a>\r\n\r\n        <\/div>\r\n              
\r\n            
\r\n    \r\n\r\n      \"Ruby\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  \r\n        Ruby on Rails\u3092\u4f7f\u3063\u3066\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306aSaaS\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u69cb\u7bc9\u3059\u308b\u65b9\u6cd5  <\/a>\r\n\r\n        <\/div>\r\n              
\r\n            
\r\n    \r\n\r\n      \"\u30eb\u30d3\u30fc\u6b63\u898f\u8868\u73fe\u30de\u30c3\u30c1\"\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  \r\n        Ruby\u6b63\u898f\u8868\u73fe\u30de\u30c3\u30c1\u30ac\u30a4\u30c9\uff082026\uff09\u4f8b\u4ed8\u304d  <\/a>\r\n\r\n        <\/div>\r\n      \r\n  <\/div>\r\n\r\n