איך אני מקבל מידע מאתר חדשות?

[אבי 203]

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

[dovid]

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

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

אם אתה כבר יודע אותם, אז אפשר להתקדם: באיזה צד שרת מדובר? כלומר מה שפת הקוד ו/או הפלטפורמה שעומדים לרשותך?

[אבי 203]

א. אני חושב שכן. צד שרת באמצעות Backend.
ב. באמצעות import {fetch} from 'wix-fetch' ?
ג. כנ"ל. אני מייבא את זה. כלומר אני יודע איך להפעיל פונקצייה שתפעל בצד השרת ותחזיר לי את זה לצד לקוח, אני משתמש בזה לאימות של גוגל, ולשליחת מידע למסד נתונים בחנויות.

אם אלו לא תשובות הנכונות. אז לא יודע.

שפת הקוד wixcorvid

[aaron]

@אבי-203 אמר באיך אני מקבל מידע מאתר חדשות?:

צד שרת באמצעות Backend

צד שרת זה תרגום של backend

ב. באמצעות import {fetch} from 'wix-fetch' ?

לכאורה זה רץ בצד הלקוח - על הדפדפן.

[aaron]

ואגב, (לא יודע אם זה יהיה שימושי למקרה הזה ספציפי..)
אבל https://github.com/RSS-Bridge/rss-bridge יכול להועיל בהרבה מקרים

לאתרים גדולים ומוכרים בעיקר.. אבל אולי תכתוב לו bridge משלך למה שאתה צריך.. תעזור לעולם.

[dovid]

@aaron זה לא צד לקוח, זה צד שרת.

[dovid]

@אבי-203 זה נראה שאתה אכן בשלב המתאים (למעט תשובה ג' שלא לגמרי ברורה, זה נראה שאתה מכיר דברים מוכנים אבל לא מספיק השתפשפת בזה).
עריכה: אני כעת מבין למה - crovid מטשטשת לגמרי את ההבדל בין צד לקוח לשרת כי אפשר לטפל באירועי לקוח בצד שרת ולהיפך - להזין נתונים באלמנטים בצד לקוח בקוד של צד השרת. טוב אז זה חיה בפני עצמה.

אז בא נלך לצד השרת, תתחיל לעשות פונקציה שמשתמשת ב fetch ומקבלת את דף הבית למשל של האתר הזה:

export function buttonTestFetch_click(event) {
  fetch("https://tchumim.com/", {method: 'get'})
    .then(response => response.text())
    .then(txt => $w("#someElement").text = txt.match(/<title>([^<]+)</)[1]) );
}

[אבי 203]

תודדדדדדדה
לעשות איזה לוג בשביל לקרא את זה לבנתיים?

[dovid]

@אבי-203 תוסיף אלמנט שיתאים לסלקטור #someElement
וגם תעשה כפתור שאירוע הלחיצה שלו יפעיל את הפונקציה.

[אבי 203]

@dovid אמר באיך אני מקבל מידע מאתר חדשות?:

.then(txt => $w("#someElement").text = txt.match(/<title>([^<]+)</)[1]) );                                                                                                                                                                            

קצת ערבבתי. אז אולי בגלל זה אני טועה.
בצד לקוח כתבתי כך

import { buttonTestFetch } from 'backend/site';

export function button62_click(event) {
	
let submitRequestData = {
			"url": $w('#input12').value	
		}
		buttonTestFetch(submitRequestData)
			.then((log) => {
console.log(log);
			})
}

בצד שרת כתבתי כך

export function buttonTestFetch_click(submitRequestData) {
  fetch(submitRequestData.url, {method: 'get'})
    .then(response => response.text())
    .then(txt => {
let log =  (txt.match(/<title>([^<]+)</)[1])
	return (log) ;
	})
	
}

זה מה שמדפיס לי:

TypeError: (0 , _site.buttonTestFetch) is not a function

[dovid]

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

[אבי 203]

תודה בכל אופן. מעריך מאוד.

[אבי 203]

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

export function buttonTestFetch(submitRequestData) {
  fetch(submitRequestData.url, {method: 'get'})
    .then(response => response.text())
    .then(txt => {
let log =  (txt.match(/<title>([^<]+)</)[1])
	return (log) ;
	})
	
}

ככה זה הנכון.
עכשיו אין לי את השגיאה.
אלא שהוא מדפיס לי כעת undefined
אולי זה כבר בעיה פשוטה בקוד?

תודה בכל אופן.