HTML - What is a Web API?
একটি ওয়েব API একটি বিকাশকারীর স্বপ্ন।
- এটি ব্রাউজারের কার্যকারিতা প্রসারিত করবে
- এটি জটিল ক্রিয়াকলাপগুলিকে ব্যাপকভাবে সহজ করবে
- এটি জটিল কোডের জন্য সহজ সিনট্যাক্স প্রদান করে
ওয়েব API কি?
API এর অর্থ হল অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস। একটি এপিআই হল এক ধরনের ইন্টারফেস যা ফাংশন এবং সাবরুটিনের একটি সেট অন্তর্ভুক্ত করে যা বিকাশকারীদের একটি অ্যাপ্লিকেশন, অপারেটিং সিস্টেম বা অন্যান্য পরিষেবার নির্দিষ্ট বৈশিষ্ট্য বা ডেটা অ্যাক্সেস করতে দেয়।
একটি ওয়েব API হল ওয়েবের জন্য একটি অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস।
API এর ভূমিকা:
APIগুলি হল "ইন্টারফেস" যা বিভিন্ন সফ্টওয়্যার উপাদানগুলিকে একে অপরের সাথে যোগাযোগ করার অনুমতি দেয়। তারা ডেভেলপারদের একটি অ্যাপের কার্যকারিতা ব্যবহার করার অনুমতি দেয় এর ভিতরের কাজগুলি প্রকাশ না করে।
HTML API
জটিল ক্রিয়াকলাপগুলিকে সমর্থন করতে এবং ডেটা অ্যাক্সেসের সুবিধার্থে সমস্ত ব্রাউজারে অন্তর্নির্মিত ওয়েব API-এর একটি সেট রয়েছে।
এখানে কিছু প্রধান HTML5 API আছে:
1. Geolocation API
এই API ব্যবহারকারীর বর্তমান অবস্থান (অক্ষাংশ এবং দ্রাঘিমাংশ সহ) অ্যাক্সেস করতে ব্যবহৃত হয়।
2. Drag and Drop API
এই API আপনাকে ব্রাউজারে ড্র্যাগ-এন্ড-ড্রপ বৈশিষ্ট্যগুলি ব্যবহার করতে সক্ষম করে।
3. Web Storage API
এই APIটি এমন পদ্ধতি রয়েছে যা ব্রাউজারগুলিকে কী/মান জোড়া (কুকিজের চেয়ে আরও স্বজ্ঞাত উপায়ে) সংরক্ষণ করতে দেয়।
4. Web Workers API
এই API পৃষ্ঠার কর্মক্ষমতা প্রভাবিত না করেই পটভূমিতে JavaScript চালানোর অনুমতি দেয়। যখন ওয়েব কর্মী ব্যাকগ্রাউন্ডে চলছে, ব্যবহারকারীরা যেকোন কিছু করতে পারেন: ক্লিক করুন, জিনিস নির্বাচন করুন ইত্যাদি।
5. Server-Sent Events API
এই API একটি ওয়েব পৃষ্ঠাকে একটি সার্ভার থেকে স্বয়ংক্রিয়ভাবে আপডেট পেতে অনুমতি দেয়।
6. Canvas API
এই API আপনাকে জাভাস্ক্রিপ্টের সাথে সাথে সাথে গ্রাফিক্স আঁকতে দেয়।
HTML API ব্যবহার করার নোট
একটি HTML API বাস্তবায়ন করার সময়, আপনি সর্বদা:
ব্রাউজারের ক্ষমতা পরীক্ষা করুন
সর্বদা লক্ষ্য করুন যে ব্রাউজারগুলি API সমর্থন করে। সর্বদা একটি স্ক্রিপ্ট বা বার্তা অন্তর্ভুক্ত করুন যা চালানো হবে যদি একটি ব্রাউজার এটি সমর্থন না করে।
// ব্রাউজার সমর্থনের জন্য চেক করুন যদি (navigator.geolocation) { // API সমর্থিত } অন্য { // API সমর্থিত নয় সতর্কতা ("আপনার ব্রাউজার জিওলোকেশন API সমর্থন করে না"); }জোরালো ত্রুটি হ্যান্ডলিং যোগ করুন
একটি এপিআই প্রত্যাশিত আচরণ করে না এমন পরিস্থিতিতে পরিচালনা করতে শক্তিশালী ত্রুটি পরিচালনা যোগ করুন, একটি বিরামহীন ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করুন।
ব্যবহারকারীর অনুমতির অনুরোধ করুন
জিওলোকেশন এপিআই (যা ব্যবহারকারীর ভৌগলিক অবস্থান অ্যাক্সেস করে) এর মতো সংবেদনশীল ডেটা অ্যাক্সেস করে এমন একটি API ব্যবহার করার সময়, এগিয়ে যাওয়ার আগে সর্বদা ব্যবহারকারীর সম্মতির জন্য জিজ্ঞাসা করুন।
তৃতীয় পক্ষের API
তৃতীয় পক্ষের APIগুলি আপনার ব্রাউজারে অন্তর্নির্মিত নয়৷
এই APIগুলি ব্যবহার করার জন্য, আপনাকে ওয়েবসাইট থেকে কোডটি ডাউনলোড করতে হবে।
YouTube API
আপনাকে একটি ওয়েবসাইটে ভিডিও প্রদর্শন করার অনুমতি দেয়।
video.play() video.pause()Twitter API
আপনাকে একটি ওয়েবসাইটে টুইট প্রদর্শন করার অনুমতি দেয়।
tweet.load() tweet.embed()Facebook API
আপনাকে একটি ওয়েবসাইটে Facebook তথ্য প্রদর্শন করার অনুমতি দেয়।
FB.login() FB.api()তৃতীয় পক্ষের API কী:
বেশিরভাগ তৃতীয় পক্ষের API-এর আপনার অ্যাপ্লিকেশন প্রমাণীকরণের জন্য একটি API কী প্রয়োজন। এই কীগুলি সাধারণত API প্রদানকারীর ওয়েবসাইট থেকে বিনামূল্যে পাওয়া যেতে পারে।
API ব্যবহারের উদাহরণ
জিওলোকেশন API উদাহরণ
<!DOCTYPE html> <html> <মাথা> <title>ভৌগলিক অবস্থানের উদাহরণ - জসিফ টিম</title> </head> <body> <h1>ভৌগলিক অবস্থান API উদাহরণ</h1> <button onclick="getLocation()">আমার অবস্থান পান</button> <p id="demo"></p> <script> ফাংশন getLocation() { // 1. ব্রাউজার সমর্থন চেক করুন যদি (navigator.geolocation) { // 2. ব্যবহারকারীর অনুমতির অনুরোধ করুন navigator.geolocation.getCurrentPosition(showPosition, showError); } অন্য { // 3. ত্রুটি হ্যান্ডলিং document.getElementById("ডেমো").innerHTML = "আপনার ব্রাউজার জিওলোকেশন API সমর্থন করে না।"; } } ফাংশন শোপজিশন (অবস্থান) { // API সফলভাবে সাড়া দিয়েছে document.getElementById("ডেমো").innerHTML = "অক্ষাংশ: " + position.coords.latitude + "<br>দ্রাঘিমাংশ: " + position.coords.longitude; } ফাংশন showError(ত্রুটি) { // 4. শক্তিশালী ত্রুটি পরিচালনা সুইচ(error.code) { ক্ষেত্রে ত্রুটি৷PERMISSION_DENIED: document.getElementById("ডেমো").innerHTML = "ব্যবহারকারী অবস্থানের অনুমতি অস্বীকার করেছে।"; বিরতি ক্ষেত্রে ত্রুটি৷POSITION_UNAVAILABLE: document.getElementById("ডেমো").innerHTML = "অবস্থানের তথ্য পাওয়া যায়নি।"; বিরতি ক্ষেত্রে ত্রুটি। TIMEOUT: document.getElementById("ডেমো").innerHTML = "অবস্থান অনুরোধের সময় শেষ।"; বিরতি ক্ষেত্রে ত্রুটি।UNKNOWN_ERROR: document.getElementById("ডেমো").innerHTML = "একটি অজানা ত্রুটি ঘটেছে।"; বিরতি } } </script> </body> </html>