https://virgool.io/modern-web-apis/feed در این انتشارات با مفاهیم مدرن طراحی API مثل REST، GraphQL، WebSocket، gRPC، امنیت، مستندسازی، کش و مانیتورینگ آشنا می‌شوید؛ پلی میان فرانت‌اند و بک‌اند برای ساخت اپ‌های سریع، امن و مقیاس‌پذیر. fa 2026-06-16 17:48:13 https://files.virgool.io/upload/publication/pequ2wrw1rji/bsm9tr.jpg https://virgool.io/modern-web-apis https://virgool.io/modern-web-apis/%D8%AF%D8%B1-%D8%A2%DA%AF%D9%87%DB%8C-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3-%D9%85%D9%86%D8%B8%D9%88%D8%B1-%D8%A7%D8%B2-%D8%AA%D9%88%D8%A7%D9%86%D8%A7%DB%8C%DB%8C-%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-graphql-%D9%88-restful-api-%DA%86%DB%8C%D8%B3%D8%AA-skvqvcwntvbs این یعنی فرد می‌تونه با سرویس‌هایی که داده‌ها رو از سرور می‌گیرن و می‌فرستن، کار کنه.RESTful API: روش سنتی که با HTTP requestهایی مثل GET, POST, PUT, DELETE کار می‌کنه.GraphQL: روش جدیدتر که با queryها و mutationها کار می‌کنه و به کلاینت اجازه می‌ده دقیقا بگه چه داده‌ای می‌خواد.یعنی اگه یک بک‌اند (سرور) بهت یک REST یا GraphQL API بده، تو می‌تونی:request بزنی،داده بگیری،اونا رو توی اپ یا سایتت نمایش بدی،و اگه لازم باشه داده بفرستی یا تغییر بدی.آموزش جامع GraphQL (برای برنامه‌نویسی که با مفاهیم کلی آشناست)۱. GraphQL چیه؟GraphQL زبانی برای query زدن به سروره. به جای اینکه چندتا endpoint بسازی (/users, /posts) فقط یک endpoint داری (مثلاً /graphql) و با query دقیقاً می‌گی چه داده‌ای می‌خوای.مثلاً:{ user(id: 1) { name email } }پاسخ:{ &quotdata&quot: { &quotuser&quot: { &quotname&quot: &quotAli&quot, &quotemail&quot: &quotali@example.com&quot } } }۲. اجزای اصلی GraphQLQuery: برای گرفتن داده.Mutation: برای تغییر داده (مثلاً ساخت، آپدیت یا حذف).Subscription: برای دریافت داده‌های real-time (مثلاً چت زنده).۳. مثال ساده Queryquery { allPosts { id title author { name } } }۴. Mutation مثالmutation { createPost(title: &quotسلام دنیا&quot, content: &quotاولین پست من!&quot) { id title } }۵. ابزارهای محبوب کار با GraphQLApollo Client: برای React و Frontend.GraphQL Playground یا GraphiQL: برای تست queryها.Apollo Server یا GraphQL Yoga: برای ساخت سرور.۶. چطور استفاده کنی؟الف. روی فرانت‌اند، کتابخونه‌ای مثل Apollo Client نصب کن:npm install @apollo/client graphqlب. یک client بساز:import { ApolloClient, InMemoryCache } from '@apollo/client'; const client = new ApolloClient({ uri: 'https://example.com/graphql', cache: new InMemoryCache(), });ج. یک query اجرا کن:import { gql } from '@apollo/client'; const GET_USERS = gql` query { users { id name } } `; client.query({ query: GET_USERS }).then(response => { console.log(response.data); });۷. مقایسه GraphQL با RESTGraphQL:یک endpointفقط داده‌هایی که درخواست کردیکش پیچیده‌تر، معمولاً با کلاینت مدیریت می‌شهREST:چندین endpointهمیشه کل داده‌ها رو می‌فرستهکش کردن ساده با HTTP۸. منابع یادگیریgraphql.orgApollo GraphQLکانال‌های یوتیوب مثل Academind, Traversy Mediaدر پست بعدی میخواهم یک مرحله ده قدمی برای یادگیری گراف کیو ال بنویسم. با من همراه باش! منو دنبال کن و در شبکه های اجتماعی اینستاگرام و تلگرام با من همراه شو!ایدی منو جستجو کن: seyedahmaddv API های مدرن وب طراحی سایت | سیداحمد Sat, 10 May 2025 19:36:02 +0330