دوره آموزشی ساخت یک برنامه وردپرس Headless با REST API
2 ساعت 8 دقیقهپیشرفته2020-03-23
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
برنامههای Headless از سیستمهای مدیریت محتوا مانند WordPress به عنوان منابع داده استفاده میکنند و دادهها را بطور مستقل ارائه میدهند. در این دوره، Morten Rand-Hendriksen نحوه ساخت این برنامههای داده محور front end را بر روی API وردپرس REST نشان میدهد. همراه با سیر تحول پروژه دوره، Task Book، یک برنامه مستقل با استفاده از وردپرس REST API برای دریافت و ارسال داده با استفاده از درخواستهای معتبر از طریق OAuth2، مفاهیم و تکنیکهای کلیدی را توضیح میدهد. نحوه افزودن افزونه اساسی را برای اضافه کردن انواع جدیدی از مطالب، نقشها، قابلیتها و زمینهها به WordPress و REST API بیابید. تأیید اعتبار با OAuth2؛ و منطق برنامه Headless را با JavaScript پیکربندی کنید. به علاوه، نحوه نمایش دادههای کار و ایجاد نمودارهای ساده با استفاده از کتابخانه Chart.js را بیابید.
موضوعات شامل:
- پیش نمایش مدل محتوا و جریان کاربر
- گسترش WordPress و REST API با یک پلاگین سفارشی
- ایجاد جعبه های متا و زمینه های جدید
- پیکربندی OAUth2
- ارسال درخواست های احراز هویت به REST API
- درخواست نشانه های ورود به سیستم
- تنظیم حلقه های مجوز و خروج از سیستم
- درخواست و نمایش وظایف
- نمایش نمودار داده های کار
موضوعات شامل:
- پیش نمایش مدل محتوا و جریان کاربر
- گسترش WordPress و REST API با یک پلاگین سفارشی
- ایجاد جعبه های متا و زمینه های جدید
- پیکربندی OAUth2
- ارسال درخواست های احراز هویت به REST API
- درخواست نشانه های ورود به سیستم
- تنظیم حلقه های مجوز و خروج از سیستم
- درخواست و نمایش وظایف
- نمایش نمودار داده های کار
مهارت ها
Gatsby.jsGatsby, Inc.GraphQLWordPressContent Management Systems (CMS)APIsFull-Stack Web DevelopmentProjectWeb DevelopmentOpen SourceSoftware Development
سرفصل ها
0. مقدمه
- 01- ساخت اپلیکیشن بدون هد با WP REST API
- 02-پیش نیازهای این دوره
1. برنامه را برنامه ریزی کنید
- 03-معرفی برنامه Task Book
- 04-مدل محتوا برای اپلیکیشن
- 05-جریان کاربر برای برنامه
2. کارکرد هسته وردپرس را گسترش دهید
- 06-یک افزونه کاربردی ایجاد کنید
- 07-نوع پست سفارشی را برای وظایف اضافه کنید
- 08- نقش های جدید ایجاد کنید
- 09- قابلیت های جدید ایجاد کنید
- 10- پاسخ REST را تست کنید
3. باکس ها و فیلدهای جدید متا ایجاد کنید
- 11-فیلد وضعیت ایجاد کنید
- 12- فیلد وضعیت را به صورت خودکار تنظیم کنید
- 13-CMB2 را برای متا باکس های سفارشی اضافه کنید
- 14-یک متا باکس و فیلدهای سفارشی ایجاد کنید
- 15- فیلدهای REST را با استفاده از CMB2 نمایش دهید
4. احراز هویت با OAuth2
- 16- افزونه OAuth2 را نصب و پیکربندی کنید
- 17- درخواست های احراز هویت شده را به REST API ارسال کنید
- 18- دسترسی REST را بر اساس نقش ها محدود کنید
5. برنامه Headless را راه اندازی کنید
- 19-بررسی جریان کاربر
- ماژول ها و ساختار 20-جاوا اسکریپت
- 21-با درخواست توکن وارد شوید
- 22- حلقه مجوز را راه اندازی کنید
- 23- حلقه خروج را راه اندازی کنید
- 24- آخرین 10 کار را درخواست و نمایش دهید
- 25- درخواست و نمایش تکالیف
- 26- درخواست POST در وظیفه new_update ارسال کنید
- 27-نمایش نمودار بر اساس داده های وظیفه
نتیجه
- 28-اطلاعات بیشتر