PyScript היא מסגרת, שנבנתה עם Pyodide, המאפשרת לך להריץ קוד Python בדפדפן. זה עדיין בחיתוליו, אבל צוות המפתחים הוציא לאחרונה גרסת בטא.
באמצעות הכלי, מפתחים יכולים לכתוב Python ישירות בתוך HTML, ללא צורך ב-backend של שרת כמו Flask או Django.
למרות שהוא עדיין בגרסת בטא, PyScript כבר מגיע עם כמה תכונות מרשימות ששווה לנסות.
1. קל להגדיר
תחילת העבודה עם PyScript היא קלה כמו קישור ל-CDN שלו בראש ה-HTML שלך. אתה יכול גם להוריד את קוד המקור שלו ולארח את קבצי הפרויקט באתר שלך. בעוד שלאפשרות האחרונה יש כמה יתרונות קטנים, הקישור ל-CDN קל יותר.
כדי להתחיל להשתמש ב-PyScript, אתה יכול לכלול את קובצי ה-JavaScript וה-CSS שלו כך:
<רֹאשׁ>
<קישור rel="גיליון סגנונות" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
2. כתוב Python ישירות בתוך HTML
קוד Python שלך יושב בתוך מותאם אישית py-script תג בתוך גוף המסמך. לאחר מכן קובץ PyScript JavaScript יפרש את תוכנו באמצעות Python. אתה יכול לציין אלמנט HTML, כגון div, עבור PyScript לכתוב פלט.
להלן פריסה לדוגמה:
<גוּף>
<div id="מיכל פיתון"></div>
<פלט py-script="מיכל פיתון">
הדפס("שלום עולם")
</py-script>
</body>
זכור שהזחה חשובה בקוד Python שלך. תצטרך להקפיד על הזחה נכונה כדי להימנע שגיאת הזנת Python.
3. ייבוא ובידוד מודולים סטנדרטיים של Python
תכונה ייחודית נוספת של PyScript היא שהיא מאפשרת לך להפריד תלות מרוב. המשמעות היא שתפרט תלות בראש ה-HTML שלך לפני שתוכל לייבא אותה. כל התלות יושבות בתוך א py-env תג בתוך קטע ראש HTML:
<!DOCTYPE html>
<html>
<רֹאשׁ>
<קישור rel="גיליון סגנונות" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- עצבני
- פנדות
- openpyxl
- matplotlib
</py-env>
</head>
<גוּף>
<py-script>
יְבוּא פנדות
</py-script>
</body>
</html>
4. יבא והשתמש במודולים ובקבצים מקומיים משלך
אינך צריך לכתוב את כל קוד ה-Python שלך ישירות בתוך קבצי ה-HTML שלך בעת שימוש ב-PyScript. אתה יכול לכתוב פונקציות או מודולי Python מותאמים אישית בתוך קבצים נפרדים, רשום אותם ב- py-env תג, וייבא אותם. זה מקל על כתיבת קוד נקי וקריא יותר.
עם זאת, תצטרך להצביע על py-env תג לנתיבי המודול המקומי שלך. באופן דומה, תפרט כל קובץ מקומי שבו תרצה להשתמש בקוד Python שלך. לדוגמה, אם אתה קורא קובץ אקסל עם Pandas, תצטרך לציין את הנתיב שלו:
<py-env>
- עצבני
# מודולים וקבצים מקומיים נכנסים לכאן:
- שבילים:
- /main.py
- /path_to_excel_file.xlsx
</py-env>
5. עיבוד ויזואליזציות ישירות ל-DOM
שיתוף הדמיות ולוחות מחוונים יכולה להיות משימה לא פשוטה. PyScript מאפשר לך להציג את לוחות התכנון והדמיות של Python ישירות בתוך הדפדפן מבלי להשתמש בפתרונות מבוססי שרת. אתה יכול אפילו לכתוב גיליון Excel ל-DOM כ-HTML.
לדוגמה, עם התלות הנדרשת ב-a סביבה וירטואלית של Python אתה יכול לשרטט נתונים מקובץ אקסל:
<!DOCTYPE html>
<html>
<רֹאשׁ>
<קישור rel="גיליון סגנונות" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- פנדות
- matplotlib
# מודולים וקבצים מקומיים נכנסים לכאן:
- שבילים:
- /path_to_excel_file.xlsx
</py-env>
</head>
<גוּף>
<div id="מיכל פיתון"></div>
<פלט py-script="מיכל פיתון">
יְבוּא פנדות כפי ש pd
יְבוּא matplotlib.pyplot כפי ש plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["חודשים"]
y = df["שיעור צמיחה"]
fig, ax = plt.subplots()
גַרזֶן.עלילה(איקס, y)
תאנה
</py-script>
</body>
</html>
אתה יכול למצוא מידע נוסף על PyScript דרך זה README ב-Github או ה האתר הרשמי של PyScript.
PyScript נותן לפייתון דחיפה
אחד החסרונות של Python הוא חוסר היכולת שלו לעבוד ישירות בתוך ה-DOM. וזו אחת הסיבות ש-JavaScript נשאר לפניה בפיתוח אתרים. ההקדמה של PyScript עשויה לשנות זאת אם היא יכולה להשיג את רמת הפונקציונליות של JavaScript. עם זאת, PyScript הוא כלי שימושי, מכיוון שהוא יעזור לך לארח ולשתף את פרויקטי Python שלך בקלות. עם זאת, זכור שתכונות מסוימות עלולות להישבר, שכן PyScript היא עדיין מסגרת ניסיונית.
למה לצפות במהדורה הקרובה של Python 3.11
קרא הבא
נושאים קשורים
- תִכנוּת
- פִּיתוֹן
- בניית אתרים
- HTML
על הסופר
Idowu נלהב מכל דבר טכנולוגי ופרודוקטיביות חכמה. בזמנו הפנוי הוא משתעשע בקידוד ועובר ללוח השחמט כשהוא משועמם, אבל הוא גם אוהב להתנתק מהשגרה מדי פעם. התשוקה שלו להראות לאנשים את הדרך סביב הטכנולוגיה המודרנית מניעה אותו לכתוב יותר.
הירשם לניוזלטר שלנו
הצטרף לניוזלטר שלנו לקבלת טיפים טכניים, ביקורות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!
לחץ כאן כדי להירשם