שיתוף | פריסת אתרים: GitHub Pages זה נחמד, אבל Cloudflare Pages נותן לכם שרת שלם, באותו מחיר (0.0$)
-
@ע-ה-דכו-ע אתה טועה אומנם בשביל לראות תוכן HTML צריך בדיקה אבל לא בשביל לקבל נתונים מהשרת כמו קבצים וכדומה.
לא הבנתי, יש לך אפשרות לקבל קבצים מהשרת בלי לשלוח קודם את הHTML לבדיקה?
לגבי הזיכרון אשמח שתפרט כיצד ניתן לעשות זאת בקלואוד פלייר (בגוגל סקריפט זה מוגבל ל50 מגה ביט).
לא זוכר כרגע ספציפית, אבל אני יודע שיש כזו אפשרות, והמגבלות שם לכאו' גם הרבה יותר רחבות מגוגל סקריפט
-
לא הבנתי, יש לך אפשרות לקבל קבצים מהשרת בלי לשלוח קודם את הHTML לבדיקה?
בדיוק עושים את הHTML על קובץ מקומי וכדומה שמחובר לשרת של גוגל סקריפט.
-
לאחרונה ראיתי נטייה גוברת בקרב חברי הפורום להשתמש ב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 - אם כי הוא עזר לסדר את העיצוב קצת...
-
צ צדיק 0 התייחס לנושא זה
-
@צדיק-0 עכשיו אחרי שנטפרי חסמו את גיטהאב פייגס זה באמת אחלה פתרון
אולי אם אפשר שמישהו ישלח לנטפרי את האתר הדרכה -
@צדיק-0 עכשיו אחרי שנטפרי חסמו את גיטהאב פייגס זה באמת אחלה פתרון
אולי אם אפשר שמישהו ישלח לנטפרי את האתר הדרכה -
-
-
@DHOC979 עם Cloudflare תוכל לעשות הצפנה של הקישור לשיתוף מערכת,
לא רק קידוד,
כי הם נותנים לך גם צד שרת בחינם -
@DHOC979 טכנית אפשר לעשות שלא יהיה לך שום גישה לטוקן
רק צריך שיעברו על הקוד ויראו שזה באמת כך... -
@מומחה123 האמת ששלחתי את זה כבר לבדיקה וזה מה שהם כתבו לי
אז צריך שבעל האתר יתחייב להם וכואני לא מבין בזה סתם עניין אותי להסתכל באתר והוא היה חסום אז שלחתי בקשה כי יש לי נקודות לא בשימוש ועכשיו אני רואה ששלחת אז חבל שתחכה סתם לתשובה הזאת...
![ע"ה דכו"ע](/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}