اذهب إلى ما وراء مع مقطوعة الرأس مدعوم من Atlas

حان الوقت للجدية بشأن الحلول المقطوعة الرأس. تقوم الشركات والوكالات الحقيقية بإنشاء تجارب ويب بدون رؤوس تمنح المطورين المرونة لاستخدام أي حزمة أمامية وتمكين منشئي المحتوى من استخدام واجهة النشر المفضلة لديهم.

في هذه الجلسة ، يلخص مدير WP Engine الخاص بالمنتج Jason Konen التطورات التي حققناها مع Atlas ، حل WordPress بدون رأس من WP Engine ، ويقدم نظرة خاطفة على التطورات التي سنسعى إلى تحقيقها في عام 2023.

شرائح الجلسة:

نص:

جايسون كونين: مرحبًا ، أنا جيسون كونين. أنا مدير منتج Atlas هنا في WP Engine ، وأود أن أتحدث إليكم اليوم حول الذهاب إلى أبعد من ذلك مع Headless المدعوم من Atlas. لذا فإن ما نراه حقًا الآن هو تحول كبير في السوق. من المحتمل أن يكون هذا هو أكبر تحول منذ ظهور الهواتف الذكية ، حيث تستخدم 64٪ من الشركات حاليًا نهج مقطوعة الرأس و 90٪ تتطلع إلى القيام بذلك في الأشهر الـ 12 المقبلة. هذا رقم ضخم. ونعلم أن مجتمع WordPress قد تزايد في Headless على مدار العامين الماضيين. لقد عملنا عن كثب مع بعض شركائنا ونشرنا العديد والعديد من مواقع WordPress بدون رأس لتلبية هذه الحاجة.

أحد الأشياء التي نراها هو "Headless" الذي يمكّن المطورين حقًا. لذا فإن أنظمة إدارة المحتوى الحديثة تحتوي على بعض الأشياء الرائعة حقًا. لكن ما وجدناه هو أنه حقاً لا يستطيع الناشر. لذا فإن أنظمة إدارة المحتوى بلا رأس والتي تم تصميمها خصيصًا من أجل بلا رأس منذ البداية ، فهي مثيرة للاهتمام حقًا ، فهي مفيدة حقًا للمطورين ، لكن الناشرين يفقدون بعض الأشياء. يفقدون السمات وتخطيطات الصفحات وأدوات تحسين محركات البحث وأشياء من هذا القبيل. لكن WordPress يمكّن الناشر حقًا ولديه دائمًا. من الجوهر ، إلى جميع المكونات الإضافية في النظام البيئي ، وجميع السمات والمجتمع.

إذن ، السماح للناشر بالتحكم في رسالتهم ونصهم والتنسيق واختبار A / B وأدوات تحسين محركات البحث وتغيير السمات والقيام بكل هذا العمل دون الحاجة إلى تطوير كبير. لكننا قلنا للتو أن مقطوعة الرأس تأخذ ذلك بعيدًا ، إنها تأخذ تلك القوة بعيدًا. لكننا نعتقد أن Headless WordPress يعيد ذلك للجميع ، ليس فقط لدعم المطورين وما يريدون القيام به ، ولكن الناشرين وما يحاولون القيام به. لذا ، إذا نظرت إلى الأمر على أنه "ما هي أفضل الأدوات للوظيفة" ، فإن مطوريك سيرغبون في العمل مع مجموعة تقنية حديثة تسمح لهم بالتوسع ، والإفراط في استخدام الكود ، واستخدام التقنيات الحديثة والنمو مع الصناعة. بينما يريد الناشرون أن يكونوا قادرين على استخدام أدوات CMS التي عرفوها وأحبوها لمدة 20 عامًا دون الحاجة إلى إجراء الكثير من التغييرات.

وهنا يأتي دور Atlas. وقد تم تصميم نظام Atlas الأساسي لإسعاد الناشرين والمطورين على حدٍ سواء. تعد استضافة WordPress الأفضل في فئتها هي الأساس لذلك ، ولكن بعد ذلك قمنا بوضع طبقات على التدرج التلقائي واستضافة العقدة بحيث يمكنك إنشاء تطبيقات ويب حديثة فوق WordPress. لقد تم تكوين ذاكرة التخزين المؤقت للحافة مسبقًا وأدوات CI / CD وأداء وأمان لا مثيل لهما ، وكلها مبنية على قمة نظام بيئي ينمو في مجتمع ينمو. WP GraphQL ، جنبًا إلى جنب مع ميزتها الجديدة ، Smart Cache ، منتجنا القادم ، Atlas Search. Faust.JS ، إطار عمل بلا رأس لبناء مواقع WordPress بدون رؤوس ، وحقول مخصصة متقدمة ، والتي أدخلناها في عائلة WP Engine العام الماضي ، ونحن نعمل بجد لجلب إمكانيات Atlas Content Modeler مباشرة إلى ACF.

المخططات وما بعدها ، ودعنا لا ننسى الدعم العالمي الذي تعرفه وتحبه بالفعل. الآن أريد أن أتحدث قليلاً عن الأداء. في الآونة الأخيرة ، كان لدينا عميل قام بعرض بعض الإعلانات خلال Super Bowl. ولا يمكنك حتى اختبار نوع حركة المرور التي ستحصل عليها في حدث مثل هذا. إذا رأيت هنا في هذا الرسم البياني ، فلديك ثلاثة ارتفاعات صغيرة في السادس والثامن والتاسع. كانت تلك اختبارات الحمل الخاصة بهم ، لذلك كانوا يختبرون لمعرفة ، "مهلاً ، هل هذا الموقع سيصمد" أمام كل حركة المرور التي كانوا يتوقعونها خلال Super Bowl. ثم ترى هناك لاحقًا في الرسم البياني ، ارتفاعان عملاقان ، وهذا يتوافق مع الإعلانين اللذين تم عرضهما في Super Bowl. 10 أضعاف حركة المرور التي كانوا يتوقعونها. وكان هذا ناجحًا بشكل لا يصدق.

كان لديهم أداء ثابت قبل وأثناء وبعد ، حتى مع زيادة 10x المفاجئة مع 10 ملايين طلب في دقائق معدودة. تم التخفيف من هجمات DDoS على الحافة ، مما يمنع أي نوع من مشكلات أداء التطبيق. تم تخزين 99٪ من الواجهة الأمامية بالكامل مؤقتًا مع 151 مللي ثانية ، للبايت الأول و 700 مللي ثانية للعرض ، وكل ذلك أثناء التعامل مع 27 مليون طلب خلال Super Bowl. لذلك إذا ذهبت إلى الموقع خلال ذروة حركة المرور ، فلن تكون لديك أدنى فكرة أنه كان تحت هذا الحمل. هذا هو نوع الأداء الذي يمكن أن يقدمه لك موقع WordPress بدون رأس. وقد قمنا بتضمين ذلك في منصة Atlas.

نحن نعمل بجد مع العميل والوكالة التي تقف وراء هذا الإعلان للتأكد من أن موقعهم يعمل بكفاءة عالية. وهذا الشيء الذي نقوم به مع عملائنا هو التأكد من أننا نستخدم أفضل الممارسات من أجل ضمان أن مواقعك عالية الأداء وسريعة وآمنة. لذا فإن أحد الأشياء الكبيرة التي نقوم بها في فريق Atlas هو الاستماع والشراكة مع عملائنا وشركاء الوكالة. نستمع ونتعلم ونطلق سراح. وإليك مجموعة كاملة من الأشياء التي أطلقناها في عام 2022 لـ Atlas.

ما أريد أن أعبر عنه هو مقدار الاستثمار الذي لدينا في هذا المجال. نعتقد حقًا أن WordPress بدون رأس يجلب حقًا أفضل نظام CMS عالمي المستوى للأداء وتجربة المطور التي تحتاجها المواقع الحديثة لكي تكون ناجحة. لذا بينما نواصل العمل معك على ما نحتاج حقًا إلى بنائه ، ما الذي نحتاجه حقًا لمساعدتك على أن تصبح ناجحًا ، ستشهد المزيد والمزيد من الاستثمار هنا. سترانا نواصل إصدار الأشياء ، إن لم يكن كل أسبوعين ، على الأقل مرة واحدة في الشهر لأننا نتحرك بسرعة كبيرة. وتعليقاتك مهمة جدًا بالنسبة لنا.

بعض الأشياء التي أود أن أتحدث عنها بعمق أكبر قليلاً من هذه القائمة هي: Faust.js. إذن هذا هو إطار العمل بدون رأس لـ WordPress. لقد بنينا هذا في عام 2021 وأطلقناه هناك. وقد تلقينا الكثير من التعليقات منكم يا رفاق وكان ذلك رائعًا. وأخذنا هذه التعليقات وأعدنا بنائها لأنها لم تكن مجرد توسيع للطريقة التي يحتاجها المطورون لتوسيع نطاقها. استخدمنا لغة استعلام مقدمة من G-qty ووجدنا أنها فعلت بعض الأشياء السحرية ، لكنها لم تتوسع بالطريقة التي أردناها. لذلك استبدلنا ذلك بـ Apollo ، وهو معيار صناعي. وقد أتاح ذلك قدرًا أكبر من المرونة مع إطار العمل.

أصدرنا أيضًا دعمًا هرميًا كاملًا للقالب. لذلك إذا كنت مطور WordPress حقيقيًا وكنت تتعامل مع التسلسل الهرمي لـ WordPress لسنوات ، فسيكون هذا مألوفًا لك. ستفهم بالضبط ما يحدث. لقد أضفنا أيضًا بنية مكونة إضافية حتى تتمكن من توسيعها كما تريد. المصادقة ، ومعاينات المحتوى مباشرة من WordPress ، الأشياء التي يتوقعها المسوقون أثناء قيامهم ببناء موقعهم. لذلك كان هذا إصدارًا كبيرًا حقًا ، مستوحى حقًا من جميع التعليقات التي قدمها لنا المجتمع. ونحن مستمرون في القيام بذلك. ميزتنا الكبيرة التالية ، والتي يمكنك استخدامها اليوم ، هي دعم Gutenberg Block.

إذن هذا جديد. وبشكل أساسي ، ما نحاول القيام به هو جعله حتى يتمكن المطورون من التأكد من أن الكتل التي يستخدمها الناشر في WordPress يمكن الوصول إليها للواجهة الأمامية ، لتطبيق العقدة الخاص بك دون الكثير من العمل الإضافي ، لذلك يمكنك منح الناشر التجربة التي يتوقعها ، بالإضافة إلى تجربة تطوير سهلة ويمكن التحكم فيها. ولدينا جلسة لاحقًا في DE {CODE} حول هذا الموضوع. أشجعكم جميعًا على الحضور والتعلم من هذا. يسعدنا تلقي تعليقاتك هنا حيث نواصل تكرار هذه الميزة الرئيسية.

الشيء الآخر الذي فُقد عندما تأخذ WordPress إلى Headless هو شريط الأدوات. اعتاد العديد من الناشرين على الذهاب إلى صفحة ويب ، والنقر على "تحرير المحتوى" والإفلات مباشرة في المحرر والقدرة على تغيير المحتوى بسرعة. حسنًا ، لقد اختفى ذلك عندما أصبحت مقطوعة الرأس. لذلك نحن نضيف ذلك مرة أخرى مع Faust. لذلك يمكنك تحرير المحتوى وتصحيح الاتصالات والمزيد ، تمامًا كما تفعل مع شريط أدوات WordPress الحالي. أعتقد أيضًا أن هناك بعض الأشياء الممتعة حقًا التي يمكننا إحضارها إلى شريط الأدوات والتي لا توجد في WordPress التقليدي. أشياء مثل أداء الخادم وحالة النشر وغيرها ، مجرد مجموعة من الأفكار التي لدينا لهذه الميزة بالذات.

شيء آخر أود التحدث عنه مع Faust هو أن Faust مبني على قمة Apollo و React و Next.js. إنه يوسع ذلك ويجعل العمل مع WordPress أسهل بكثير لمطور JavaScript الحديث. ليس عليك استخدامه. نحن حياديون في إطار نظام أطلس. ولكن إذا كنت تبحث عن توصية حول أفضل طريقة للقيام بذلك ، فإن توصيتنا هي Faust. هناك ميزة رئيسية أخرى يتم إطلاقها اليوم هنا في DE {CODE} وأود أن أشير إليها وهي Atlas Search. قد تتذكر Atlas Search من DE {CODE} العام الماضي حيث كان لدينا إصدار تجريبي مفتوح لكثير منكم لتجربته. وقد فعل الكثير منكم ، والكثير من التعليقات التي قدمتها لنا على مدار العام جعلت هذه الميزة كاملة يمكننا إطلاقها اليوم.

إنها GraphQL الأولى بدون واجهة برمجة تطبيقات مملوكة وقابلة للتوسعة بالكامل. لدينا مجموعة ميزات كاملة مع ACF ودعم مخصص لما بعد النوع ، والتصفح الأوجه ، والنتائج المرجحة والمخصصة ، والتشتت ، والتشويش ، والاستثناءات ، والأفضل من ذلك كله ، ليس لدينا قيود على إجراءات البحث أو النطاق الترددي. نريد أن نجعل هذا الأمر بسيطًا وسهل الاستخدام بالنسبة لك. لذلك إذا كنت مهتمًا بذلك ، فيرجى الاطلاع على مزيد من المعلومات حول Atlas Search.

وبعض الإصدارات الرئيسية الأخرى التي قد لا تكون على دراية بها والتي أطلقناها في الربعين الماضيين: بيئات المعاينة. لذلك إذا كنت ترغب في معاينة طلب استطلاع ، فيمكننا إعداد بيئة لك تلقائيًا. وهذا يجعل الاختبار وضمان الجودة أمرًا سهلاً للغاية. لست مضطرًا إلى القيام بكل العمل لمعرفة من يبحث في أي فرع وأين وما هي البيئة التي ينظرون إليها. يمكنك إنشاء واحدة من هذه البيئات سريعة الزوال تلقائيًا بناءً على طلب الاستطلاع الخاص بك.

لقد قمنا أيضًا بإعادة بناء الويب هوك. لذلك يمكنك استخدام هذه لإنشاء البنيات بناءً على منطق الأعمال الذي تحتاجه. هذا أيضًا شيء نعيشه اليوم. مع ذلك ، لدينا أيضًا تراجعات فورية. لذلك إذا كان هناك شيء لا يعمل ، فيمكنك إعادة النشر إلى إصدار سابق من موقعك. ولدينا أيضًا سجلات إنشاء في الوقت الفعلي والقدرة على إلغاء بناء. لذا إذا حدث خطأ ما ، فابدأ وقم بإلغائه ويمكننا النظر في الأخطاء وإجراء التغييرات وإعادة بناء هذا الموقع. ومن ثم هناك شخص آخر يطلبه الكثير منكم وهو حماية كلمة المرور ، تمامًا كما هو الحال في WordPress التقليدي. قد يكون لديك بيئات معاينة تريد أن ينظر إليها عميلك ويوافق عليها. ضع كلمة مرور عليها حتى تتمكن من جعلها حية والسماح لهم باستخدامها.

والآن أود أن أخبركم بالمزيد عن المستقبل. لدينا عدد من الأشياء الرائعة في الأفق لأطلس في العام المقبل. ولكن هناك عدد قليل منهم أود التحدث عنه أقرب إلى الواقع ويجب أن تراه في الأشهر القليلة القادمة. أولها المراقبة والتحليلات المتقدمة. لقد سمعنا منك كثيرًا أنك تريد المزيد من المعلومات والمزيد من التحليلات ، فما الذي يحدث في موقعي؟ كيف تبدو حركة المرور الخاصة بي؟ كيف تبدو سجلات الوصول؟ لذلك نريد أن نوضح لك ذلك حتى تتمكن من رؤية ذلك دون الحاجة إلى طلب ذلك.

يمكنك استخدام ذلك لتحسين حملاتك وشفرتك وموقعك. سنقوم أيضًا بإضافة ميزة المراقبة والتنبيه في GraphQL. ما الذي يحدث بالضبط مع استعلامات GraphQL في الوقت الفعلي؟ حتى تتمكن من تحسين الأداء. لقد ذكرت إعلان Super Bowl في وقت سابق ، والذي تطلب الكثير من ضبط العديد من الاستعلامات من أجل الحصول على أفضل تجربة. إذن ماذا لو تمكنا من تزويدك بكل هذه المعلومات في متناول يدك حتى تتمكن من تحسين ذلك بنفسك أثناء قيامك بالبناء؟ هذا هو الهدف هنا.

نريد أيضًا تحسين تجربة CI / CD. لذلك نحن نقوم بعمليات النشر الآلية وأشياء من هذا القبيل من أجلك اليوم ، ولكن هناك خطوط أنابيب غير موجودة. على سبيل المثال ، إذا كنت تجري تغييرًا على كل من الواجهة الخلفية و WordPress والواجهة الأمامية في Node ، فكيف يمكنك نشر كلاهما في نفس الوقت حتى تحصل على التجربة الصحيحة؟ لذلك سنعمل على إيجاد طرق للسماح ببناء خطوط الأنابيب المبنية وإدارتها لمشاريعك مع عمليات النشر التي تتم إدارتها عبر WordPress و Node. عنصر كبير آخر نسمعه كثيرًا هو التخصيص والتوطين مقطوعة الرأس. نظرًا لأن هذه المواقع أصبحت مستهدفة بشكل متزايد ، فنحن نريد التأكد من أن لديك جميع الأدوات التي تحتاجها لتخصيص مواقعك وتعريبها. لذلك نحن نعمل على أفكار حول كيفية تحقيق ذلك.

نود حقًا مساعدتك لأنني عندما أقول التخصيص أو التوطين مقطوعة الرأس ، يمكن أن يعني ذلك الكثير من الأشياء للعديد من الأشخاص المختلفين. لذلك أود أن أسمع منك لفهم الأشياء التي تقوم بها في هذا المجال حتى نتمكن من ضمان بناء القدرات المناسبة لك. نحن نبني أيضًا مكتبة كتلة مقطوعة الرأس. هذا امتداد لمشروع React Gutenberg Bridge الذي تحدثت عنه سابقًا ، وآمل أن تحضر الجلسة حول ذلك لاحقًا في حدث DE {CODE}. لكننا نريد توفير مكتبة من الكتل الأكثر استخدامًا في WordPress بحيث يتم إعدادها جميعًا وتوصيلها بك لتستخدمها خارج الصندوق حتى لا تضطر إلى الذهاب والقيام بهذا العمل.

وستكون أيضًا قادرًا على استخدام تلك كنمط لتوصيل الكتل المخصصة الخاصة بك حسب حاجتك. أملي طويل المدى لهذا هو أن المطورين سيبدأون في بناء مكتبات من المكونات القابلة لإعادة الاستخدام وربما مشاركتها مع المجتمع حتى نتمكن جميعًا من البدء في مشاريعنا. وبالحديث عن فاوست ، أود أن أذكر الاستثمار المستمر الذي لدينا هنا. كما قلت سابقًا ، يستخدم فاوست Apollo و React و Next.js. وسنضيف المزيد من الميزات إلى نظامنا الأساسي لدعم هذه المكونات بحيث تعمل بشكل أسرع وأكثر أمانًا وتجعل من السهل عليك تطويرها على نظام أطلس.

لذا الآن أريد أن أتحدث عن موضوع مثير للاهتمام حقًا. تم طرح هذا السؤال في جلسة مائدة مستديرة أجريناها قبل أسابيع قليلة. أعتقد أن السؤال كان بالضبط ، لماذا يدفع الجميع بلا رأس كثيرًا؟ ولذا أريد أن أتحدث عن ، هل مقطوعة الرأس هي الشيء الصحيح لكل مشروع؟ أعتقد أنه على مستوى عالٍ ، ليس كذلك. تحتاج إلى اختيار الأداة المناسبة للوظيفة. وتتفوق "بلا رأس" حقًا عندما تتطلع إلى إنشاء شيء سريع جدًا وفعال على حزمة ويب حديثة تريد أن تكون آمنًا للغاية. إنها تتفوق عندما يكون لديك مشاريع معقدة. يتفوق عندما يكون الأداء هو الأسمى.

هل أوصيك بإنشاء موقع كتيب صغير على موقع بدون رأس؟ ليس بالضرورة ، إلا إذا كان موقعًا يتم الاتجار به بكثرة وله سجل من الأداء الضعيف وتحتاج إلى تحسين أدائه ، أو إذا كنت تتطلع إلى التجربة. إنها الموقع المثالي للتجربة لأنها صغيرة بشكل عام. ولكن إذا كنت تقوم بإنشاء موقع وسائط كبير أو موقع تجارة إلكترونية ، فإنني أوصي بـ Headless لأنه سيسمح لك ببناء هذه المواقع بطريقة قابلة للتركيب للغاية ، وجلب البيانات من الأنظمة الأخرى ، وإنشاء تجارب omnichannel ، و كن سريعًا وفعالًا.

وأنا أوصي بـ Headless WordPress لأننا نعلم أن الناشرين يحبون WordPress. إنه أفضل نظام إدارة محتوى موجود لإدارة المحتوى وتطويره. فلماذا لا تريد أن تفعل ذلك بطريقة تجعل الناشرين سعداء والمطورين سعداء ، كل ذلك مع امتلاك موقع أداء مذهل ومرن للغاية.

أردت أن أشكرك على وقتك اليوم وتعليقاتك المستمرة وشراكتك بينما نواصل مهمتنا لجعل WordPress نظام إدارة محتوى رائع بدون رأس. لدينا عدد من الجلسات الأخرى مقطوعة الرأس اليوم في حدث DE {CODE}. أنا أشجعك على مشاهدة هذه الأسئلة ، وطرح الأسئلة ، فنحن دائمًا متحمسون حقًا للعمل معك وسماع الأشياء التي تعتقد أنها مهمة لتطوير مواقعك. شكرًا لك.