להפוך אקסל לאתר – חלק 3: המרת CRM עם מאקרו לאפליקציית ווב

מה עושים בשיעור הזה

הגענו לחלק הכיפי. היום ניקח קובץ אקסל רציני, עם כמה טאבים, נוסחאות, גרפים ומאקרו שמריץ לוגיקה עסקית, ונהפוך אותו לאפליקציית ווב מלאה שמחוברת לבסיס נתונים בענן.

הכל נשען על מה שהתקנו בשיעור הקודם. לפני שמתחילים צריך עוד שתי הכנות קטנות בתוך Claude Code: לחבר שרת MCP ולהתקין סקילים (Skills).

הכנה ראשונה: חיבור ה-MCP של Cloudflare

MCP (קיצור של Model Context Protocol) הוא תקן חדש יחסית בעולם ה-AI, שמאפשר לכלים כמו Claude Code לדבר ישירות עם שירותים חיצוניים. במקרה שלנו, שרת ה-MCP של Cloudflare נותן לקלוד הרשאה לפעול בשמנו: ליצור אתרים, לחבר דומיינים, לנהל מסדי נתונים.

איך מחברים:

1. ב-Claude Code לוחצים בצד שמאל על תמונת הפרופיל (או על השם) ונכנסים ל-Settings.
2. עוברים לטאב Connectors.
3. עוברים מ-Installed ל-Discover, מחפשים Cloudflare ולוחצים על ה-+.
4. נפתח חלון בדפדפן שמבקש אישור (OAuth). לוחצים Authorize וחוזרים ל-Claude.
5. ב-Connectors אמור להופיע V ירוק ליד Cloudflare. אם הוא שם, סיימנו עם זה.

הכנה שנייה: סקילים (Skills) מ-GitHub

מה ההבדל בין MCP ל-Skill? אני הכי אוהב להסביר את זה ככה: ה-MCP הוא המפתח לדלת. הוא נותן לקלוד את האפשרות לפעול ב-Cloudflare. ה-Skill הוא חוברת ההוראות, קובץ טקסט שמסביר לו איך לעשות כל פעולה, באיזה סדר ולפי אילו כללים. בלי מפתח הוא לא ייכנס, ובלי הוראות הוא ייכנס ויתחיל לנחש.

ההתקנה:

1. נכנסים ל-Plugins ב-Claude Code. הפלאגין של Cloudflare לא מופיע בחנות הרגילה, אז לוחצים Add ובוחרים Add Marketplace (הוספת מקור חדש).
2. בוחרים Add from a repository ומדביקים את הכתובת הרשמית של Cloudflare ב-GitHub.
3. לוחצים Sync.
4. ברשימה שנפתחת בוחרים את ה-Skill של Cloudflare ולוחצים Add. כשמופיעה ההודעה Cloudflare is installed and ready to use, אפשר להמשיך.

קובץ האקסל שנמיר: CRM קטן עם מאקרו

הקובץ הוא מערכת CRM קטנה, עם שלושה טאבים:

• Dashboard - סיכומים, גרפים ונוסחאות כמו COUNTIF על הלידים והלקוחות.
• Leads - רשימת הלידים הפעילים, עם אפשרות להוסיף ליד חדש.
• Customers - הלקוחות שהומרו.

והחלק המעניין: יש בו מאקרו. לוחצים על Convert to Customer, קופצת הודעת “Are you sure?”, ואחרי האישור הליד עובר אוטומטית מטבלת הלידים לטבלת הלקוחות. זה בדיוק סוג הדברים שלא עוברים בהמרה פשוטה כמו בשיעור הראשון, כי צריך לשמור נתונים ולהעביר אותם בין טבלאות.

ההמרה עצמה

1. יוצרים במחשב תיקייה חדשה בשם CRM.

2. ב-Claude Code פותחים את התיקייה ומאשרים לו לכתוב בה קבצים.

3. גוררים את קובץ האקסל לצ’אט ומדביקים את הפרומפט:

   “please convert this Excel file into a web app. use cloudflare workers for server and cloudflare D1 for the database. deploy to cloudflare once it is ready and send me the URL”

הפרומפט קצר, אבל כל חלק בו עושה עבודה:

• Cloudflare Workers - השרת. כאן ירוץ הקוד של האפליקציה, בענן של Cloudflare.
• Cloudflare D1 - בסיס הנתונים. באקסל הנתונים והנוסחאות גרים באותו קובץ. באפליקציית ווב מפרידים ביניהם: הנתונים נשמרים בבסיס נתונים (D1 מבוסס על SQLite), והקוד עושה את החישובים ואת התצוגה.
• Deploy - קלוד לוקח את הקוד והדאטאבייס שנבנו אצלכם במחשב ומעלה אותם ל-Cloudflare, דרך Wrangler וה-MCP שחיברנו.

מה קיבלנו

אחרי בערך 6 דקות (שבהן אתם בעיקר שותים קפה), Claude מחזיר שני דברים:

1. Preview מקומי - שרת שרץ אצלכם במחשב, לבדיקות.
2. כתובת URL בענן - קישור חי לאפליקציה ב-Cloudflare, משהו כמו simple-crm...workers.dev.

נכנסים לקישור ו… יש דשבורד מעוצב, מסך לידים, מסך לקוחות, וכפתור ההמרה עובד. מה שהמאקרו עשה באקסל קורה עכשיו בדפדפן, מיד. אני מודה שזה עדיין מרשים אותי כל פעם מחדש.

מה קרה מאחורי הקלעים ב-Cloudflare

אני לא אוהב קופסאות שחורות, אז בואו נבדוק איפה כל דבר נמצא:

• הקוד שמור אצלכם, בתיקיית CRM.
• השרת: מרעננים את Workers & Pages ב-Cloudflare, ומופיע Worker חדש בשם simple-crm.
• בסיס הנתונים: מחפשים D1, נכנסים לדאטאבייס simple-crm ולוחצים Explore data.

שם תראו את הטבלאות שקלוד יצר לבד: leads ו-customers.

ומילה של זהירות: לא עורכים נתונים ישירות ב-D1. קל לשבור שם פורמטים (תאריכים ב-SQL, למשל), ואז האפליקציה מתחילה להתנהג מוזר. כל עדכון עושים דרך האפליקציה עצמה.