שיתוף | פריסת אתרים: GitHub Pages זה נחמד, אבל Cloudflare Pages נותן לכם שרת שלם, באותו מחיר (0.0$)
-
לאחרונה ראיתי נטייה גוברת בקרב חברי הפורום להשתמש בGitHub Pages, אבל הבעיה היא שהם אתרים סטטים בלי דאטה בייס, ובלי אפשרות תקשורת כגון שליחת טפסים, ועוד ועוד.
בזמן האחרון השתמשתי ב‑Cloudflare Pages וגיליתי שהחינמי שלהם נותן דברים שתמיד חשבתי שצריך לשלם עליהם. אז הכנתי אתר הדגמה שמראה את זה בלחיצת כפתור במקום לדבר על זה:
https://cf-pages-demo-1gs.pages.dev
כל כפתור שם מריץ קוד אמיתי בשרת. תלחצו על "קבל את המיקום שלי" ותראו שהאתר יודע מאיזו עיר נכנסתם, בלי שום שירות חיצוני בתשלום.אז מה בעצם ההבדל?
שני השירותים חינם לגמרי. ההבדל הוא במה מותר לכם לעשות:השוואה בין GitHub Pages ל־Cloudflare Pages
תכונה GitHub Pages Cloudflare Pages קוד בצד השרת ✗ אין בכלל ✓ עד 100,000 בקשות ליום בקשות POST / API ✗ מחזיר 405 Method Not Allowed✓ תמיכה בכל שיטות HTTP מסד נתונים ✗ ✓ D1 (SQLite) + KV שליטה בכותרות HTTP ✗ ✓ באמצעות קובץ _headersהפניות 301/302 ✗ רק meta-refresh✓ באמצעות קובץ _redirectsרוחב פס 100GB לחודש ✓ ללא הגבלה Repository פרטי ✗ דורש GitHub Pro ✓ נתמך בחינם כתובת תצוגה לכל Branch ✗ ✓ נוצרת אוטומטית הגנת סיסמה לאתר ✗ ✓ באמצעות Cloudflare Access סיכום
אם האתר הוא סטטי בלבד – GitHub Pages הוא פתרון פשוט ונוח.
אם צריך אפילו מעט יכולות מתקדמות, כגון:
- API
- קוד בצד השרת
- מסד נתונים
- Redirects אמיתיים
- שליטה בכותרות HTTP
- סביבת Preview לכל Branch
Cloudflare Pages מספק את כל אלו כבר במסלול החינמי ולכן מהווה פתרון חזק וגמיש יותר.רשת קצה ~90 ערים 330+ ערים
השורה שהכי שמחה אותי היא ריפו פרטי. בגיטהאב, אתר מריפו פרטי דורש מנוי Pro. אצל קלאודפלייר זה זמין גם בחינם.לתועלת המתקשים.
מדריך קצר, להעלות אתר בשלוש דקות
הדרך הכי קלה אם הפרויקט עדיין לא בגיטהאב: גרירה
נכנסים ל‑dash.cloudflare.com ← Workers & Pages ← Create ← Pages ← Upload assets, וגוררים את התיקייה. תוך שניות יש כתובת.pages.dev.
הדרך המומלצת: חיבור לגיטהאב
באותו מסך בוחרים "Connect to Git", מחברים את הריפו (גם פרטי), ומאותו רגע כל push מתפרסם לבד. כל branch מקבל כתובת תצוגה משלו, נוח בטירוף לבדוק שינוי לפני שהוא עולה לאוויר.וכמובן שיש תמיכה מלאה לCLIזהו. יש לכם אתר.
ועכשיו החלק החשוב, קוד בצד שרת.
יוצרים תיקייה בשםfunctionsליד קבצי האתר. כל קובץ שם הופך אוטומטית ל‑API.
הקובץfunctions/api/hello.jsיהיה זמין בכתובת/api/hello. בלי הגדרות, בליexpress, בלי שום דבר:export function onRequestGet({ request }) { const cf = request.cf; // קלאודפלייר מצרפת את זה לכל בקשה return Response.json({ שלום: 'עולם', מדינה: cf.country, עיר: cf.city, }); }וטופס שבאמת מקבל נתונים, הדבר שאי אפשר בגיטהאב פייג'ס:
export async function onRequestPost({ request }) { const { name, message } = await request.json(); if (!name || !message) { return Response.json({ ok: false }, { status: 422 }); } // כאן: שמירה ב‑D1, שליחת מייל, webhook לטלגרם... return Response.json({ ok: true }, { status: 201 }); }הוולידציה הזאת רצה בשרת. אי אפשר לעקוף אותה מה‑devtools, בניגוד לכל בדיקה בצד הלקוח.
רוצים גם מסד נתונים? שתי פקודות:wrangler d1 create my-db # מסד SQLite אמיתי wrangler kv namespace create MY_KV # או אחסון מפתח-ערךמוסיפים את המזהה שחוזר ל‑
wrangler.toml, והוא מגיע ל‑Function דרךenv.שווה לדעת מראש
R2 (אחסון קבצים, 10GB חינם) דורש כרטיס אשראי בתיק גם במסלול החינמי. אם אתם לא רוצים להכניס כרטיס — KV נותן 1GB בלי שום דבר, ולרוב הצרכים זה מספיק.מתי כן להישאר ב-GitHub Pages?
אם האתר שלכם הוא רק תיעוד של פרויקט קוד פתוח שכבר יושב בגיטהאב - תישארו שם, זה אפס הגדרות ועובד מצוין.
עריכה: הזכירו לי עוד דבר, שבנטפרי דפי GitHub Pages פתוחים בברירת מחדל בעוד שדפי Cloudflare Pages צריך לשלוח בקשה לבדיקה.אבל לכל דבר אחר, בלוג, דף נחיתה עם טופס, כלי קטן שצריך לזכור נתונים - Cloudflare Pages נותן לכם בחינם בדיוק את מה שבגיטהאב פייג'ס הייתם מחברים לשלושה שירותים חיצוניים.
תיכנסו לדמו לעיל, תלחצו על הכפתורים, ותראו לבד.
בהצלחה,התוכן נכתב כמובן על ידי ולא ח"ו על ידי AI - אם כי הוא עזר לסדר את העיצוב קצת...
-
@ARISH הביא לי את זה בעבר והשתמשתי בזה כמתווך בין גוגל סקריפט לימות המשיח.
אם כבר משתמשים בזה אין שום צורך בגוגל סקריפט
קלאודפלייר וורקרס הרבה יותר מתקדם ומהיר לדעתי מגוגל סקריפט (האמת שכאן דובר על פיגס ולא על וורקרס, אבל הכל אותו רעיון -
@ARISH הביא לי את זה בעבר והשתמשתי בזה כמתווך בין גוגל סקריפט לימות המשיח.
אם כבר משתמשים בזה אין שום צורך בגוגל סקריפט
קלאודפלייר וורקרס הרבה יותר מתקדם ומהיר לדעתי מגוגל סקריפט (האמת שכאן דובר על פיגס ולא על וורקרס, אבל הכל אותו רעיון -
@ARISH הביא לי את זה בעבר והשתמשתי בזה כמתווך בין גוגל סקריפט לימות המשיח.
אם כבר משתמשים בזה אין שום צורך בגוגל סקריפט
קלאודפלייר וורקרס הרבה יותר מתקדם ומהיר לדעתי מגוגל סקריפט (האמת שכאן דובר על פיגס ולא על וורקרס, אבל הכל אותו רעיון@ע-ה-דכו-ע בעיקרון אתה צודק אבל לגוגל סקריפט יש כמה מעלות שאין לקלואוד וורקרס כמו חיבור ישיר לשירותי גוגל וזיכרון בשרת עצמו גם שלא בזמן ריצה ועוד וכמובן שגוגל סקריפט לא דורש בדיקת נטפרי בשביל גישה לנתונים מהשרת (לא לפתיחת דפים!) בעוד שקלואוד וורקרס דורש בדיקה גם לזה.
-
@ע-ה-דכו-ע בעיקרון אתה צודק אבל לגוגל סקריפט יש כמה מעלות שאין לקלואוד וורקרס כמו חיבור ישיר לשירותי גוגל וזיכרון בשרת עצמו גם שלא בזמן ריצה ועוד וכמובן שגוגל סקריפט לא דורש בדיקת נטפרי בשביל גישה לנתונים מהשרת (לא לפתיחת דפים!) בעוד שקלואוד וורקרס דורש בדיקה גם לזה.
@ע-ה-דכו-ע בעיקרון אתה צודק אבל לגוגל סקריפט יש כמה מעלות שאין לקלואוד וורקרס כמו חיבור ישיר לשירותי גוגל וזיכרון בשרת עצמו גם שלא בזמן ריצה ועוד וכמובן שגוגל סקריפט לא דורש בדיקת נטפרי בשביל גישה לנתונים מהשרת (לא לפתיחת דפים!) בעוד שקלואוד וורקרס דורש בדיקה גם לזה.
חיבור ישיר לגוגל זה המעלה היחידה. זיכרון בשרת עצמו למה אתה מתכוון? בקלאודפלייר יש גם אפשרות לשמור נתונים (אלא"כ מדובר על משהו שיותר נח לשמור בשיטס, וזה כבר המעלה הראשונה).
לא הבנתי מה אתה מתכוון לגבי נטפרי -
@ע-ה-דכו-ע בעיקרון אתה צודק אבל לגוגל סקריפט יש כמה מעלות שאין לקלואוד וורקרס כמו חיבור ישיר לשירותי גוגל וזיכרון בשרת עצמו גם שלא בזמן ריצה ועוד וכמובן שגוגל סקריפט לא דורש בדיקת נטפרי בשביל גישה לנתונים מהשרת (לא לפתיחת דפים!) בעוד שקלואוד וורקרס דורש בדיקה גם לזה.
חיבור ישיר לגוגל זה המעלה היחידה. זיכרון בשרת עצמו למה אתה מתכוון? בקלאודפלייר יש גם אפשרות לשמור נתונים (אלא"כ מדובר על משהו שיותר נח לשמור בשיטס, וזה כבר המעלה הראשונה).
לא הבנתי מה אתה מתכוון לגבי נטפרי@ע-ה-דכו-ע אני יסביר:
בגוגל סקריפט יש זיכרון מובנה לסקריפט עצמו כך שלדוגמה ניתן לעשות צ'אט בינה מלאכותית דרך הטלפון דרך זה ולנהל שיחה שלמה למרות שכל קריאה למודל היא נפרדת ההיסטוריה תישמר בסקריפט עצמו ותאפשר לנהל שיחה שלמה מה שלא ניתן לעשות בקלואוד וורקר שבו כל קריאה היא נפרדת.
הדבר השני שציינתי זה קבלת נתונים מהשרת לדגומה ניתן ליצור דף HTML שימשוך נתונים מהדרייב שלך היישר לדף- בגוגל סקריפט זה עובד בלי בדיקה בעוד שבקלואוד וורקר נדרשת בדיקה עבור כל קישור.
בהצלחה! -
@ע-ה-דכו-ע אני יסביר:
בגוגל סקריפט יש זיכרון מובנה לסקריפט עצמו כך שלדוגמה ניתן לעשות צ'אט בינה מלאכותית דרך הטלפון דרך זה ולנהל שיחה שלמה למרות שכל קריאה למודל היא נפרדת ההיסטוריה תישמר בסקריפט עצמו ותאפשר לנהל שיחה שלמה מה שלא ניתן לעשות בקלואוד וורקר שבו כל קריאה היא נפרדת.
הדבר השני שציינתי זה קבלת נתונים מהשרת לדגומה ניתן ליצור דף HTML שימשוך נתונים מהדרייב שלך היישר לדף- בגוגל סקריפט זה עובד בלי בדיקה בעוד שבקלואוד וורקר נדרשת בדיקה עבור כל קישור.
בהצלחה!בגוגל סקריפט יש זיכרון מובנה לסקריפט עצמו כך שלדוגמה ניתן לעשות צ'אט בינה מלאכותית דרך הטלפון דרך זה ולנהל שיחה שלמה למרות שכל קריאה למודל היא נפרדת ההיסטוריה תישמר בסקריפט עצמו ותאפשר לנהל שיחה שלמה מה שלא ניתן לעשות בקלואוד וורקר שבו כל קריאה היא נפרדת.
זיכרון אתה מתכוון שמירה של נתונים בProperties Service? זה לא ממש זיכרון, ובקלאודפלייר גם יש כזו אפשרות הרבה פחות מוגבלת אאל"ט
הדבר השני שציינתי זה קבלת נתונים מהשרת לדגומה ניתן ליצור דף HTML שימשוך נתונים מהדרייב שלך היישר לדף- בגוגל סקריפט זה עובד בלי בדיקה בעוד שבקלואוד וורקר נדרשת בדיקה עבור כל קישור.
זה מצריך בדיקה של הקישור שבו מוצג הHTML, וכך גם בקלאודפלייר
-
בגוגל סקריפט יש זיכרון מובנה לסקריפט עצמו כך שלדוגמה ניתן לעשות צ'אט בינה מלאכותית דרך הטלפון דרך זה ולנהל שיחה שלמה למרות שכל קריאה למודל היא נפרדת ההיסטוריה תישמר בסקריפט עצמו ותאפשר לנהל שיחה שלמה מה שלא ניתן לעשות בקלואוד וורקר שבו כל קריאה היא נפרדת.
זיכרון אתה מתכוון שמירה של נתונים בProperties Service? זה לא ממש זיכרון, ובקלאודפלייר גם יש כזו אפשרות הרבה פחות מוגבלת אאל"ט
הדבר השני שציינתי זה קבלת נתונים מהשרת לדגומה ניתן ליצור דף HTML שימשוך נתונים מהדרייב שלך היישר לדף- בגוגל סקריפט זה עובד בלי בדיקה בעוד שבקלואוד וורקר נדרשת בדיקה עבור כל קישור.
זה מצריך בדיקה של הקישור שבו מוצג הHTML, וכך גם בקלאודפלייר
-
אני משתמש הרבה בזה vercel
-
אני משתמש הרבה בזה vercel
-
איך זה באמת?
@מוקד-המערכות מקצועי וטוב ויחסית פשוט לתפעול.
-
@מוקד-המערכות מקצועי וטוב ויחסית פשוט לתפעול.
@הישבשר-המלומד הוא עובד עם כל השפות?
הוא טוב לימות? -
@הישבשר-המלומד הוא עובד עם כל השפות?
הוא טוב לימות?@מוקד-המערכות נראה לי, לימות לא יודע,
-
@מוקד-המערכות מקצועי וטוב ויחסית פשוט לתפעול.
-
@הישבשר-המלומד הוא עובד חלק עם נטפרי?
-
פוסט זה נמחק!
@הישבשר-המלומד זה קיים גם בקלואוד וורקר שהוא הרבה יותר מוצלח מכל הבחינות כמעט,
אשמח אם תציין האם הוא כולל ריצה עצמאית כמו גוגל סקריפט וקלואוד וורקר (בניגוד לגיטאהב). -
@ע-ה-דכו-ע אתה טועה אומנם בשביל לראות תוכן HTML צריך בדיקה אבל לא בשביל לקבל נתונים מהשרת כמו קבצים וכדומה.
לגבי הזיכרון אשמח שתפרט כיצד ניתן לעשות זאת בקלואוד פלייר (בגוגל סקריפט זה מוגבל ל50 מגה ביט).@ע-ה-דכו-ע אתה טועה אומנם בשביל לראות תוכן HTML צריך בדיקה אבל לא בשביל לקבל נתונים מהשרת כמו קבצים וכדומה.
לא הבנתי, יש לך אפשרות לקבל קבצים מהשרת בלי לשלוח קודם את הHTML לבדיקה?
לגבי הזיכרון אשמח שתפרט כיצד ניתן לעשות זאת בקלואוד פלייר (בגוגל סקריפט זה מוגבל ל50 מגה ביט).
לא זוכר כרגע ספציפית, אבל אני יודע שיש כזו אפשרות, והמגבלות שם לכאו' גם הרבה יותר רחבות מגוגל סקריפט
-
@ע-ה-דכו-ע אתה טועה אומנם בשביל לראות תוכן HTML צריך בדיקה אבל לא בשביל לקבל נתונים מהשרת כמו קבצים וכדומה.
לא הבנתי, יש לך אפשרות לקבל קבצים מהשרת בלי לשלוח קודם את הHTML לבדיקה?
לגבי הזיכרון אשמח שתפרט כיצד ניתן לעשות זאת בקלואוד פלייר (בגוגל סקריפט זה מוגבל ל50 מגה ביט).
לא זוכר כרגע ספציפית, אבל אני יודע שיש כזו אפשרות, והמגבלות שם לכאו' גם הרבה יותר רחבות מגוגל סקריפט
-
לא הבנתי, יש לך אפשרות לקבל קבצים מהשרת בלי לשלוח קודם את הHTML לבדיקה?
בדיוק עושים את הHTML על קובץ מקומי וכדומה שמחובר לשרת של גוגל סקריפט.
![ע"ה דכו"ע](/assets/uploads/profile/uid-24261/24261-profileavatar-1774768870385.png "ע"ה דכו"ע"){kind=avatar}
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}