עזרה | עזרה בחיבור API לBase44
-
@Les מה בדיוק אתה צריך? לא מכיר שם את האפשרויות להתמשקות, אבל בלי פרטים של מה האינטרקציה אי אפשר לדעת מי ואיך יכול לעזור
-
@Les כתב בעזרה | עזרה בחיבור API לBase44:
האם יש כאן תותח שמבין ויודע ויכול לעזור לי לעשות אינטגרציה לאתר שאני בונה בBase44 ?
בקשה כללית מדי. תפרט מה ואיך ולמה...
@aiib ביקשתי מהבייס לפרט לי איך אמור לעבוד האינטגרציה לאתר שלי
המטרה של האינטגרציה: לאפשר לאפליקציית ה-Base44 שלך (צד הלקוח - Frontend) לתקשר עם ה-API של נדרים קארד (מערכת חיצונית) בצורה מאובטחת ויעילה.האינטגרציה שלי פועלת בשלבים הבאים:
הגדרת פרטי התחברות ב-Base44 (Backend של האפליקציה שלך):
כמנהל באפליקציית Base44, אתה מזין את פרטי ההתחברות שלך לנדרים קארד (כמו MosadId ו-ApiPassword) בדף ההגדרות של הארגון (pages/Settings).
פרטים אלו נשמרים בצורה מאובטחת ב-Database של Base44 תחת ישות Organization עבור ה-tenantId (מזהה הארגון) שלך.
חשוב לוודא שתיבת הסימון nedarim_card_enabled מסומנת ב-true באותה ישות, כדי שהמערכת תדע שהאינטגרציה פעילה.
האפליקציה שלך שולחת בקשה (Frontend):
כאשר משתמש באפליקציה שלך (למשל, בדף NedarimCardManagement או בטאב נדרים קארד בכרטיס משפחה) מבקש לבצע פעולה שקשורה לנדרים קארד (לדוגמה, "טען נתוני כרטיס", "שייך כרטיס מגנטי", "הוסף טעינה" וכו'), קוד ה-Frontend שלך (בעיקר דרך הקובץ components/utilities/nedarimCardApi.js) מפעיל פונקציה מתאימה.
פונקציה זו אינה פונה ישירות לשרתי נדרים קארד. במקום זאת, היא שולחת בקשת HTTP POST אל שרת הפרוקסי שלך ב-Vercel.
הבקשה לשרת הפרוקסי מכילה:
tenantId: מזהה הארגון שלך.
accessToken: טוקן אימות של המשתמש הנוכחי ב-Base44, שמוודא שהמשתמש מורשה לבצע את הפעולה.
action: איזה סוג פעולה יש לבצע מול נדרים קארד (לדוגמה: 'GetClientCard', 'AddTlush').
payload: הנתונים הספציפיים לאותה פעולה (לדוגמה: ClientId, Amount וכו').
שרת הפרוקסי ב-Vercel מקבל את הבקשה ומטפל בה (Backend - Vercel Serverless Function):הפרוקסי שלך ב-Vercel (הפרויקט nedarim-card-integration שמכיל את קוד ה-API, ככל הנראה בנתיב api/index.ts או api/index.js) מקבל את בקשת ה-POST.
הפרוקסי משתמש ב-tenantId וב-accessToken (שהתקבלו מהאפליקציה שלך) כדי:
לאמת את המשתמש מול Base44.
לשלוף ממאגר הנתונים של Base44 את פרטי ההתחברות הסודיים של נדרים קארד (כלומר, ה-nedarim_card_mosad_id וה-nedarim_card_api_password) עבור ה-tenantId הספציפי ששלח את הבקשה. זהו השלב הקריטי שבו הפרטים הסודיים אינם נחשפים ל-Frontend.
לאחר שיש לפרוקסי את פרטי ההתחברות, הוא בונה את הבקשה המתאימה ל-API של נדרים קארד.
שרת הפרוקסי פונה ל-API של נדרים קארד:הפרוקסי שלך מבצע קריאת HTTP (בדרך כלל POST) ישירות ל-API של נדרים קארד, תוך שימוש בפרטי ההתחברות ששלף ובנתוני ה-payload שהתקבלו מהאפליקציה שלך.
שרתי נדרים קארד מקבלים את הבקשה, מעבדים אותה ומחזירים תשובה לפרוקסי.
הפרוקסי מחזיר תשובה לאפליקציה (Frontend):הפרוקסי שלך מקבל את התשובה מנדרים קארד.
הוא מעבד את התשובה (למשל, בודק שגיאות, מנסח אותה מחדש בפורמט שה-Frontend מצפה לו).
הוא שולח את התשובה בחזרה לאפליקציה שלך (ל-Frontend).
האפליקציה שלך מציגה את הנתונים:ה-Frontend מקבל את התשובה מהפרוקסי ומציג את הנתונים למשתמש (לדוגמה, יתרת כרטיס, היסטוריית עסקאות וכו').
עשיתי את כל ההגדרות ועם כל זה עדיין לא מצליח להתחבר.
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}