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

ולא - fast.io לא שילם לי או ל- freeCodeCamp ליצירת מאמר זה. אין לנו שום קשר איתם. אני רק כותב על זה כי מצאתי שהכלי שלהם באמת מרגש ושימושי לאירוח מהיר של אתרים סטטיים בחינם.

מה זה Fast.io?

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

הוא הושק בסוף 2019, אז אני משתף אתכם עכשיו.

איך זה עובד

כאשר אתה משתמש ב- Fast.io, תוכל להתחבר לענן שלך (Google Drive, DropBox וכו '), לבחור שם אתר ולפרוס את התוכן שלך בכמה לחיצות.

אם התוכן שלך מוכן, נדרשות רק 3 דקות בכדי להכניס את התוכן שלך לרשת ולהנגיש אותו לכולם.

ברגע שהאתר שלך מקוון, תוכל להגדיר אותו, להוסיף שם דומיין מותאם אישית ולחבר את Google Analytics כדי שתדע לכמה אנשים אתה מגיע.

עוד לא הזכרתי זאת, אך השירות מעדכן את אתרך באופן אוטומטי לאחר שתשנה את קבצי המקור. לדוגמה, אם אתה משתמש ב- Google Drive לשיתוף התוכן שלך, ברגע שתשנה משהו בדף ה- HTML שלך, הוא יעודכן.

ספקי אחסון זמינים

הנה רשימה של ספקי אחסון זמינים אם הייתי מפרסם את האתר שלי היום:

• GitHub
• דרופבוקס
• גוגל דרייב
• קופסא
• מדיה פייר
• OneDrive

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

מתחרים

יש כבר מספר חברות שונות המאפשרות לך להשיג אתר סטטי באופן מקוון במהירות. הפתרונות המפורסמים ביותר הם GitHub Pages, Heroku ו- Netlify.

אני לא בהכרח אומר ש- Fast.io הוא הטוב ביותר, אבל אני אוהב כמה פשוט לפרוס אתר בסיסי.

הערה מהירה: אם אתה רוצה לפרוס משהו מורכב יותר - כמו אתר Python Flask - אתה לא יכול לעשות זאת עם Fast.io. במקרה זה, אני ממליץ בחום להשתמש בהרוקו.

כפי שאמרתי לך, אני הולך להיות שקוף איתך. Fast.io שירות מעולה למשימות מסוימות.

מהו אתר סטטי?

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

אתר סטטי מכיל דפי אינטרנט עם תוכן קבוע. תוכן הדף שלך הוא ב- HTML, וכל המשתמשים רואים את אותו הדבר.

לדוגמא, תוכלו להשתמש באתר מסוג זה כאשר ברצונכם לעשות דף נחיתה לאתר שלכם (דף בסיסי עם מידע אודות המוצר שלכם).

ההבדל העיקרי בין אתר אינטרנט דינמי הוא כמובן ... החלק הדינמי!

אתר דינמי משתמש בטכנולוגיית שרת כדי לבנות את הדף כאשר משתמש מבקש את האתר.

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

הגיע הזמן לפרוס את האתר שלך

האם אתה מוכן לשתף את הדף שלך עם כולם? בוא נעשה את זה!

בחלק זה אני אראה לך כיצד להעלות את האתר שלך לרשת בכמה לחיצות. אני אשתמש בדף HTML בסיסי, אך ברגע שתבין כיצד פועל Fast.io אתה רשאי לשנות הכל.

1) צור קובץ index.html

עליך ליצור קובץ index.html עם קוד ה- HTML שלך בפנים. אני ממליץ לך להתחיל במשהו פשוט כי תמיד תוכל לעדכן אותו אחר כך.

שמור את הקובץ במחשב שלך.

   My Static Website   
My Static Website
 Hello, I'm online, and everyone can see me! 

2) פתח את דף הבית של Fast.io

כל שעליך לעשות כדי להתחיל עם Fast.io הוא לפתוח את האתר. לאחר שעשית זאת, לחץ על "הירשם עכשיו - זה בחינם!" .

3) הגדר את כונן Google

דף זה מופיע לאחר שלב 2 ומאפשר לך לבחור ספק אחסון. בחר "כונן Google" .

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

Fast.io זקוק לגישה לחשבון Google Drive שלך ​​כדי לעבוד. הם ייצרו תיקיית "Fast.io" שתכיל את האתר שלך. לחץ על "חבר את כונן Google עכשיו" .

עליך לבחור את חשבון Google שלך כדי לקשר אותו ל- Fast.io.

עליך לאפשר ל- Fast.io לגשת לחשבון Google שלך כדי לקשר אותו כראוי.

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

כאשר חשבונך מוכן, "ברוך הבא לצום!" הדף יופיע. לחץ על "בוא נתחיל!" .

4) צור את האתר שלך

אתה מוכן ליצור את האתר שלך ולשתף אותו עם כולם! לחץ על "הוסף אתר חדש" .

בחר את שם האתר שלך והקלד אותו בתיבת הקלט. לאחר שתסיים, לחץ על "הבא" .

Fast.io מאפשר לך ליצור שלושה סוגי אתרים: אתר שיתוף קבצים, דף אינטרנט או אתר דפדפן קבצים.

במקרה שלנו, אנו נבחר באפשרות "דפי אינטרנט" מכיוון שאנחנו רוצים לארח דף אינטרנט ב- HTML.

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

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

בחר את כתובת האתר שלך והקלד אותו בתיבת הקלט. לאחר שתסיים, לחץ על "צור אתר" .

עשית את זה! האתר שלך מקוון וזמין בכתובת האתר שבחרת. במקרה שלי, אתה יכול למצוא את האתר שלי בכתובת mygoogledrivewebsite.imfast.io

5) העלה את index.html שלך

אם אתה פותח את האתר שלך, ייתכן שתבחין בשגיאה מכיוון שלא העלית את קובץ index.html שלך בכונן Google שלך.

להלן שתי דרכים לעשות זאת:

• פתח את כונן Google שלך ​​וחפש את התיקיה Fast.io , ואז את התיקיה של האתר שלך (במקרה שלי, "mygoogledrivewebsite.imfast.io").
• בעמוד ההצלחה של שלב 4, לחץ על "ראה את כונן Google שלך" .

לאחר שתעשה זאת, לחץ באמצעות לחצן העכבר הימני באמצעות העכבר ובחר "העלה קבצים" . ייפתח חלון חדש, מצא את קובץ ה- "index.html" שלך - בחר אותו .

המתן מעט לפני שהשינוי יופיע באתר שלך.

6) חוגגים!

הפיצו את הבשורה לכל החברים שלכם! האתר שלך חי וכולם יכולים לראות אותו!

? שתף אותו בטוויטר על ידי לחיצה כאן! ?

7) בונוס

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

תוכל לקשר את האתר שלך ל- Google Analytics (סטטיסטיקה של מבקרים), לשנות את שם הדומיין שלך (למשל, mywebsite.com), ועוד הרבה יותר!

סיכום

מה אתה חושב על השירות החדש הזה? האם מצאת את זה מהיר וקל?

אל תהסס לשתף מאמר זה אם אהבת אותו.

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

אתה יכול למצוא מאמרים אחרים כאלה באתר שלי: herewecode.io.

רוצה יותר?

• בכל שבוע קבלו הצעת מחיר למוטיבציה עם כמה עצות, הדרכה קצרה למספר שקופיות ותמונת מפתח אחת באינסטגרם.
• הירשם לניוזלטר וקבל את המאמרים האחרונים, הקורסים, ההדרכות, הטיפים, הספרים, המוטיבציה ותכנים בלעדיים אחרים.