נפתרה: קרא את הפרמטרים של כתובת האתר

מבוא

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

קריאת פרמטרים של כתובת URL ב-TypeScript

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

interface UrlParameters {
  parameter1?: string;
  parameter2?: number;
  parameter3?: string;
}

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

פתרון: פרמטרים של חיפוש כתובת אתר להצלה

עם URLSearchParams, אנו יכולים לקרוא את הפרמטרים מכתובת האתר. אנחנו פשוט יוצרים מופע חדש של המחלקה הזו על ידי העברת חלק ה-query-string של כתובת האתר לבנאי שלו.

const urlParameters: UrlParameters = {};
const params = new URLSearchParams(window.location.search);
for (let param of params) {
  urlParameters[param[0]] = param[1];
}

בקוד שלמעלה, נוצר אובייקט URLSearchParams חדש באמצעות פרמטרי ה-URL של הדף הנוכחי. פרמטרים אלה עוברים בלולאה ומתווספים לאובייקט UrlParameters שלנו. הדבר הגדול הוא ש-URLSearchParams עובד בצורה חלקה עם תכונות ההקלדה החזקות של TypeScript.

הסבר שלב אחר שלב של הקוד

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

• לאחר מכן, אנו ממשיכים ליצור מופע חדש של URLSearchParams, ומעבירים את פרמטרי ה-URL (שמתקבלים מ-window.location.search) לבנאי. זה יהפוך את תהליך ניתוח הפרמטרים לאוטומטי.
• לאחר מכן, מופעלת לולאה for..of על האובייקט URLSearchParams. כל פרמטר והערך שלו ממוקמים באובייקט UrlParameters שלנו.

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

ספריות נוספות לטיפול בפרמטרים של כתובת URL

למרות ש-JavaScript ובהרחבה TypeScript מספקים שיטות מובנות לטיפול בפרמטרים של כתובת URL, ישנן ספריות כגון מחרוזת שאילתה or js-url המספקים אפשרויות ניתוח נרחבות יותר. ספריות אלו מציעות שיטות למחרוזת, לנתח, לחלץ או לבצע מניפולציה של פרמטרים של כתובות אתרים בצורה מקיפה יותר.

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