</>مدرسه زیب‌موجیاد بگیر، تمرین کن، بساز
مدرسهPHPدرس 17
درس 17 از 26 · ۵۰ دقیقه

JSON و REST API؛ وقتی مصرف‌کننده صفحه وب نیست

اپ موبایل به صفحه کامل HTML نیاز ندارد؛ داده‌ای ساخت‌یافته می‌خواهد. API درخواست را می‌گیرد و معمولاً JSON همراه با کد وضعیت درست برمی‌گرداند.

۰امتیاز شما
نقشه این درس

بعد از این درس دقیقاً چه بلدی؟

  • می‌توانی «JSON» را با مثال همین درس توضیح بدهی.
  • می‌دانی «Endpoint» کجای مسئله به کار می‌آید.
  • تغییر پیشنهادی درس را اجرا می‌کنی و از روی نتیجه، اشتباه را پیدا می‌کنی.
به زبان زندگی واقعی

فهرست استاندارد برای پیک

به‌جای تزئین ویترین، انبار یک فهرست مرتب از نام، تعداد و شناسه تحویل می‌دهد تا برنامه دیگر بتواند بدون حدس آن را بخواند.

نکته مهم برای شروع PHP

اپ موبایل به صفحه کامل HTML نیاز ندارد؛ داده‌ای ساخت‌یافته می‌خواهد. API درخواست را می‌گیرد و معمولاً JSON همراه با کد وضعیت درست برمی‌گرداند.

چرا مهم است؟ API به‌جای HTML یک آرایه از کارها را به JSON تبدیل می‌کند و نوع پاسخ را مشخص می‌کند.

اولین تمرین تو: API به‌جای HTML یک آرایه از کارها را به JSON تبدیل می‌کند و نوع پاسخ را مشخص می‌کند.

مفهوم‌های اصلی

اول بفهم، بعد کد بنویس

JSON

قالب متنی رایجی برای فرستادن آرایه‌ها و مقدارها میان برنامه‌هاست.

Endpoint

یک نشانی مشخص برای یک منبع یا کار؛ مثل /api/tasks.

Status code

با عددهایی مثل 200، 201، 404 و 422 نتیجه درخواست را روشن می‌کند.

سناریوی واقعی

پاسخ فهرست کارها

API به‌جای HTML یک آرایه از کارها را به JSON تبدیل می‌کند و نوع پاسخ را مشخص می‌کند.

موقعیتتصمیم برنامهنتیجه قابل دیدن
بازی ساختن کد

قطعه‌ها را به ترتیب درست بچین

روی هر قطعه بزن تا وارد پاسخ شود؛ برای برگرداندن دوباره روی آن بزن. با دکمه‌های جابه‌جایی هم می‌توانی بدون کشیدن و رهاکردن ترتیب را اصلاح کنی.

مرحله ۲ از ۳ · مرتب‌کردن کد
بانک قطعه‌هاقطعه مناسب را انتخاب کن
ترتیب پاسخ تواز بالا به پایین اجرا می‌شود

    هنوز پاسخی بررسی نشده است.

    کارگاه تعاملی

    کد را کامل کن و ساختار آن را بررسی کن

    این درس وارد قابلیت‌های سروری یا حرفه‌ای شده است. برای امنیت سایت، کد دلخواه روی سرور اجرا نمی‌شود؛ بررسی‌گر، وجود اجزای ضروری و منطق مورد انتظار را کنترل می‌کند و راهنمای اصلاح می‌دهد.

    lesson-17.php
    گزارش بررسیبررسی‌گر ساختار آماده است
    کد را کامل کن و «بررسی ساختار» را بزن.
    در مثال‌های پیشرفته، اجرای ناامن سروری نداریم؛ اجزای ضروری کد بررسی می‌شوند.
    کدخوانی استاد

    این مثال خط‌به‌خط چه می‌گوید؟

    فعلاً حفظ نکن؛ هر خط را به یک جمله ساده تبدیل کن.

    1. 1<?php

      از اینجا مفسر PHP شروع به خواندن کد می‌کند.

    2. 2header("Content-Type: application/json; charset=utf-8");

      این خط بخشی از منطق اصلی مثال است؛ نام‌ها و علامت‌ها را از راست به چپ، بخش‌به‌بخش بخوان.

    3. 3$tasks = [

      یک مقدار با نام $tasks نگه‌داری می‌شود تا در خط‌های بعد دوباره استفاده شود.

    4. 4["id" => 1, "title" => "خرید کتاب", "done" => false],

      این خط بخشی از منطق اصلی مثال است؛ نام‌ها و علامت‌ها را از راست به چپ، بخش‌به‌بخش بخوان.

    5. 5];

      این خط بخشی از منطق اصلی مثال است؛ نام‌ها و علامت‌ها را از راست به چپ، بخش‌به‌بخش بخوان.

    6. 6echo json_encode($tasks, JSON_UNESCAPED_UNICODE);

      نتیجه این عبارت به خروجی پاسخ فرستاده می‌شود.

    منبع رسمی همین درسمستندات اصلی PHP را ببین ←برای عمیق‌ترشدن؛ لازم نیست در شروع همه آن را بخوانی.
    حالا نوبت توست

    یک کار دوم اضافه کن. بعد یک مقدار غیرقابل‌کدگذاری بساز و json_last_error_msg را برای تشخیص خطا بررسی کن.

    تمرین پلکانی

    از ساده به چالشی، بدون پرش

    ۱ · گرم‌کردن

    یکی از مقدارهای مثال را عوض کن، خروجی را روی کاغذ حدس بزن و سپس بررسی کن.

    ۲ · تثبیت

    یک کار دوم اضافه کن. بعد یک مقدار غیرقابل‌کدگذاری بساز و json_last_error_msg را برای تشخیص خطا بررسی کن.

    ۳ · ساختن

    سناریوی «پاسخ فهرست کارها» را با نام‌های واضح‌تر و یک حالت تازه گسترش بده.

    دام‌های رایج

    این سه اشتباه را انجام نده

    1

    همراه JSON متن یا HTML اضافی echo می‌کنی.

    2

    برای همه نتیجه‌ها کد وضعیت 200 می‌فرستی.

    3

    ساختار پاسخ موفق و خطا را در هر endpoint متفاوت می‌سازی.

    آزمون پایان درس

    5 پرسش کوتاه؛ مطمئن شو واقعاً یاد گرفته‌ای

    برای هر پرسش یک پاسخ انتخاب کن. بعد از هر انتخاب، دلیل پاسخ را همان‌جا می‌بینی.

    پرسش 1 از 5

    برای ساخته‌شدن موفق یک منبع تازه کدام کد معمول است؟

    پرسش 2 از 5

    کدام توضیح، «JSON» را دقیق‌تر بیان می‌کند؟

    پرسش 3 از 5

    بهترین قدم بعد از خواندن مثال این درس چیست؟

    پرسش 4 از 5

    کدام روش نشان می‌دهد این درس را واقعاً فهمیده‌ای؟

    پرسش 5 از 5

    کدام رفتار احتمال خطا را در همین موضوع بیشتر می‌کند؟

    پایان درس 17

    درس را فقط وقتی تمام کن که کد را تغییر داده‌ای

    دیدن آموزش کافی نیست؛ یک مقدار را تغییر بده، خروجی را پیش‌بینی کن و بعد اجرا بزن.