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

אבי 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
אולי זה כבר בעיה פשוטה בקוד?

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

תחומים - פורום חרדי מקצועי

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