Shopify スクリプトのテストおよびデバッグを行う

このページはJun 06, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/checkout-settings/script-editor/testをご覧ください。

Script Editorのデバッグ機能を使用して、スクリプトのテストおよびデバッグを行います。

Script Editorーは、スクリプトの作成中にコードの基本的なエラーを確認します。

公開されたスクリプトで発生したエラーが報告され、エラーが発生したときにメールが送信されます。

スクリプトをテストまたは公開する前に、構文エラーなどのエラーを修正することをおすすめします。スクリプトに構文エラーがある場合、スクリプトのテストが動作しない場合があります。

スクリプトエラーに関する詳細情報が必要な場合、Script Editorの余白にある赤色の [x] アイコンの上にカーソルを置きます。

スクリプトを複製する

公開されているスクリプトにエラーが含まれているためにテストまたはデバッグする必要がある場合、スクリプトを複製して、その複製したスクリプトを公開します。このバージョンにエラーの詳細が添付されているため、エラーが発生したときに公開されていたスクリプトをデバッグします。

スクリプトに添付されている本番エラーの詳細は、スクリプトの複製時にはコピーされません。

スクリプトを複製するには、以下の手順を実行します。

本番エラーをデバッグするには、以下の手順を実行します。

エラーを含むスクリプトを複製します。
ストアのお客様が使用できるスクリプトのバージョンが存在するように、複製したスクリプトを公開します。この手順では、スクリプトにストアから非公開 (削除) にする必要があるエラーがあまり含まれていないことが前提です。
添付されているエラーの詳細を使用して、元のスクリプトをデバッグします。

スクリプトの作業中は、Script Editorでスクリプトをテストして、ストア向けにスクリプトを公開する前に、スクリプトが機能することを確認できます。

スクリプトをテストするには、以下の手順を実行します。

Script Editorで、テストするスクリプトを開きます。
テストカートを編集するには、[入力] をクリックします。[両方] をクリックして、スクリプトコードとテストカートを同時に表示することもできます。入力ビューには、カートを編集してスクリプトをテストするためのオプションが表示されます。スクリプトをテストする対象に基づいて、商品、お客様、クーポンコード、お客様情報、および配送情報を追加できます。
- 商品を検索してテスト注文に追加するには、商品セクションに入力します。
- クーポンコードを検索してテスト注文に追加するには、クーポンコードセクションに入力します。
- お客様を検索してテスト注文に追加するには、お客様情報セクションに入力します。
- 配送先住所セクションの [追加] または [編集] をクリックして、テスト注文の配送先住所を変更します。
[スクリプトを実行する] をクリックして、スクリプトがテストカートに加える変更を表示します。
完了したら、以下の操作を実行します。

スクリプトを公開すると、そのスクリプトの通知メールに自動的に登録されます。スクリプトで本番エラーが発生するたびに、エラーに関するメールを受信できます。Script Editorを開いて、エラーの詳細を調査し、デバッグできます。

メールの受信後に登録を解除できます。登録を解除するには、エラーの [本番エラー] ページを開き、[登録解除] をクリックします。

スクリプトの準備が整ったら、ストアに公開できます。また、スクリプトの変更にオンラインストアが対応するように、Liquidテンプレートファイルを更新できます。

詳しくはこちら: