已經調整 AI 的提示詞，讓它知道自己是一位料理推薦助手。

不過，目前 AI 回傳的內容還是一般文字。如果想讓網站分別顯示料理名稱、食材、步驟和料理時間，就需要更有規則的資料格式。

今天要認識 JSON。

一、JSON 是什麼？

JSON 是一種常見的資料交換格式，可以將資料整理成固定的欄位。

例如：

{
  "name": "番茄炒蛋",
  "ingredients": ["番茄", "雞蛋"],
  "steps": [
    "將番茄切塊",
    "打散雞蛋",
    "將食材炒熟"
  ],
  "time": 15,
  "difficulty": "簡單"
}

這樣網站就能知道哪個欄位是料理名稱，哪個欄位是料理步驟。

二、修改 Prompt

在 Dify 的指令中加入：

請只回傳合法的 JSON 格式，
不要加入 Markdown 程式碼區塊或額外說明。

格式如下：
{
  "name": "料理名稱",
  "ingredients": ["食材一", "食材二"],
  "steps": ["步驟一", "步驟二"],
  "time": 15,
  "difficulty": "簡單"
}

三、JSON 的好處

使用固定格式後，網站就能透過 JavaScript 讀取資料：

const recipe = JSON.parse(jsonText);

console.log(recipe.name);
console.log(recipe.ingredients);
console.log(recipe.steps);

不過，AI 有時仍可能回傳不符合格式的內容，因此正式使用時還需要進行格式檢查與錯誤處理。

四、今天的成果

今天認識 JSON，也學會如何要求 AI 使用固定欄位回傳食譜。

這是讓 AI 回答真正融入網站介面的重要一步。

下一篇就要把 AI 回傳的內容整理成網頁上的食譜卡片！