Shopifyの自作アプリをPHP(Laravel)で開発する環境の構築手順まとめ

$ cd XXXX
$ npm init @shopify/app@latest

Welcome. Let’s get started by naming your app. You can change it later.
? Your app's name? 
> commercial-investment-app

  ──────────────────────────────

? Which template would you like to use? … 
  node 
> php 
  ruby 

$ cd test-app
$ npm run dev

To run this command, log in to Shopify Partners.
👉 Press any key to open the login page on your browser

? Create this project as a new app on Shopify? … 
> Yes, create it as a new app 
  No, connect it to an existing app 

? App Name 
> test-app
  ──────────────────────────────

? Which development store would you like to use to view your project? Type to search… 
> XXXXXX
  YYYYYY
  ZZZZZZ

? Have Shopify automatically update your app's URL in order to create a preview experience? … 
> Always by default 
  Yes, this time 
  No, not now 
  Never, don't ask again 

$ composer create-project laravel/laravel --prefer-dist アプリ名

$ composer require phpclassic/php-shopify

$ ngrok http 8000

ngrok                                                                                                             (Ctrl+C to quit)
                                                                                                                                  
Join us in the ngrok community @ https://ngrok.com/slack                                                                          
                                                                                                                                  
Session Status                online                                                                                              
Account                       Konruri (Plan: Free)                                                                                
Version                       3.1.0                                                                                               
Region                        Japan (jp)                                                                                          
Latency                       26ms                                                                                                
Web Interface                 http://127.0.0.1:4040                                                                               
Forwarding                    https://xxxxxxxx.jp.ngrok.io -> http://localhost:8000             
                                                                                                                                  
Connections                   ttl     opn     rt1     rt5     p50     p90                                                         
                              0       0       0.00    0.00    0.00    0.00                                                        
                                                                                 

$ php artisan make:controller AuthorizeController

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use PHPShopify\ShopifySDK;
use PHPShopify\AuthHelper;

class AuthorizeController extends Controller
{
    public function index()
    {
        ShopifySDK::config([
            'ShopUrl' => 'yourshop.myshopify.com',          // アプリをインストールするショップURL
            'ApiKey' => 'YOUR-CLIENT-KEY',       // クライアントキー
            'SharedSecret' => 'YOUR-SECRET-KEY',   // クライアントシークレットキー
        ]);

        $scopes = 'read_products,write_products,read_script_tags,write_script_tags';
        $redirectUrl = 'YOUR-REDIRECT-URL';           // アプリのリダイレクトURL
        AuthHelper::createAuthRequest($scopes, $redirectUrl);

        exit;
    }
}

$ php artisan make:controller CallbackController

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use PHPShopify\ShopifySDK;
use PHPShopify\AuthHelper;

class CallbackController extends Controller
{
    public function index()
    {
        ShopifySDK::config([
            'ShopUrl' => 'yourshop.myshopify.com',          // アプリをインストールするショップURL
            'ApiKey' => 'YOUR-CLIENT-KEY',       // クライアントキー
            'SharedSecret' => 'YOUR-SECRET-KEY',   // クライアントシークレットキー
        ]);

        $accessToken = AuthHelper::getAccessToken();

        // ここで生成したアクセストークンはDBに保存しますが、今回は省略します

        if (!isset($accessToken))
        {
            exit;
        }

        $config = ShopifySDK::$config;
        // ShopifySDKオブジェクト 取得
        $shopify = new ShopifySDK([
            'ShopUrl' => $config['ShopUrl'],
            'AccessToken' => $accessToken
        ]);

        // app handle 取得
        $graphQL =
            <<<Query
query {
  app {
    handle
  }
}
Query;
        $appResponse = $shopify->GraphQL->post($graphQL);
        header('Location: '.$config['AdminUrl'].'apps/'.$appResponse['data']['app']['handle']);

        exit;
    }
}

use App\Http\Controllers\AuthorizeController;
use App\Http\Controllers\CallbackController;

...

Route::get('/authorize', [AuthorizeController::class, 'index']);
Route::get('/callback', [CallbackController::class, 'index']);