{"id":169,"date":"2022-07-02T15:35:20","date_gmt":"2022-07-02T10:05:20","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=169"},"modified":"2022-07-09T13:53:05","modified_gmt":"2022-07-09T08:23:05","slug":"magento-2-how-to-create-custom-graphql","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/magento-2-how-to-create-custom-graphql\/","title":{"rendered":"Magento 2 How to Create Custom Graphql"},"content":{"rendered":"\n

Hello Guys! \ud83d\udc4b <\/p>\n\n\n\n

In this blog, we learn how to create custom Graphql in Magento 2 and also when to use type query, and when to use type mutation.<\/p>\n\n\n\n

Graphql is a query language that is developed by Facebook in 2012 but it was publicly released in 2015.<\/p>\n\n\n\n

Type query is used to get data or retrieve data from the Magento server<\/p>\n\n\n\n

While mutations is used for changes in data. Mutations can create, update and delete the data.<\/p>\n\n\n\n

The following example is for creating graphql with query and mutations.<\/p>\n\n\n\n

Step1 : Create schema.graphqls in following file path.<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
       app\\code\\Vendor\\Extension\\etc<\/p>\n\n\n
\ntype Mutation {\n    setCustomData(input: customInput!): customOutput @resolver(class: "\\\\Vendor\\\\Extension\\\\Model\\\\Resolver\\\\CreateCustomData")\n}\ntype Query {\n    getCustomData(id: Int!): customOutput @resolver(class: "\\\\Vendor\\\\Extension\\\\Model\\\\Resolver\\\\GetCustomData")\n}\ninput customInput {\n    name: String\n}\ntype customOutput {\n    id: Int\n    name: String\n}\n<\/pre><\/div>\n\n\n
Step 2: Add CreateCustomData.php in following file path\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
     app\\code\\Vendor\\Extension\\Model\\Resolver<\/p>\n\n\n
\n<?php\n\ndeclare(strict_types=1);\n\nnamespace Vendor\\Extension\\Model\\Resolver;\n\nuse Magento\\Framework\\GraphQl\\Config\\Element\\Field;\nuse Magento\\Framework\\GraphQl\\Query\\ResolverInterface;\nuse Magento\\Framework\\GraphQl\\Schema\\Type\\ResolveInfo;\n\nclass CreateCustomData implements ResolverInterface\n{\n    protected $customFactory;\n\n    public function __construct(\n        \\Vendor\\Extension\\Model\\CustomFactory $customFactory\n    )\n    {\n        $this->customFactory = $customFactory;\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public function resolve(\n        Field $field,\n              $context,\n        ResolveInfo $info,\n        array $value = null,\n        array $args = null\n    ) {\n        $model = $this->customFactory->create();\n       \n        if(isset($args['input'])) {\n            $model->setData($args['input']);\n            $model->save();\n        }\n\n        return $model->getData();\n    }\n}\n\n<\/pre><\/div>\n\n\n
Step 3: Now create GetCustomData.php file in following file path\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
      app\\code\\Vendor\\Extension\\Model\\Resolver<\/p>\n\n\n
\n<?php\n\ndeclare(strict_types=1);\n\nnamespace Vendor\\Extension\\Model\\Resolver;\n\nuse Magento\\Framework\\GraphQl\\Config\\Element\\Field;\nuse Magento\\Framework\\GraphQl\\Query\\ResolverInterface;\nuse Magento\\Framework\\GraphQl\\Schema\\Type\\ResolveInfo;\n\nclass GetCustomData implements ResolverInterface\n{\n    protected $customFactory;\n\n    public function __construct(\n        \\Vendor\\Extension\\Model\\CustomFactory $customFactory\n    )\n    {\n        $this->customFactory = $customFactory;\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public function resolve(\n        Field $field,\n              $context,\n        ResolveInfo $info,\n        array $value = null,\n        array $args = null\n    ) {\n        $model = $this->customFactory->create();\n        $collection = $model->getCollection();\n        \n        $data = [];\n        foreach($collection as $item){\n            $data[] = [\n                'id' => $item->getId(),\n                'name' => $item->getName()\n            ];\n        }\n        \n        return $data;\n        \n    }\n}\n\n<\/pre><\/div>\n\n\n
<\/div>\n\n\n\n
Hope! It will help you<\/p>\n\n\n\n
Thank you \ud83d\ude0a<\/p>\n\n\n\n
<\/div>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>