כיצד לבנות שער מעריצים בסיסי בפייסבוק מבלי לשלם עבור אירוח

פרסומת

אוהבים את זה או מתעב, כולם והכלב שלהם נמצא בפייסבוק בימינו; כך כמו כל דבר שפופולרי בחיים, הוא הוחלף לחלוטין על ידי סוגים שיווקיים. שימוש יעיל להפליא בדף המותג המתארח בפייסבוק הוא לתמרץ אנשים לאהוב את הדף על ידי יצירת כמה תוכן סודי לחברים בלבד; מכונה בדרך כלל "שער מעריצים". זה מלא בסרטונים בלעדיים, הורדות או אולי קופון קניות - אנו משתמשים בסרט כאן כאן ב- MakeUseOf בכדי להעניק למעריצים שלנו גישה נוחה לכל תחרויות נוכחיות.

אפליקציית פייסבוק בסיסית מסוג זה הייתה יחסית פשוטה ליצירה בעבר, אולם כעת פייסבוק דורשת מכל האפליקציות של כרטיסיות העמוד גרסה מאובטחת - HTTPS גישה לאתר - אבל זה עוד 100 $ לשנה מעל עלויות האירוח הקיימות באתר שלך. גם אם אתה מנהל חנות מסחר אלקטרוני קטנה, אתה עשוי להשתמש ב- PayPal כספק תשלום ולכן אין לך צורך בתעודות SSL. אך אל תדאגו, כמו שפייסבוק גם היא שותפה איתה הרוקו - חברת אירוח בענן - מה שאומר שתוכלו ליצור אפליקציית פייסבוק בסיסית משלכם, ולארח אותה בחינם, בשרת מאובטח. רוצים לדעת עוד? המשך לקרוא כשאני מייצר אפליקציית טאבים בסיסית של עמוד השער של פייסבוק, המתארחת בחינם, על הרוקו.

הירשם כמפתח

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

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

צור אפליקציה חדשה

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

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

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

צעדים ראשונים של הרוקו

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

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

הרוקו שימש די הרבה פונקציונליות, אבל אנחנו לא זקוקים לרוב זה. להיפתח index.php ותסתכל סביב. מצא את השורות הבאות בסמוך לתחילת הקובץ:

$ facebook = פייסבוק חדש (מערך ('appId' => AppInfo:: appID (), 'סוד' => AppInfo:: appSecret (), 'sharedSession' => true, 'trustForwarded' => נכון,));

ומיד לאחר מכן, העתק את הדברים הבאים:

$ sign_request = $ facebook-> getSIGNRequest (); $ likes = $ sign_request ['page'] ['likes'];

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

print_r ($ sign_request);

ותקבל תדפיס מלא של אובייקט הבקשה החתום.

בשלב זה, עלי להודות כי אני מתקשה באמת לעבוד על הבקשה החתומה - נראה כי הרוקו מפשיט את הנתונים בעמוד. לטעון, ורק לאחר טעינת ה- JS API (10 שניות טובות לאחר טעינת העמוד הראשונית) הדף ירענן ויציין את ה"אהבתי "הנכון מעמד. הודות ל השאלה הזו על הצפת ערימהנראה כי הפיתרון מחסל את הקוד שאוצר את HTTPS למשתמשים שאינם מאובטחים. מחק את גוש הקוד הבא בתחילת התבנית:

// אכוף https על הייצור. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {כותרת ('מיקום: https://'. $ _SERVER ['HTTP_HOST']. $ _SERVER ['REQUEST_URI']); יציאה (); }

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

php if ($ אהבתי): הד ('אוהד'); // זהו התוכן הסודי שלך אחר: הד ('לא אוהד'); // זה מוצג בפני האוהדים הפוטנציאליים; 

מקם את זה בדיוק אחרי הפתיחה הצטרף index.php. עכשיו, אם תצוגה מקדימה של הדף שלך ב- Heroku, תבחין שיש בו הרבה מאוד פונקציות נוספות שמציגות דפים שאהבת, לחצנים עליהם פרסם עדכונים וכו '- אנחנו לא צריכים כל זה באמת, אז הפשטתי את הכל כולל ה- SDK JavaScript לפייסבוק, והשאיר רק את ה- CSS ואת שער מעריצים. הנה הקוד המופשט שבסופו של דבר השתמשתי (זו תמונה - העתק הדבק מ- PasteBin אם תרצה):

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

לכלול ("secret.html");

לייבא קבצים חיצוניים.

סנכרון עם הרוקו

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

git commit -am "משנה הודעות"

(אתה יכול להחליף את הודעת השינויים בהערה לעצמך לגבי השינויים שביצעת בפעם - כדאי לעשות רישומים אלה)

ואז

לדחוף אדון הרוקו

המתן לסיום הפקודה, כיוון שזה ייקח זמן מה.

שלב אחרון: הוסף את האפליקציה לדף שלך

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

https://www.facebook.com/dialog/pagetab? app_id = YOUR_APP_ID ו- redirect_uri = YOUR_APP_URL_ON_HEROKU

החלף YOUR_APP_ID עם המזהה המופיע בפרטי האפליקציה שלך, ו- YOUR_APP_URL_ON_HEROKU עם כתובת האתר עבור אירוח הרוקו שלך. טעינת כתובת URL מיוחדת זו תפתח את תיבת הדו-שיח "הוסף לדף שלך", ממנו תוכל לבחור את עמוד המותג הנכון שאליו תוכל להוסיף את כרטיסיית הדף שלך.

ואז היי פרסטו - זה יהיה כפתור חדש בדף שלך, כך:

כפי שאתה יכול לראות, עדיין לא ציינו תמונה עבור הכרטיסייה כך שהיא נותרה כברירת מחדל - אתה יכול לעשות זאת מדף פרטי האפליקציה שלך. אבל זה בעצם זה; אם אתה טוען את הלשונית הזו, התחליף שלי index.php יראה לך כ אוהד או א לא אוהד. או כל מה שהתאמת אישית כדי להציג:

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