malbruk / wolf-practicum-2024

המקום שלך לשאלות ותשובות על הפרקטיקום הפנימי בסמינר וולף תשפ"ד
0 stars 0 forks source link

Jwt in Render #53

Open chayaleA opened 3 months ago

chayaleA commented 3 months ago

העלתי את הסרבר לענן והוא מתחבר למסד הנתונים שבענן, הקליינט כנ"ל, אני צריכה לשנות כאן את ה Issuer וה Audience? ואם כן למה? "Jwt": { "Issuer": "https://localhost:7074/", "Audience": "https://localhost:7074/", "Key": "This is a sample secret key - please don't use in production environment." } זה הקישור לסרבר שבענן: https://employees-net.onrender.com/ אני צריכה לשנות לזה? "Jwt": { "Issuer": "https://employees-net.onrender.com/", "Audience": "https://employees-net.onrender.com/", "Key": "This is a sample secret key - please don't use in production environment." }

chayaleA commented 3 months ago

שיניתי למה שכתבתי אחרון, שאני מנסה להתחבר עכשיו דרך הקליינט אני מקבלת כזאת שגיאה: (הסרבר בענן עובד מצוין!) :4200/api/Auth:1

   Failed to load resource: the server responded with a status of 418 (Blocked by NetFree)
chayaleA commented 3 months ago

עובד🤩🤩🤩 נטפריי שיחררו תודה רבה לעצמי:)

chayaleA commented 3 months ago

עכשיו בעיה אחרת ואחרונה!!!! ב"ה השרת בענן מתחבר למסד הנתונים שבענן ואפליקצית הקליינט מתחברת לשרת זה, העליתי אותה (היא כתובה באנגולר) לפי ההוראות, שיניתי מספר דברם קטנים כגון DIST וכו' שלחתי לנטפרי לבדיקה, שיחררו אחרי זמן רב, אני נכנסת בשמחה לקישור אך מגלה דף ריק - לבן ללא שום הערות בCONSOLE https://employeesapp-8ise.onrender.com/ שאלתי, האם הבעיה של נטפרי - אני באמצע לשגע אותם או שזה קשור להעלאה, העלתי כבר את ריאקט של פרקטיקום וזה עבד לי אז יכול להיות שלא הגדרתי טוב איזה משהו על אנגולר, למרות שכותב ברנדר שהכל סבבה: image

chayaleA commented 3 months ago

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

https://www.npmjs.com/package/dotenv

הוסיפי קובץ בשם env. (נקודה ואז env) והגדירי בו משתנה שיחזיק את כתובת ה-API.

כיון שפרויקט הקליינט נוצר באמצעות create-react-app משתני הסביבה חייבים להתחיל בתחילית מסוימת.

כדי לגלות מה התחילית הדרושה חפשי בגוגל את השאילתה הבאה:

Search

"create react app add custom environment variable" החליפי בקוד את כתובת ה-API במשתנה הסביבה process.env.VARIABLE_NAME (כאשר VARIABLE_NAME הוא שם המשתנה שהגדרת.) שימי לב להחליף את כל המופעים של כתובת ה-API. באתר של Render, היכנסי לאפליקציית הקליינט ובחרי בתפריט הצד את Environment.

הגדירי משתנה סביבה עבור הכתובת של ה-API בענן.

chayaleA commented 3 months ago

100% זה קשור להגדרות של עלאת הקליינט מכיוון שאת הפרויקט בריאקט העלה לי בשניות, ניסיתי לעלות פרויקט אחר באנגולר על אותו קישור ומביא לי ג"כ דף ריק, מה שמוזר שמבחינתו הוא הצליח בשלמות לעלות: image האם יש עוד דברים שונים בעלאת אנגולר מריאקט חוץ מתיקית הDIST?

chayaleA commented 2 months ago

ב"ה עובד מושלם!!!!!!!!!! תודה רבה לעצמי!!!!!!!!! 🤑🤑🤑🤑🤑🤑 פסח כשר ושמח!

chayaleA commented 2 months ago

מי שרוצה לדעת מה צריך להגדיר ספציפית לאנגולר, יכולה לשאול באישי.