|
| 1 | +--- |
| 2 | +contentId: create-api |
| 3 | +directory: manual |
| 4 | +--- |
| 5 | + |
| 6 | +# APIの作成・管理 |
| 7 | + |
| 8 | +APIはサービス内で複数作成することができます。 |
| 9 | +本ドキュメントでは、APIの作成・管理方法を説明します。 |
| 10 | + |
| 11 | +作成できるAPI数の上限は[プラン](https://microcms.io/pricing)ごとに異なります。 |
| 12 | + |
| 13 | +APIを作成する手順 |
| 14 | +========== |
| 15 | + |
| 16 | +新規にAPIを作成する手順を説明します。 |
| 17 | + |
| 18 | +まず、管理画面左側のメニュー内で、「コンテンツ(API)」項目の3点リーダーをクリックし**[新しいAPIを作成]**をクリックします。 |
| 19 | + |
| 20 | + |
| 21 | + |
| 22 | +すると、APIの作成画面が表示されます。 |
| 23 | +※APIが存在しない場合は、サービスにアクセス後、自動でAPIの作成画面が表示されます。 |
| 24 | + |
| 25 | + |
| 26 | + |
| 27 | +APIを作成する際は、以下の2つの方法から選んで作成します。 |
| 28 | + |
| 29 | +1. 自分で決める |
| 30 | +2. テンプレートから選ぶ(ブログ/お知らせ/バナー) |
| 31 | + |
| 32 | +以降、それぞれの方法について説明します。 |
| 33 | + |
| 34 | +自分で決める場合 |
| 35 | +-------- |
| 36 | + |
| 37 | +APIの作成画面で**[自分で決める]**をクリックします。 |
| 38 | +その後、以下の手順で進めます。 |
| 39 | + |
| 40 | +### 1\. APIの基本情報を入力する |
| 41 | + |
| 42 | +APIの基本情報を入力します。 |
| 43 | + |
| 44 | + |
| 45 | + |
| 46 | +ここでは、「API名」および「エンドポイント」の2つを入力します。 |
| 47 | + |
| 48 | +#### API名 |
| 49 | + |
| 50 | +API名は管理画面上で各APIを識別するための名前です。 |
| 51 | + |
| 52 | +#### エンドポイント |
| 53 | + |
| 54 | +エンドポイントはAPIのエンドポイントの最後尾のパスにあたる値です。 |
| 55 | +エンドポイントの入力条件は以下のとおりです。 |
| 56 | + |
| 57 | +* 3文字以上32文字以内 |
| 58 | +* 半角英数字 |
| 59 | +* 小文字のみ |
| 60 | +* 記号はハイフン、アンダースコアのみ |
| 61 | +* すでに設定済みのAPIエンドポイントとの重複不可 |
| 62 | + |
| 63 | +### 2\. APIの型を選択する |
| 64 | + |
| 65 | +APIの型を選択します。 |
| 66 | + |
| 67 | + |
| 68 | + |
| 69 | +ここではAPIレスポンスの形式について、「**リスト形式**」か「**オブジェクト形式**」かを選択することができます。 |
| 70 | + |
| 71 | +#### リスト形式 |
| 72 | + |
| 73 | +複数のコンテンツを取り扱います。 |
| 74 | +お知らせやブログなどの複数コンテンツの管理に適しています。 |
| 75 | +APIでは下記のように配列データを取得できます。 |
| 76 | + |
| 77 | + [ { message: 'おはよう' }, { message: 'こんにちは' }, { message: 'こんばんは' } ] |
| 78 | + |
| 79 | +#### |
| 80 | +オブジェクト形式 |
| 81 | + |
| 82 | +単一のコンテンツを取り扱います。 |
| 83 | +設定情報や単体ページの情報などの単一コンテンツの管理に適しています。 |
| 84 | +APIでは下記のようにオブジェクトデータを取得できます。 |
| 85 | + |
| 86 | + { title: 'プロフィール', profile: 'ヘッドレスCMSを勉強しています' } |
| 87 | + |
| 88 | +### 3\. APIスキーマを定義する |
| 89 | + |
| 90 | +APIスキーマを定義します。 |
| 91 | + |
| 92 | + |
| 93 | + |
| 94 | +APIスキーマの定義では、下記3つの項目を入力します。 |
| 95 | + |
| 96 | +#### フィールドID |
| 97 | + |
| 98 | +フィールドごとの一意なIDです。APIレスポンスのプロパティ名となります。 |
| 99 | + |
| 100 | +#### 表示名 |
| 101 | + |
| 102 | +コンテンツを入力する際に表示されます。 |
| 103 | + |
| 104 | +#### 種類 |
| 105 | + |
| 106 | +コンテンツを入力する際の入力フォーム形式を指定します。 |
| 107 | +テキストフィールド、リッチエディタ、画像フィールドなど様々な種類から選択可能です。 |
| 108 | + |
| 109 | +APIスキーマの設定について、詳しくは「[API設定](https://document.microcms.io/manual/api-model-settings#hbf58befd50)」のページをご覧ください。 |
| 110 | + |
| 111 | +### 4\. [作成]をクリックする |
| 112 | + |
| 113 | +最後に[作成]をクリックすると、APIの作成が完了します。 |
| 114 | + |
| 115 | + |
| 116 | + |
| 117 | +テンプレートから作る場合 |
| 118 | +------------ |
| 119 | + |
| 120 | +テンプレートから作る場合、以下の3つのテンプレートから選ぶことができます。テンプレートごとに異なるAPIが作成されます。 |
| 121 | + |
| 122 | +* **ブログ**:ブログ用のテンプレート。記事とカテゴリのAPIを作成します。 |
| 123 | +* **お知らせ**:更新情報やニュースの用のテンプレート。お知らせとタグのAPIを作成します。 |
| 124 | +* **バナー**:キャンペーンなど、バナー用のテンプレート。バナー要素のAPIを作成します。 |
| 125 | + |
| 126 | + |
| 127 | +対象のテンプレートをクリックすると作成が始まります。 |
| 128 | + |
| 129 | + |
| 130 | + |
| 131 | +しばらくすると、APIが自動で作成されます。 |
| 132 | +なお、APIごとにいくつかのサンプルコンテンツが入稿されています。 |
| 133 | + |
| 134 | + |
| 135 | + |
| 136 | +作成したAPIをグルーピングする |
| 137 | +================ |
| 138 | + |
| 139 | + |
| 140 | +作成したAPIは、APIグループでまとめることができます。複数のサイトを1サービスで管理している場合などに便利です。 |
| 141 | + |
| 142 | +APIグループはTeamプラン、Businessプラン、Enterpriseプランでご利用いただける機能です。 |
| 143 | +プランごとに利用できる機能については、[料金プランページ](https://microcms.io/pricing)をご覧ください。 |
| 144 | + |
| 145 | + |
| 146 | +APIグループを作成する |
| 147 | +--------------- |
| 148 | + |
| 149 | + |
| 150 | +管理画面左側のメニュー内で、「コンテンツ(API)」項目の3点リーダーをクリックし**[新しいAPIグループを作成]**をクリックします。 |
| 151 | + |
| 152 | + |
| 153 | + |
| 154 | +* APIグループは100個まで作成できます。 |
| 155 | +* APIグループは1階層のみ対応しています。 |
| 156 | + |
| 157 | +作成するグループのグループ名を入力し**[作成する]**をクリックします。 |
| 158 | + |
| 159 | + |
| 160 | + |
| 161 | +同じ名前のAPIグループは作成できません。 |
| 162 | + |
| 163 | +APIをドラッグ&ドロップで移動させることで、APIをAPIグループにまとめることができます。 |
| 164 | + |
| 165 | + |
| 166 | + |
| 167 | +APIグループの名称を変更する |
| 168 | +--------------- |
| 169 | + |
| 170 | + |
| 171 | +APIグループにマウスカーソルを合わせると表示される3点リーダーをクリックし**[グループ名の編集]**をクリックします。 |
| 172 | + |
| 173 | + |
| 174 | + |
| 175 | +グループ名を編集して**[変更する]**をクリックすると、グループ名の変更を反映できます。 |
| 176 | + |
| 177 | +APIグループを削除する |
| 178 | +------------ |
| 179 | + |
| 180 | + |
| 181 | +APIグループにマウスカーソルを合わせると表示される3点リーダーをクリックし**[グループの削除]**をクリックします。 |
| 182 | + |
| 183 | + |
| 184 | + |
| 185 | +確認ダイアログで**[OK]**をクリックすると、APIグループを削除できます。 |
| 186 | + |
| 187 | +APIグループにAPIが所属している場合は、APIグループを削除できません。 |
| 188 | + |
| 189 | +APIを他のAPIグループにすべて移動させてから削除してください。 |
0 commit comments