آموزش ساخت یک برنامه وردپرس بدون سر با REST API

مقدمه Introduction

• ایجاد یک برنامه بدون سر با WP REST API Building a headless app with the WP REST API

• پیش نیازهای این دوره Prerequisites for this course

1. برنامه را برنامه ریزی کنید 1. Plan the Application

• آشنایی با برنامه Task Book Introduction to the Task Book app

• مدل محتوا برای برنامه Content model for the application

• جریان کاربر برای برنامه User flow for the application

2. قابلیت های اصلی وردپرس را گسترش دهید 2. Extend Core WordPress Functionality

• یک افزونه قابلیت ایجاد کنید Create a functionality plugin

• نوع پست سفارشی را برای کارها اضافه کنید Add custom post type for tasks

• نقش های جدید ایجاد کنید Create new roles

• قابلیت های جدید ایجاد کنید Create new capabilities

• پاسخ REST را تست کنید Test the REST response

3. جعبه ها و زمینه های جدید متا ایجاد کنید 3. Create New Meta Boxes and Fields

• یک فیلد وضعیت ایجاد کنید Create a status field

• زمینه وضعیت را بطور خودکار تنظیم کنید Set status field automatically

• CMB2 را برای جعبه های متا سفارشی اضافه کنید Add CMB2 for custom meta boxes

• یک کادر متا جعبه و فیلدها ایجاد کنید Create a custom meta box and fields

• زمینه های REST را با استفاده از CMB2 نمایش دهید Display REST fields using CMB2

4- احراز هویت با OAuth2 4. Authentication with OAuth2

• افزونه OAuth2 را نصب و پیکربندی کنید Install and configure the OAuth2 plugin

• درخواست های معتبر را به API REST ارسال کنید Send authenticated requests to the REST API

• دسترسی REST را بر اساس نقش ها محدود کنید Restrict REST access based on roles

5. برنامه Headless را تنظیم کنید 5. Set Up the Headless App

• بررسی جریان کاربر Review of user flow

• ماژول ها و ساختار جاوا اسکریپت JavaScript modules and structure

• با درخواست یک نشان وارد شوید Login by requesting a token

• حلقه مجوز را تنظیم کنید Set up the authorization loop

• حلقه خروج را تنظیم کنید Set up the logout loop

• درخواست و نمایش آخرین 10 کار Request and display latest 10 tasks

• درخواست و نمایش کارهای تک Request and display single tasks

• ارسال درخواست POST در کار جدید / به روز رسانی Send POST request on new/update task

• نمودار را بر اساس داده های کار نمایش دهید Display a chart based on task data

نتیجه Conclusion

• اطلاعات بیشتر Further information