ガイド
イントロダクション

クイックスタート

以下のガイドでは、Appテンプレートを利用した、Newtでのコンテンツ管理を紹介します。
Appの追加からAPIでの取得まで、順を追って説明します。

ステップ1: Appを追加する

「Appを追加」をクリックして「テンプレートから追加」を選択します。

Appを追加する

表示されるテンプレートの中から「Blog」を選択して、「このテンプレートを追加」をクリックします。
Appテンプレート

テンプレートが追加されると、「投稿データ」「カテゴリデータ」「著者データ」が追加されます。

上記の例だと、スペースUIDは sample-for-docs となります。
「Blog」テンプレートを追加した場合、App UIDは blog、「投稿データ」モデルUIDは article となるため、スペースUIDが sample-for-docs の場合は、エンドポイントは https://sample-for-docs.cdn.newt.so/v1/blog/article となります。

続いて、APIリクエストに必要なトークンを発行しましょう。
「スペース設定」から「APIキー」を選択して、Newt CDN APIのトークンを作成します。

名前と取得対象を決めて「作成」を押します。

準備が終わったら、curlコマンドを利用してリクエストを送ってみましょう。

# Mac環境の場合
curl -H "Authorization: Bearer {YOUR_TOKEN}" \
  -X GET "https://{spaceUid}.cdn.newt.so/v1/{appUid}/{modelUid}"

# Windows環境の場合
curl -H "Authorization: Bearer {YOUR_TOKEN}" ^
  -X GET "https://{spaceUid}.cdn.newt.so/v1/{appUid}/{modelUid}"

この例の場合だと、以下のようなリクエストとなります。

# Mac環境の場合
curl -H "Authorization: Bearer kp7szZL_J9hDgrJ93OBS87MlTdkAzRofz2-ptMfiDec" \
  -X GET "https://sample-for-docs.cdn.newt.so/v1/blog/article"

# Windows環境の場合
curl -H "Authorization: Bearer kp7szZL_J9hDgrJ93OBS87MlTdkAzRofz2-ptMfiDec" ^
  -X GET "https://sample-for-docs.cdn.newt.so/v1/blog/article"

以下のようなレスポンスが返ってくれば成功です！

{
  "skip": 0,
  "limit": 100,
  "total": 3,
  "items": [
    {
      "_id": "61a81914c2e08900180c8b72",
      "_sys": {
        "raw": {
          "createdAt": "2021-12-02T00:53:40.048Z",
          "firstPublishedAt": "2021-12-02T00:53:40.048Z",
          "publishedAt": "2021-12-02T05:20:25.318Z",
          "updatedAt": "2021-12-08T15:25:43.845Z"
        },
        "createdAt": "2021-12-02T00:53:40.048Z",
        "updatedAt": "2021-12-02T05:20:25.318Z"
      },
      "title": "Fictitiousをクイックにスタートする方法",
      "slug": "article-3",
      "categories": [...],
      ...
    },
    ...
  ]
}

次のステップ

このチュートリアルを行うことで、NewtでAppを追加し、APIでデータを取得する方法を学習しました。
更に深く学習したい方は、以下のドキュメントもご確認ください。

Appテンプレート・スターターを利用して、簡単にサイトを作成したい方

Appテンプレート

各フレームワークと接続して、Jamstackなブログを自分で作成したい方

Form Appを利用して、フォームを作成したい方

Form App イントロダクション

クイックスタート

ステップ1: Appを追加する

ステップ2: APIでデータを取得する

次のステップ