מסגרת אינטרנט של Pusa המעבירה את הלוגיקה הקדמית של JavaScript לצד השרת

פורסמה מסגרת האינטרנט של Pusa עם הטמעת קונספט המעבירה את הלוגיקה הקדמית, המבוצעת בדפדפן באמצעות JavaScript, לצד האחורי - ניהול רכיבי הדפדפן ו-DOM, כמו גם לוגיקה עסקית מתבצעים על החלק האחורי. קוד ה-JavaScript המופעל בצד הדפדפן מוחלף בשכבה אוניברסלית הקוראת למטפלים הממוקמים בצד האחורי. אין צורך לפתח באמצעות JavaScript עבור הקצה הקדמי. מימוש ההפניה של Pusa כתוב ב-PHP והוא מורשה תחת GPLv3. בנוסף ל-PHP, ניתן ליישם את הטכנולוגיה בכל שפה אחרת, כולל JavaScript/Node.js, Java, Python, Go ו-Ruby.

Pusa מגדיר פרוטוקול החלפה המבוסס על סט מינימליסטי של פקודות. כאשר הדף נטען, הדפדפן טוען את תוכן ה-DOM הבסיסי ואת ליבת ה-JavaScript של Pusa-Front. Pusa-Front שולחת אירועי דפדפן (כגון קליק, טשטוש, מיקוד ולחיצה על מקש) ופרמטרים של בקשה (האלמנט שגרם לאירוע, תכונותיו, כתובת האתר וכו') למטפל בשרת Pusa-Back באמצעות בקשות Ajax. בהתבסס על הנתונים שהתקבלו, Pusa-Back קובע את הבקר, מבצע את המטען ומייצר סט תגובה של פקודות. לאחר קבלת תגובת הבקשה, Pusa-Front מבצעת פקודות, משנה את תוכן ה-DOM וסביבת הדפדפן.

המצב של ה-frontend נוצר אך אינו נשלט על ידי ה-backend, מה שהופך את הפיתוח עבור Pusa לדומה לקוד עבור כרטיס מסך או Canvas, כאשר תוצאת הביצוע אינה נשלטת על ידי המפתח. ליצירת אפליקציות אינטראקטיביות המבוססות על Canvas ו-onmousemove, ניתן להוריד ולהשתמש בסקריפטים נוספים של JavaScript בצד הלקוח. בין חסרונות השיטה ישנה גם העברת חלק מהעומס מה-frontend ל-backend ועלייה בתדירות חילופי הנתונים עם השרת.

בין היתרונות הם: ביטול הצורך בהשתתפות מפתחי JavaScript Front-end, קוד לקוח יציב וקומפקטי (11kb), חוסר נגישות של הקוד הראשי מהפרונט-אנד, אין צורך בהמשכת REST וכלים כמו gRPC, ביטול בעיות בתיאום ניתוב בקשות בין הקצה הקדמי לקצה האחורי.

מקור: OpenNet.ru