מדריך | מדריך קמפול Web ל EXE עם אפשרות לשינוי ועריכת הקבצים ללא קמפול מחדש!

[CSS]

מדריך קמפול Web ל EXE, עם אפשרות שינוי ה html - css - js ללא קמפול מחדש.

שלב א':

• יש ליצור תיקיה שהיא תהיה תיקית הפרויקט, ובתוכה ליצור תיקיה לדוגמה בשם:
  • web
• בתוכה יש לשים את שלושת הקבצים לצורך הענין זה יהיה השמות שלהם:
  • index.html
  • style.css
  • script.js
• תמונות ורקעים יש לשים בתוך תיקיה פנימית לדוגמה:
  • images
• מחוץ לתיקית web יש לפתוח קובץ פייתון חדש, לדוגמה בשם:
  • main.py
    ויש לשים את סמל התוכנה מחוץ לתיקית web בתיקית הפרויקט לדוגמה בשם :
  • icon.ico
    יש לשים לב שהיא תהי תמונה מרובעת שלא תמרח

Spoiler

מבנה התיקיות כרגע לפי הדוגמה

---

• תיקית הפרויקט
  • main.py
  • icon.ico
  • web
    • index.html
    • style.css
    • script.js
    • images
      • bg.png

---

כל אחד יתאים לפי המבנה שלו

---

שלב ב':
פתח cmd בתיקית הפרויקט והתקן את הספריות הבאות:

• הפעל סביבה ווירטואלית:

python -m venv venv

• הפעל אותה:

venv\Scripts\activate

• התקן את PyWebView:

pip install pywebview

---

שלב ג'
בתוך הקובץ: main.py יש לשים את הקוד הבא:

import webview
import os

current_dir = os.path.dirname(__file__)
web_folder = os.path.join(current_dir, 'web')

webview.create_window('My App', web_folder)
webview.start()

Spoiler

שינויי אפשריים:

• שם החלון 'My App' → אפשר לשנות לכל שם רצוי.

• אם תוסיף תיקיות נוספות ב‑web, ודא שהנתיב נכון.
  

---

שלב ד':
קמפול ל exe ע"י הפקודה הבאה:

pyinstaller --noconfirm --onefile --windowed --add-data "web;web" --icon "icon.ico" main.py

כל אחד יתאים את זה לפי התיקיות שלו:

Spoiler

החלקים הניתנים לעריכה:

• לשנות לשמות אצלכם בפועל:

main.py

icon.ico

web;web

כנ"ל בקובץ ה main.py

כל הקבצים שבתיקיית web יכולים להשתנות בלי צורך בקימפול מחדש

בהצלחה.. שמחתי לעזור...