কীভাবে API গুলি কাজ করে এবং কীভাবে আপনার অ্যাপে তাদের একীভূত করবেন

অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস (এপিআই) স্মার্ট অ্যাপ্লিকেশন তৈরির জন্য চূড়ান্ত শর্টকাটগুলির মধ্যে একটি। এটি দুটি অ্যাপ্লিকেশনের মধ্যে একটি যোগাযোগের চ্যানেল। ইচ্ছাকৃতভাবে হোক বা না হোক, আপনি ইন্টারনেট ব্রাউজ করার সময় বা আপনার দৈনন্দিন জীবনে প্রোগ্রামগুলি র সময় আপনি কয়েকটি পয়েন্টে API গুলি ব্যবহার করেছেন।

যদিও একটি এআইপিআই সাধারণত প্রতিক্রিয়া হিসাবে জটিল ডেটা প্রেরণ করে, আপনি কীভাবে আপনার ব্যবহারকারীদের পরিবেশন করতে এই তথ্যটি বুঝতে এবং ব্যবহার করতে পারেন? API গুলি অভিজ্ঞ এবং নতুন বিকাশকারী উভয়ের জন্যই জীবনকে সহজ করে তোলে। সুতরাং আপনার অ্যাপ্লিকেশন দিয়ে সেগুলি কীভাবে ব্যবহার করবেন তা আপনার জানতে হবে।

এখানে কয়েকটি ব্যবহারের কেস এবং উদাহরণ সহ আমরা কীভাবে আপনার বিকাশকারী হিসাবে আপনার প্রোগ্রামগুলি পরিবেশন করতে একটি এপিআই ব্যবহার করতে পারি তা একবার দেখে নিই।

API গুলি কীভাবে কাজ করে?

বিকাশকারীরা এমন পণ্য হিসাবে API তৈরি করে যা অন্যান্য বিকাশকারীদের পরিবেশন করতে পারে। উদ্দেশ্যটি হ'ল জটিল ওয়েব বিকাশ প্রক্রিয়াগুলি সহজ, আরও দক্ষ এবং গ্রাহক বিকাশকারী বা ব্যবসায়ের জন্য দ্রুততর করা।

সমস্যাগুলি সমাধান করতে এবং তাদের ক্লায়েন্টদের আরও ভাল পরিবেশন করতে এখন বেশিরভাগ ব্যবসায়গুলি তৃতীয় পক্ষের APIগুলির উপর নির্ভর করে। তবে, APIs যতটা জটিল বলে মনে হয় তেমন জটিল নয়। আপনি এটি একটি তৃতীয় পক্ষের সমাধান হিসাবে ভাবতে পারেন যা আপনাকে কোনও নির্দিষ্ট এইচটিটিপি অনুরোধ করার সময় ডেটা আকারে একটি নির্দিষ্ট প্রতিক্রিয়া দেয়।

একটি পিআইপি পিজ্জা রেস্তোরাঁয় অর্ডার দেওয়ার মতো। আপনি কী চান তা জানাতে আপনি রান্নাঘরে যেতে পারবেন না। আপনার পিজ্জা নিয়ে ফিরে আসার আগে আপনার অর্ডার নিতে এবং রান্নাঘরে যোগাযোগ করার জন্য আপনার ওয়েটারের প্রয়োজন।

আপনি এবং রান্নাঘরের মধ্যবর্তী লিঙ্ক হিসাবে আপনি একটি এপিআই দেখতে পারেন। এই ক্ষেত্রে, আপনি একজন ওয়েটার (এপিআই) সরবরাহকারী রেস্তোঁরা পৃষ্ঠপোষকতা করছেন। ওয়েটার তারপরে আপনার পছন্দমতো পিজ্জা (ডেটা) দিয়ে সাড়া দেয়। একটি সত্যিকারের এপিআইতে, আপনার ওয়েব অ্যাপ্লিকেশনটি ক্লায়েন্ট যা তার এপিআইয়ের মাধ্যমে সরবরাহকারীর সামগ্রীটি এন্ডপয়েন্ট HTTP অনুরোধ করে গ্রাহককে অনুরোধ করছে।

একটি এপিআই শেষ পয়েন্ট কি?

কোনও এপিআই-তে সংযুক্ত হওয়ার জন্য আপনার প্রোগ্রামটি একটি এপিআই শেষ পয়েন্টে প্লাগ করা দরকার। আপনি এটি দ্বিমুখী সংযোগ হিসাবে দেখতে পারেন। আপনার প্রোগ্রামের সাথে যুক্ত শেষ পয়েন্টটি একটি অনুরোধ প্রেরণ করে, যখন এপিআইয়ের সাথে সংযুক্ত একটি আপনাকে নির্দিষ্ট প্রতিক্রিয়ার সাথে ফিরিয়ে দেয়।

শেষপয়েন্টটি এমন একটি ইউআরএল যা অনুরোধ করে এবং ক্লায়েন্টকে একটি এপিআইয়ের সংস্থানগুলিতে সরাসরি অ্যাক্সেস দেয়।

কোনও এপিআইয়ের সাথে ডেটা পাওয়ার পাশাপাশি, আপনি কোনও সরবরাহকারীর কাছ থেকে কোনও ক্লায়েন্টের কাছে অনুরোধও পোষ্ট করতে পারেন, সরবরাহকারীর থেকে আরও তথ্য পাওয়ার জন্য পুট পদ্ধতি ব্যবহার করতে পারেন, পাশাপাশি আপনার প্রোগ্রাম থেকে বিদ্যমান ডেটা অপসারণের জন্য ডিলিট পদ্ধতি ব্যবহার করুন। এগুলির প্রতিটি পদ্ধতি সাধারণত একটি এপিআই এর ডকুমেন্টেশনে উপলব্ধ।

কোনও এপিআইতে সংযুক্ত হওয়ার মানদণ্ড

আপনার প্রোগ্রামের সাথে একটি এপিআই সংহত করা কেবল একটি স্বতঃস্ফূর্ত সিদ্ধান্ত নয় – এটি প্রাক-ধ্যানমগ্ন। আপনি অবশ্যই জানেন যে আপনি কোন তথ্য চান এবং এটি কতটা চান। এটি জটিলতায় হ্রাস পাচ্ছে, বিশেষত যদি আপনি JSON ডেটা নিয়ে কাজ করছেন যা বহুমাত্রিক অ্যারে হিসাবে আসে। এই অনুশীলনটি আপনাকে আপনার প্রোগ্রামের জন্য প্রয়োজনীয় সুনির্দিষ্ট তথ্যও পেতে দেয়।

তাদের সাথে সংযোগের জন্য বিভিন্ন বিধি সহ শত শত এপিআই রয়েছে। কিছু এপিআই নিখরচায় এবং ওপেন সোর্স থাকা অবস্থায় অন্যেরা কেবল সাবস্ক্রিপশন ভিত্তিতে অ্যাক্সেসযোগ্য।

যদিও কিছু নির্বিঘ্ন এবং সোজাসাপ্টা এবং কোনও পূর্ব-আবশ্যক প্রয়োজন নেই, অন্য এপিআই-এর প্রয়োজন হতে পারে আপনি এন্ডিপয়েন্টগুলির সাথে সংযোগ স্থাপনের আগে কোনও এপিআই কী তৈরি করা বা কোনও বিকাশকারীর অ্যাকাউন্টে সাইন-আপ করার মতো শর্ত পূরণ করতে পারেন।

সম্পর্কিত: এভিয়েশনস্ট্যাক এপিআই দিয়ে আপনার প্রকল্পে ফ্লাইট ডেটা সংহত করা

যাইহোক, যে কোনও এপিআইয়ের সর্বাধিক গুরুত্বপূর্ণ বিষয়গুলির মধ্যে একটি হ'ল এর ডকুমেন্টেশন। সর্বোত্তম অনুশীলন হ'ল কীভাবে এর সংস্থাগুলি কোড করতে এবং ব্যবহার করতে হয় তার গাইডগুলির জন্য আপনি যে সংস্থার সাথে সংযোগ স্থাপন করতে চান তার ডকুমেন্টেশনটি পড়া এবং অনুসরণ করা। কারণ প্রতিটি API এর নিজস্ব সংযোগ পদ্ধতি এবং নির্দেশাবলী রয়েছে।

যে কোনও এপিআইয়ের সাথে সংযোগ রাখতে, আপনাকে সমর্থন করে এমন প্রোগ্রামিং ভাষাগুলিও জানতে হবে।

কীভাবে কোনও এপিআইতে কানেক্ট করবেন: ব্যবহারিক উদাহরণ

কোনও এপিআইতে সংযুক্ত হওয়ার কোনও নির্দিষ্ট উপায় নেই তবে কয়েকটি উদাহরণ আপনাকে কীভাবে আপনার অ্যাপ্লিকেশন দিয়ে এপিআই ডেটা গ্রাস করতে পারে তার প্রাথমিক ধারণাগুলি আপনাকে উদ্ভাসিত করবে। তবে আরও এগিয়ে যাওয়ার আগে আমরা API গুলি এবং কীভাবে আপনি সেগুলিতে ট্যাপ করতে পারেন সে সম্পর্কে কয়েকটি নিবন্ধ লিখেছি।

উদাহরণস্বরূপ, আপনি কীভাবে ওয়েদারস্ট্যাক এপিআইয়ের সাথে সংযোগ রাখতে পারবেন সে সম্পর্কে আমাদের কাছে একটি বিশদ নিবন্ধ রয়েছে যা আপনাকে রিয়েল-টাইম আবহাওয়ার ডেটাতে অ্যাক্সেস দেয়। আপনি মিডিয়াস্ট্যাক এপিআই কীভাবে ব্যবহার করতে পারেন সে সম্পর্কেও আমরা লিখেছি, যা অর্থ প্রদত্ত এপিআই যা আপনি নিজের ওয়েবসাইটে নিউজ শিরোনাম যুক্ত করতে ব্যবহার করতে পারেন।

আসুন আপনি কীভাবে কোনও এপিআইতে সংযুক্ত হতে পারেন তার কয়েকটি সংক্ষিপ্ত কোড উদাহরণ দেখে নেওয়া যাক।

Iro.js রঙ পিকার এপিআই কীভাবে ব্যবহার করবেন

Iro.js একটি সহজ এপিআই যা আপনাকে আপনার ওয়েবসাইটে একটি বিনামূল্যে রঙ-চয়নকারী যুক্ত করতে দেয়। আপনি যখন রঙের চাকায় কোনও রঙিন বিন্দু নির্বাচন করেন, তখন API এ রঙের হেক্সাডেসিমাল বা আরজিবি কোড দেয়। Iro.js API- এ সংযোগ স্থাপন করতে, আপনি কি সব প্রয়োজন আপনার DOM প্রধান বিভাগে তার কন্টেন্ট বিতরণ নেটওয়ার্ক (যা CDN) শেষবিন্দু পেস্ট হয়।

এই API এর সম্পূর্ণ ডকুমেন্টেশনটি iro.js.orgউপলব্ধ । আসুন দেখুন নীচের উদাহরণ স্নিপেটের সাহায্যে আপনি কীভাবে এই API এ সংযুক্ত করতে পারেন:

 <!DOCTYPE html>
<html>
<head>
<title>Practice Slider</title>
<script src="https://cdn.jsdelivr.net/npm/@jaames/[email protected]"></script>
</head>
<body>
<button id="color-button" onclick="sample()">Display color picker</button>
<div id="color-circle"> </div>
<div id="color-code"> </div>
</body>
<script>
let colors= document.getElementById('color-code');
const sample= ()=>{
var colorPicker = new iro.ColorPicker('#color-circle', {
// Set the size of the color picker
width: 320,
// Set the initial color to pure red
color:"#ff0000"
});
colorPicker.on(['color:change', 'color:init'], function(color) {
// log the current color as a HEX string
colors.innerHTML=color.hexString;
});
};
</script>
</html>

উপরের উদাহরণ এপিআইর ক্ষেত্রে এটির সাথে সংযোগ স্থাপনের জন্য আপনার কোনও এপিআই কী প্রয়োজন হবে না। তবে এটি আরও ভালভাবে বুঝতে, জাভাস্ক্রিপ্টটি ঘনিষ্ঠভাবে দেখুন। এই এপিআইয়ের সাথে সংযোগ স্থাপনের জন্য, আমাদের কেবল ইরো ক্লাস থেকে কালার পিকার ফাংশনটি কল করতে হবে, তারপরে আমরা রঙের চাকা ধারকটির আইডি ক্লাসে পাস করি।

আইআরও.জেএসআইপি এর এন্ডপয়েন্টটি এর সাথে সংযোগ করা সহজ কারণ এটির বিকাশকারীরা ব্যবহারকারীদের জন্য ক্লাস কোডিংয়ের অতিরিক্ত কাজ করেছেন। নীচের চিত্রটি উপরের উদাহরণ কোডের ফলাফল।

রঙ পরিবর্তন ইভেন্টটি কীভাবে ঘটে তা দেখতে আপনি অন্য একটি এইচটিএমএল ফাইলটি খুলতে এবং নিম্নলিখিত কোডটিকে তার স্ক্রিপ্ট বিভাগে পেস্ট করতে পারেন:

 var colorPicker = new iro.ColorPicker('#color-pick', {
// Set the size of the color picker
width: 400,
// Set the initial color to pure red
color:"#ff0000"
});
const myColor =(color)=>{
console.log(color.hexString);
};
colorPicker.on("color:change", myColor);

উপরের কোডটি হেক্সাডেসিমাল রঙের মানগুলি প্রতিবার চক্রের রঙ নির্বাচকের অবস্থান পরিবর্তন করার সময় লগ করে।

সম্পর্কিত: মার্কেটট্যাক এপিআই দিয়ে আপনার সাইটের দর্শকদের বিনোদন দিন

এনবি: সমস্ত উদাহরণ কোড এপিআই-র ডকুমেন্টেশনের নির্দেশাবলী অনুসরণের ফলাফল।

NoCodeAPI মুদ্রা বিনিময় এপিআই কীভাবে ব্যবহার করবেন

NoCodeAPI মুদ্রা রূপান্তরকারী API সহ অনেকগুলি এপিআই সরবরাহ করে। এর মুদ্রা বিনিময় শেষ বিন্দুতে সংযোগ করতে, নোডোডিএপিআই মার্কেটপ্লেসে যান এবং একটি অ্যাকাউন্ট তৈরি করুন।

আপনি একবার লগ ইন করলে পৃষ্ঠার উপরের অংশে একটি অনুসন্ধান বার রয়েছে। সেই অনুসন্ধান বারে, মুদ্রা বিনিময় টাইপ করুন, আপনার প্রশ্নটি উপস্থিত হয়ে গেলে, সক্রিয়করণ ক্লিক করুন।

পরের পৃষ্ঠায়, মুদ্রা বিনিময় এপিআইতে ক্লিক করুন। এরপরে, এপিআই-এর জন্য পছন্দের নামটি টাইপ করুন এবং তৈরি করুন ক্লিক করুন

আপনি একবার এপিআই তৈরি করার পরে ভিউ ডকুমেন্টেশন ক্লিক করুন। এরপরে, API এর শেষ পয়েন্টে সংযোগের জন্য কোডটি দেখতে একটি পছন্দসই ভাষা নির্বাচন করুন। তারপরে আপনি সেই নমুনা কোডটি অনুলিপি করতে পারেন এবং এটি আরও কাস্টমাইজেশনের জন্য আপনার অ্যাপ্লিকেশনটিতে আটকান।

মুদ্রা রূপান্তরের জন্য নীচে আমাদের উদাহরণ কোডটি দেখুন:

 <!DOCTYPE html>
<html>
<head>
<title>Currency converter</title>
</head>
<div id="currency"> </div>
</body>
<script>
let currency= document.getElementById('currency');
async function callingFn() {
try {
const response = await fetch("https://v1.nocodeapi.com/techyprem/cx/FHNXhKRkWDCvMehl/rates/convert?amount=10&from=USD&to=Eur", {
method: "get",
headers: {
"Content-Type": "application/json"
}
});
const json = await response.json();
currency.innerHTML="Success:" + JSON.stringify(json);
} catch (error) {
console.error("Error:", error);
}
}
callingFn();
<script>
</html>

উপরের কোডটি ডকুমেন্টেশনের একটির পরিবর্তিত সংস্করণ। যাইহোক, জাভাস্ক্রিপ্টের প্রতিক্রিয়া পরিবর্তনশীল রূপান্তর পরামিতিগুলিতে গভীর মনোযোগ দিন।

কাঁচা JSON আউটপুটটি দেখতে দেখতে এখানে এমন:

 Success:{"query":{"from":"USD","to":"EUR","amount":10},"info":{"time":1604587505388,"rate":0.844865},"result":8.44865,"text":"10 USD = 8.44865 EUR"}

এপিআই এর সুবিধা নিন

আপনার অ্যাপ্লিকেশনটির জন্য এপিআইগুলি ব্যবহার আপনাকে দ্রুত প্রকল্পগুলি সম্পূর্ণ করতে দেয়। যদিও কিছু এপিআই ডকুমেন্টেশন প্রযুক্তিগত হতে পারে তবে তাদের মধ্যে অনেকগুলি এখানে রয়েছে যা আগতদের জন্য কাজে আসে।

তবে, যেমনটি আমরা আগেই বলেছি যে, আপনি যে কোনও এপিআই থেকে ডেটা ট্যাপ করতে চান তার থেকে সর্বাধিক পেতে আপনাকে অবশ্যই এর ডকুমেন্টেশনগুলি নিবিড়ভাবে অধ্যয়ন করতে হবে এবং এর সাথে সংযোগের জন্য নিয়ম মেনে চলতে হবে।

যদিও আমরা এখানে আমাদের উদাহরণগুলির জন্য জাভাস্ক্রিপ্ট ব্যবহার করেছি, API এর ধরণের উপর নির্ভর করে, তাদের বেশিরভাগ এখনও অন্যান্য প্রোগ্রামিং ভাষাগুলি সমর্থন করে। আপনি যে কোনও এপিআইয়ের ডকুমেন্টেশন থেকে ভাষা সমর্থন সম্পর্কে তথ্য পেতে পারেন। এছাড়াও, নোট করুন যে আমরা এখানে যে উদাহরণগুলি ব্যবহার করেছি তা API এর অনেকগুলি ব্যবহারের ক্ষেত্রে মাত্র কয়েকটি are