- PyScript מאפשר הטמעת Python ב-HTML באמצעות WebAssembly, ותומך בספריות עוצמתיות כמו NumPy ו-Pandas.
- Brython מתרגם קוד Python ל-JavaScript, מה שהופך אותו לאידיאלי לטיפול קליל באלמנטים של DOM ו-SVG.
- WebAssembly היא הטכנולוגיה המרכזית המאפשרת לשפות מקומפלות לפעול באינטרנט עם ביצועים כמעט מקוריים.
- ישנן חלופות מסורתיות מבוססות שרת כמו Flask ו-Django לטיפול בלוגיקה של backend.
הבאת העוצמה של Python לסביבת הדפדפן הייתה חלום עבור מפתחים רבים זה מכבר. עד לאחרונה, אם רציתם שמשהו יזוז ברשת, JavaScript היה המלך הבלתי מעורער והאפשרות היחידה הקיימת להפעלת לוגיקה בצד הלקוח מבלי להסתמך על שרת חיצוני.
עם זאת, הנוף השתנה באופן קיצוני הודות להופעתם של כלים ותקנים שונים אשר שוברים את מחסומי ה-backend . כיום, ישנן דרכים רבות לשלב את Python עם HTML, החל ממהדרים המתרגמים את הקוד ועד לשימוש בטכנולוגיות בינאריות המאפשרות ביצועים מדהימים ישירות בכרטיסייה של הדפדפן המוביל שלך כמו Chrome.
PyScript: מהפכת האנקונדה
אחת הקפיצות המשמעותיות ביותר קדימה הגיעה עם שחרור PyScript על ידי אנקונדה. מסגרת זו היא פשוט שכבת עוטפת מעל... פיודידה, אמסקריפטן ו-WebAssembly (Wasm)זה מאפשר לפייתון לרוץ כמעט באופן שקוף על גבי הלקוח. ההיבט המושך ביותר הוא שזה מאפשר לך לכתוב קוד פייתון ישירות בתוך תגיות HTML מותאמות אישית, כגון <py-script>, מה שמקל מאוד על יצירת יישומים אינטראקטיביים.
כדי להתחיל, פשוט כללו את קבצי ה-CSS וה-JS של PyScript בכותרת המסמך. אחד היתרונות הגדולים שלו הוא ש... הוא תומך בספריות כבדות כגון NumPy, Pandas או Scikit-learn, שניתן להגדיר באמצעות התגית <py-env>בנוסף, PyScript מציע תקשורת דו-כיוונית עם JavaScriptמאפשר מניפולציה של ה-DOM של הדפדפן באמצעות המודול js פִּיתוֹן.
באשר לממשק, PyScript לא לוקה בחסר, שכן הוא מציע רכיבי ממשק משתמש משולבים כמו <py-button> o <py-inputbox>אשר מבצעים פונקציות של Python בעת אינטראקציה איתן. עם זאת, יש לציין כי בהיותן מבוססות על WebAssembly, זמן הטעינה הראשוני עשוי להיות ארוך. והביצועים במכשירים ניידים עלולים להיפגע.
Brython: Python מתורגם ל-JavaScript
אם אנחנו מחפשים אלטרנטיבה קלה יותר מבחינת עומס, Brython היא בחירה קלאסית. בניגוד ל-PyScript, Brython היא מימוש של Python 3 שנכתב כולו ב-JavaScript. תרגם את קוד הפייתון כדי שהדפדפן יוכל להבין זאת. כדי שזה יעבוד, חיוני לקרוא לפונקציה brython() באירוע onload של גוף ה-HTML.
Brython בולט ביכולתו לתקשר עם אלמנטים של HTML ו-SVG. באמצעות השימוש באובייקט documentאפשרי הזרקת תוכן באופן דינמי או לצייר צורות גיאומטריות על בד ציור SVG באמצעות אופרטורים מותאמים אישית כגון =< כדי להוסיף צמתים לעץ המסמכים. למרות הרבגוניות שלו, יש לו מגבלות: זה לא תומך בכל המודולים של הספרייה הסטנדרטית ודורשת שקלט ופלט נתונים יטופלו באמצעות אלמנטים של HTML, מכיוון print() o input() הם לא עובדים בצורה המסורתית.
יישומים והשוואות אחרים
המערכת האקולוגית רחבה, וישנם פרויקטים מעניינים נוספים. מצד אחד, יש את Skulpt, התומך בפייתון 2 ו-3 דרך ג'אווהסקריפט, ואת Transcrypt, שפועל כקומפיילר ל-JavaScript, אם כי נראה שהאחרון נשכח. יש גם את VistaPython, שמציע גישה שונה המשתמשת במתרגם קוד בייט שנכתב ב-JavaScript ובמנתח שנוצר באמצעות Antlr, מה שמקל על השדרוג לגרסאות חדשות יותר של פייתון.
בהשוואה בין הגישות, אנו רואים ש-Brython ו-Skulpt משתמשים במנתחים ידניים שקשה לתחזק. לעומת זאת, Pyodide (הבסיס של PyScript) הוא פורט אמיתי של CPython ל-WebAssembly, מה שמבטיח תאימות רבה יותר, אם כי במחיר של חבילה גדולה בהרבה להורדה. VistaPython מנסה למצוא איזון בין גמישות לגודל , תוך אופטימיזציה של פרופילי טעינה כדי להבטיח שיישומים יפעלו במהירות על כל מכשיר.
שיטות מסורתיות וקצה אחורי
לא הכל חייב לקרות בדפדפן. עבור רבים, הדרך החזקה ביותר לשלב פייתון ו-HTML נותרת באמצעות... מסגרות שרת כגון בקבוק בפייתון או דג'נגובסכימה זו, פייתון מטפלת בלוגיקה בשרת ושולחת את ה-HTML המעובד ללקוח, או שהיא פועלת כ... API מנוחה שמחליף נתונים בפורמט JSON עם ממשק משתמש שנכתב ב-JavaScript באמצעות fetch o axios.
ישנן גם שיטות ישנות יותר כמו CGI (Common Gateway Interface), אשר, למרות שנחשבות כיום מיושנות בשל מורכבותן, היוו את הבסיס לרשת הדינמית. עבור אלו שצריכים פשוט להציג נתונים, המרת מחברות Jupyter ל-HTML היא הדרך המהירה ביותר לפרסם דוחות טכניים ללא סיבוכים טכניים.
המנוע מאחורי הכל: WebAssembly
הקסם האמיתי שמאפשר לשפות כמו Python, C++ ו-Rust להגיע לרשת הוא WebAssembly (Wasm). תקן פתוח זה מאפשר ביצוע קוד בינארי עם ביצועים כמעט מקוריים. הודות ל-Wasm, חברות כמו Adobe הצליחו להעביר את Photoshop לרשת , ו-AutoCAD ו-Figma ייעלו באופן דרסטי את טעינת ועיבוד הנתונים שלהן.
היכולת להריץ Python על גבי הלקוח, בין אם באמצעות תרגום Brython ובין אם באמצעות הכוח הבינארי של PyScript, פותחת עולם של אפשרויות ליצירת כלים ויישומים מורכבים למדעי נתונים מבלי שהמשתמש יצטרך להתקין דבר על המחשב שלו, ובכך מאפשרת גישה דמוקרטית לתכנות מתקדם.
שילוב Python באינטרנט התפתח מסקריפטים פשוטים בצד השרת לביצוע בינארי באמצעות WebAssembly, מה שמאפשר לך לבחור בין תרגום קל ל-JavaScript עם Brython או העוצמה המלאה של PyScript ו-Pyodide, ובכך שינה את האופן שבו אנו תופסים פיתוח Frontend.
