Skip to main content

​
わかりやすいたとえ: レストランとウェイター

レストランで食事をしていると想像してください。
  1. お客であるあなたは、メニューを眺めてチーズバーガーとフライドポテトを注文します（カートデータのリクエストを行うのと同じです）。
  2. **ウェイター（API）**が注文を受け取り、キッチンに伝えます（API がリクエストを受け取ってサーバーに送るのと同じです）。
  3. **キッチン（サーバー）**が注文を処理し、必要な材料を集めて料理を作ります（サーバーがカートデータを取得・操作するのとよく似ています）。
  4. **ウェイター（API）**が料理をテーブルに運び、あなたは食事を楽しめます（API がリクエストされたデータを返してカートを更新するのと同じです）。
このたとえは、特に API に初めて触れる方にとって、その仕組みを簡単に理解する方法になります。Upcart の API を使うときは、レストランでの注文のように考えてみてください。カートに何をさせたいかを決めれば、あとは API が処理してくれます。 Upcart の API がストアをどう進化させられるかは、API ドキュメントでご確認ください。

​
これが Upcart の API とどう関係するのか

Upcart の Public API は、ウェイターに具体的な指示を出すのと同じように、カートの機能を柔軟にカスタマイズ・管理できるようにします。 たとえば、Upcart の API が正しく動作しているかテストしたい場合は、カートが開くたびにメッセージをログに出力するシンプルなスクリプトをカスタム HTML 内で実行できます。

​
動作しているか確認する

  1. ストアを開き、Upcart Settings → Custom HTML に移動してスクリプトを追加します。
  2. 変更を保存し、ストアを更新します。
  3. ブラウザのコンソールを開きます（Windows では F12 または Ctrl + Shift + J、Mac では Cmd + Option + J）。
  4. Upcart のカートを開くと、コンソールに確認メッセージが表示されるはずです。
Upcart のカスタム HTML テストスクリプトがブラウザコンソールにカートが開いたメッセージを出力

​
API についてもっと学びたい方へ

API や JavaScript をさらに深く学びたい方のために、初心者にやさしい学習リソースをいくつかご紹介します。 初心者向けの API・JavaScript 学習リソース: Upcart の API は Postman のような外部ツールを必要とせずにシームレスに動作します。Upcart のカスタム HTML 設定または Shopify テーマコード内で直接使用できます

​
サポートが必要ですか？

API が初めてでも心配ありません！JavaScript をゼロから書く必要はなく、あらかじめ用意されたスクリプトを Upcart のカスタム HTML 設定にコピー＆ペーストするだけで、数分でカートをカスタマイズできます。 どこから始めればいいかわからない場合は、Shopify エキスパートに相談するか、API ドキュメントをご覧ください。