URL Parse _

URL parsing how works

પાર્સર WHATWG URL ધોરણ પર ચાલે છે, એ જ એલ્ગોરિધમ જે બ્રાઉઝર કોઈપણ href માટે વાપરે છે. અમે સ્ટ્રિંગને નેટિવ URL કન્સ્ટ્રક્ટરને સોંપીએ છીએ અને દરેક ઘટકને એક પ્રોપર્ટી તરીકે પાછું વાંચીએ છીએ.

1. Input validate. ખાલી સ્ટ્રિંગ ખાલી-ઇનપુટ સૂચના દેખાડે. નહિ તો ટેક્સ્ટ new URL(text) ને આપો; TypeError એટલે સ્ટ્રિંગ valid absolute URL નથી.
2. રચનાત્મક ઘટકો વાંચો. અમે URL ઑબ્જેક્ટમાંથી protocol, username, password, host, hostname, port, pathname, search, hash, અને origin વાંચીએ છીએ. દરેક પોતાની અલગ પંક્તિમાં આવે છે જેથી તમે તેને અલગથી કૉપિ કરી શકો.
3. Query string walk. અમે url.searchParams.entries() ને iterate કરીએ છીએ અને દરેક કી દીઠ એક કોષ્ટક પંક્તિ રેન્ડર કરીએ છીએ. કાચું મૂલ્ય decodeURIComponent(value) ની બાજુમાં બેસે છે જેથી ટકા-એન્કોડેડ પેલોડ (ખાલી જગ્યા, વત્તાનાં ચિહ્ન, Unicode) સાદા લખાણમાં વંચાય.
4. Rebuild demand. કોઈપણ કોષ સંપાદિત કરો, એક પંક્તિ કાઢી નાખો, અથવા નવો પેરામીટર ઉમેરો, પછી Build URL પર ક્લિક કરો. ટૂલ તમારા સંપાદનોમાંથી એક નવો URL ઑબ્જેક્ટ ફરી બનાવે છે અને પરિણામ ઇનપુટ બૉક્સમાં પાછું લખે છે.
5. લાઇવ મોડ. લાઇવ મોડ ટૉગલ કરો અને દરેક કીસ્ટ્રોક URL ને 150 ms ડિબાઉન્સ સાથે ફરી પાર્સ કરે છે. જ્યારે તમે કોઈ લૉગમાંથી ટુકડા પેસ્ટ કરી રહ્યા હો અને તાત્કાલિક પ્રતિસાદ ઇચ્છતા હો ત્યારે ઉપયોગી છે.

તમારા બ્રાઉઝરમાં URL શા માટે પાર્સ કરવું

• Tab stays data. URL માં ટોકન, સેશન ID, OAuth સ્ટેટ, અને હસ્તાક્ષરિત ક્વેરી પેરામીટર હોય છે જે તમે કોઈ તૃતીય-પક્ષ સેવાને પકડી રાખવા દેવા માગતા નથી. આ પાર્સર એ જ URL એલ્ગોરિધમ વાપરે છે જે તમારું બ્રાઉઝર પહેલેથી સ્થાનિક રીતે ચલાવે છે — કોઈ અપલોડ નહીં, કોઈ નેટવર્ક કૉલ નહીં.
• તમારો કોડ જે જુએ છે તેની સાથે મેળ ખાય છે. Node.js, Deno, આધુનિક બ્રાઉઝરો, અને Cloudflare Workers બધા WHATWG URL implementation સાથે આવે છે. અહીં કોઈ URL ની તપાસ તમને એ જ ઘટક વિભાજન આપે છે જે પ્રોડક્શનમાં new URL(input) કૉલ આપે છે.
• ક્વેરી સ્ટ્રિંગને માણસોની જેમ વાંચે છે. કાચાં અને ડિકોડ થયેલ મૂલ્યો બાજુ-બાજુમાં બેસે છે, તેથી q=hello%20world જોડ વાયર બાઇટ્સ અને વાંચી શકાય તેવું hello world બંને એક નજરમાં દર્શાવે છે. માનસિક URL-ડિકોડિંગ ની જરૂર નથી.
• Round-trip edit. એક ટ્રેકિંગ પેરામીટર કાઢી નાખો, પાથમાં કોઈ ટાઇપો સુધારો, કોઈ પોર્ટ બદલો — અને URL ફરી બનાવો. આઉટપુટ URL કન્સ્ટ્રક્ટરમાંથી પાછું જાય છે તેથી કોઈપણ અમાન્ય વસ્તુ તમે કૉપિ કરો તે પહેલાં સામે આવી જાય છે.

સામાન્ય ઉપયોગો

URL પાર્સિંગ રોજિંદા ડેવલપર, સુરક્ષા, અને એનાલિટિક્સ કાર્યમાં ત્યારે દેખાય છે જ્યારે URL માત્ર એક લિંક કરતાં વધારે હોય.

• API એન્ડપૉઇન્ટ ડીબગ કરવા: curl અથવા Postman વિનંતી મોકલતા પહેલાં બેઝ URL, પાથ, અને ક્વેરી પેરામીટરની પુષ્ટિ કરો.
• ટ્રેકિંગ-પેરામીટર ઑડિટ: કોઈ લેન્ડિંગ-પેજ URL પરના દરેક UTM, gclid, fbclid, અથવા campaign કીની યાદી બનાવો અને નક્કી કરો કે કયા રાખવા છે.
• એફિલિએટ અને પાર્ટનર લિંક ચકાસવી: એક ડીપલિંક પેસ્ટ કરો, પ્રકાશિત કરતા પહેલાં ડેસ્ટિનેશન હોસ્ટ અને એમ્બેડ થયેલ રીડાયરેક્ટ ટાર્ગેટની પુષ્ટિ કરો.

Worked example

ઇનપુટમાં https://example.com/search?q=hello%20world&lang=en પેસ્ટ કરો. પ્રોટોકૉલ https: વાંચે છે, હોસ્ટનેમ example.com વાંચે છે, પાથનેમ /search વાંચે છે, અને સર્ચ ?q=hello%20world&lang=en વાંચે છે. ક્વેરી કોષ્ટક બે પંક્તિઓ દર્શાવે છે: q જેનું કાચું મૂલ્ય hello%20world અને ડિકોડ થયેલ મૂલ્ય hello world છે, પછી lang જેનાં કાચાં અને ડિકોડ થયેલ બંને મૂલ્યો en છે. lang પંક્તિ પર Remove ક્લિક કરો, પછી Build URL — ઇનપુટ https://example.com/search?q=hello%20world પર અપડેટ થાય છે.

FAQ

URL parser what?

URL પાર્સર એક URL સ્ટ્રિંગ લે છે અને તેને નામવાળા ઘટકોમાં વિભાજિત કરે છે: પ્રોટોકૉલ (https), યુઝરઇન્ફો (યુઝરનેમ, પાસવર્ડ), હોસ્ટ (હોસ્ટનેમ વત્તા વૈકલ્પિક પોર્ટ), પાથ, ક્વેરી સ્ટ્રિંગ, અને ફ્રેગમેન્ટ. તે દરેક ક્વેરી પેરામીટરને પણ ડિકોડ કરે છે જેથી ટકા-એન્કોડેડ મૂલ્યો (જેમ કે ખાલી જગ્યા માટે %20) વાંચી શકાય. અહીંનું પાર્સર WHATWG URL ધોરણ વાપરે છે, એ જ જે તમારું બ્રાઉઝર પેજ લોડ કરવા માટે વાપરે છે.

host અને hostname વચ્ચે શો ફરક છે?

હોસ્ટનેમ માત્ર ડોમેન (અથવા IP સરનામું) છે — example.com:8080 માટે હોસ્ટનેમ example.com છે. હોસ્ટ એ હોસ્ટનેમ વત્તા પોર્ટ છે જ્યારે કોઈ બિન-ડિફૉલ્ટ પોર્ટ હાજર હોય, તેથી એ જ URL નો હોસ્ટ example.com:8080 છે. ડિફૉલ્ટ પોર્ટ (https માટે 443, http માટે 80) વાળા URL માટે હોસ્ટ અને હોસ્ટનેમ સમાન હોય છે.

શું ડિકોડિંગ આપમેળે થાય છે?

રચનાત્મક ઘટકો (પ્રોટોકૉલ, હોસ્ટનેમ, પોર્ટ, પાથનેમ) URL ઑબ્જેક્ટમાંથી વધારાના ડિકોડિંગ વિના સીધા વંચાય છે — URL કન્સ્ટ્રક્ટર તેમને પહેલેથી નૉર્મલાઇઝ કરી દે છે. ક્વેરી મૂલ્યો બે વાર દર્શાવાય છે: search માં દેખાય તેવી કાચી ટકા-એન્કોડેડ સ્ટ્રિંગ, અને decodeURIComponent દ્વારા ઉત્પન્ન થયેલ ડિકોડ થયેલ મૂલ્ય. એ રીતે તમે જે પણ સ્વરૂપ તમારું ડાઉનસ્ટ્રીમ ટૂલ અપેક્ષા રાખે છે તે કૉપિ કરી શકો.

શું હું URL સંપાદિત કરીને ફરી બનાવી શકું?

હા. દરેક parts કોષ અને દરેક query-parameter કોષ સંપાદન કરી શકાય તેવો છે. Add અને Remove બટનો વડે ક્વેરી પંક્તિઓ ઉમેરો અથવા કાઢી નાખો, પછી Build URL from parts ક્લિક કરો. ટૂલ તમારા સંપાદનોને URL કન્સ્ટ્રક્ટરમાંથી પાછા ચલાવે છે અને પરિણામ ઇનપુટમાં લખે છે — જો સંપાદનો કોઈ અમાન્ય URL બનાવે તો તમને એ જ ભૂલ સંદેશ મળે છે જે તમારા પોતાના કોડમાં new URL() માંથી મળે છે.

URL parsing web developer આપણા અમુક છોટા jobs નો છે. Browser ને production code એકજ algorithm, ઝડપી અને data તમારી machine ના.