אינטרנט ישראל
  • ראשי
  • אודות רן בר-זיק ואינטרנט ישראל
  • ערוץ טלגרם
  • מסטודון
  • התחברו אלי בטוויטר
  • התחברו אלי בלינקדאין
  • ספר ג'אווהסקריפט
  • ראשי
  • אודות רן בר-זיק ואינטרנט ישראל
  • ערוץ טלגרם
  • מסטודון
  • התחברו אלי בטוויטר
  • התחברו אלי בלינקדאין
  • ספר ג'אווהסקריפט
ראשי » מדריכים » אפליקצית פייסבוק » יצירת אפליקציה לעמוד פייסבוק

יצירת אפליקציה לעמוד פייסבוק

רן בר-זיק ינואר 23, 2011 7:49 am אין תגובות

כך יוצרים אפליקצית פייסבוק שמייצרת טאב בדף פייסבוק כלשהו.

כדאי תמיד להשאר מעודכנים! אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂 אם אתם רוצים ללמוד תכנות באופן מקיף ומסודר, הצטרפו לאלפי הלומדים בפרויקט "ללמוד ג'אווהסקריפט בעברית" שמלמד לתכנת בג'אווהסקריפט, ב-Node.js ובריאקט וגם מלמד על תרומה לקוד פתוח. גם ספרים דיגיטליים וגם ספרים מודפסים. בשיתוף הקריה האקדמית אונו ובתמיכת חברות מובילות כגון Wix, Outbrain, Elementor, Iron Source, Chegg, Really Good ועוד.

אפליקציה לעמוד פייסבוק היא כרגע הדרך היחידה ליצור 'לשונית' לעמוד פייסבוק או 'עמוד בתוך עמוד'. דוגמה טובה לכך אפשר לראות בדף של אינטרנט ישראל בפייסבוק.

בדף זה אני מסביר כיצד יוצרים אפליקציה כזו.

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

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


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

ההגדרה הראשונית של האפליקציה זהה להגדרת אפליקציה רגילה.

ראשית, עלינו להתקין בפרופיל שלנו את תוכנת Developer של פייסבוק. האפליקציה הזו מאפשרת לנו לרשום את האפליקציה שניצור. לאחר ההתקנה של האפליקציה הזו בחשבוננו, אנו נלחץ על Set Up New Application בדף אפליקצית Developer:

כפתור הוספת אפליקציה בממשק

אחרי שלחצנו על הכפתור הזה, יופיע מסך שבו אנו יכולים לבחור את שם האפליקציה, את ה-namespace (השם הממוחשב של האפליקציה) ולאשר את התנאים…

בחירת השם של האפליקציה
בחירת השם של האפליקציה

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

הכנסת הנתיב שבו יש את קובץ הלשונית
הכנסת הנתיב שבו יש את קובץ הלשונית

אחרי כן אנו נגלול למטה ונכניס את שם הלשונית ואת קובץ ה-HTML (או ה-PHP או ה-ASP או מה שבא לכם שם).

לבחור את שם הלשונית ודף ה-HTML
לבחור את שם הלשונית ודף ה-HTML

אחרי לחיצה על שמירה, ניגש לכתובת של התיקיה שלנו ושל התגית שלנו. אם למשל הכתובת של ה-CANVAS URL היא https://internet-israel.com/internet_files/facebookpage והכתובת של ה-TAB היא TPAGE אז ה-URL שלי הוא: https://internet-israel.com/internet_files/facebookpage/TPAGE.

אצור בכתובת הזו את הדף הפשוט הבא:


< ?php
echo 'Hello World!';

כל מה שנותר לי לעשות זה להתקין את האפליקציה שלי בעמוד כדי לבדוק אותו. נכנס לדף האפליקציה (למתקשים לעשות את זה דרך הממשק, פשוט תקחו את ה-id של האפליקציה שלכם ותשימו אותו ב-URL הבא:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

כאשר ה-YOUR_APP_ID זה ה-ID של האפליקציה וה-YOUR_URL זה ה-URL של האפליקציה. הנה, ממש כך:

הוספת האפליקציה לדף - חלק א
הוספת האפליקציה לדף - חלק א

שם, ניתן ללחוץ על Add to my page:

הוספת האפליקציה לדף - חלק ב
הוספת האפליקציה לדף - חלק ב

אם נכנס לדף שלנו, נראה שיש לנו תגית בשם Hello World. ולראיה, ניתן להכנס לדף של אינטרנט ישראל ולראות את הטאבים שם – כולל את הטאב של ברוכים הבאים!

במאמר הבא נדבר על מה שאפשר לעשות במקום ה-Hello World.

כדאי תמיד להשאר מעודכנים! אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂 אם אתם רוצים ללמוד תכנות באופן מקיף ומסודר, הצטרפו לאלפי הלומדים בפרויקט "ללמוד ג'אווהסקריפט בעברית" שמלמד לתכנת בג'אווהסקריפט, ב-Node.js ובריאקט וגם מלמד על תרומה לקוד פתוח. גם ספרים דיגיטליים וגם ספרים מודפסים. בשיתוף הקריה האקדמית אונו ובתמיכת חברות מובילות כגון Wix, Outbrain, Elementor, Iron Source, Chegg, Really Good ועוד.
פייסבוק

השארת תגובה

ביטול

ללמוד ג'אווהסקריפט בעברית

ללמוד לתכנת ג'אווהסקריפט בעברית שגייס יותר משלוש מאות אלף שקל ולמעלה מ-2000 תומכים - בואו ללמוד עכשיו איך לתכנת.

רשימת הנושאים
  • מדריכים
    • ריאקט
    • טייפסקריפט
    • ECMAScript 6
    • ES20XX
    • Node.js
    • Express
    • רספברי פיי
    • Babel
    • docker
    • MongoDB
    • Git
    • לימוד MySQL
    • SASS
    • jQuery
    • CSS3
    • HTML 5
    • SVN
    • LESS
  • פיתוח אינטרנט
    • פתרונות ומאמרים על פיתוח אינטרנט
    • jQuery Scripts
    • jQuery למתקדמים
    • יסודות בתכנות
    • נגישות אינטרנט
  • חדשות אינטרנט
  • מידע כללי על אינטרנט
    • רשת האינטרנט
    • בניית אתרי אינטרנט
  • rss logo

    לכל המאמרים

    לכל המאמרים שפורסמו באינטרנט ישראל משנת 2008 ועד עכשיו.
  • rss logo

    RSS Feed

    משתמשים בקורא RSS? אם כן, עקבו אחרי אינטרנט ישראל באמצעות פיד ה-RSS!
    מה זה RSS?
  • Twitter logo

    עקבו אחרי בטוויטר

    בחשבון הטוויטר שלי אני מפרסם עדכונים מהירים על חדשות בתחום התכנות והיזמות, התרעות על מצבי חירום ורכילות בוערת על תחום הווב.
    מה זה טוויטר?
  • facebook like image

    ערוץ הטלגרם של אינטרנט ישראל

    בערוץ הטלגרם של אינטרנט ישראל אני מפרסם את הפוסטים של באתר וכן עדכונים טכנולוגיים נוספים.
    מה זה טלגרם?
  • github logo

    הפרויקטים שלי בגיטהאב

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

כל הזכויות שמורות לרן בר-זיק ולאינטרנט ישראל | מדיניות הפרטיות של אתר אינטרנט ישראל | אתר אינטרנט ישראל נגיש לפי תקן WCAG 2.0 AA | הצהרת הנגישות של האתר | אבטחת מידע ודיווח על בעיית אבטחת מידע

גלילה לראש העמוד