এই টিউটোরিয়ালে, আপনি কিভাবে Bubble এবং AppMaster একীভূত করতে পারেন তা আমরা ঘনিষ্ঠভাবে দেখব। ধরুন যে অ্যাপ্লিকেশনটির ফ্রন্ট-এন্ডটি তৈরি করা হচ্ছে Bubble তৈরি করা হয়েছে, কিন্তু ব্যাক-এন্ডের সাথে কাজ করার জন্য এর ক্ষমতা অপর্যাপ্ত বলে প্রমাণিত হয়েছে এবং আপনি AppMaster কার্যকারিতা ব্যবহার করতে চান।
আসুন জেনে নেওয়া যাক কীভাবে:
- Bubble জন্য একটি ডাটাবেস হিসাবে AppMaster ব্যবহার করুন
- Appmaster API অনুরোধ পাঠান
- ব্যবহারকারী প্রমাণীকরণ সঞ্চালন
- অনুরোধ হেডারে অনুমোদন টোকেন ব্যবহার করুন
API Connector কনফিগার করা হচ্ছে
প্রথমত, আপনাকে Bubble থেকে বাহ্যিক API অনুরোধ পাঠানোর খুব সম্ভাবনা তৈরি করতে হবে। এটি করার জন্য, আপনাকে API Connector প্লাগইন যোগ করতে হবে।
AppMaster একটি প্রমাণীকরণ অনুরোধ পাঠানোর জন্য অবিলম্বে এটি কনফিগার করা যাক। আমাদের কাজ হল উত্তরে একটি অনুমোদন টোকেন পেতে একটি লগইন এবং পাসওয়ার্ড পাঠানো। আমরা ডিফল্টরূপে প্রতিটি প্রকল্পে তৈরি করা স্ট্যান্ডার্ড এন্ডপয়েন্ট ব্যবহার করব - POST /auth/ (Auth: Authentication) । আপনার প্রকল্পে অনুরোধ করার সঠিক ঠিকানা সহ এটি সম্পর্কে সম্পূর্ণ তথ্য, Swagger থেকে পাওয়া যেতে পারে।
API Connector কনফিগার করতে, Add Another API বোতামে ক্লিক করুন এবং ব্যবহারের জন্য অনুরোধের পরামিতি সেট করুন। মূল পরামিতি হল:
- অনুরোধ পদ্ধতি। POST
- URL Swagger থেকে Request URL হিসাবে একই
- Use as. Data প্রতিক্রিয়া হিসাবে, আপনাকে অনুমোদন টোকেন ডেটা গ্রহণ করতে হবে।
- Data type. JSON
- Body এটিতে সবচেয়ে গুরুত্বপূর্ণ সেটিংস হল যে আপনাকে AppMaster সার্ভারে পাঠানো ডেটা নির্দিষ্ট করতে হবে। একই সময়ে, <> গতিশীল মান রয়েছে যা সংশ্লিষ্ট ইনপুট ক্ষেত্রগুলি থেকে প্রাপ্ত করা প্রয়োজন।
{
"login": "<login>",
"password": "<password>"
}
পূরণ করার পরে, আপনাকে অবশ্যই পরীক্ষার অনুরোধের জন্য ডেটা নির্দিষ্ট করতে হবে ( Body parameters লগইন এবং পাসওয়ার্ডের মানগুলি পূরণ করুন), অনুরোধটি শুরু করুন এবং নিশ্চিত করুন যে এটি সঠিকভাবে কাজ করে এবং উত্তরটি সত্যিই আসে।
ইনপুট ক্ষেত্র সেটআপ
পরবর্তী ধাপ হল অ্যাপ্লিকেশনের জন্য একটি ইন্টারফেস তৈরি করা। আমরা প্রয়োজনীয় ন্যূনতম নিজেদেরকে সীমাবদ্ধ রাখি। আমাদের 3টি ইনপুট ক্ষেত্র তৈরি করতে হবে:
- প্রবেশ করুন
- পাসওয়ার্ড
- অনুমোদন টোকেন
প্রথম দুটি বেশ স্পষ্ট। তারা প্রমাণীকরণের জন্য ব্যবহারকারীর ব্যবহারকারীর নাম এবং পাসওয়ার্ড নির্দেশ করবে। সর্বাধিক আগ্রহ হল তৃতীয় ক্ষেত্র - টোকেনের ক্ষেত্র। টোকেনের মান নিজেও প্রবেশ করানো যেতে পারে, তবে আমাদের কাজ হল AppMaster ব্যাকএন্ড থেকে ডেটা গ্রহণ করা এবং সেখানে এটি প্রদর্শন করা সম্ভব করে তোলা।
এটি করার জন্য প্রাথমিক সামগ্রীর মান কনফিগার করতে হবে:
- API Connector পূর্বে তৈরি করা অনুরোধের নির্বাচনের সাথে Get data from an External API (এই উদাহরণে, এর নাম AppMaster Auth Call )
- ক্ষেত্রগুলিতে (body) login এবং (body) password আপনাকে সংশ্লিষ্ট ইনপুট ক্ষেত্রগুলি থেকে মানগুলি নির্দিষ্ট করতে হবে
- token মান নির্বাচন করুন (অনুরোধের প্রতিক্রিয়াতে অনেকগুলি বিভিন্ন ডেটা আসে, তবে এই উদাহরণে শুধুমাত্র token আগ্রহের)
ফলাফল পরীক্ষা করা যেতে পারে। লগইন এবং পাসওয়ার্ড ক্ষেত্রগুলিতে ডেটা প্রবেশ করার সময়, AppMaster ব্যাকএন্ডে স্বয়ংক্রিয়ভাবে একটি অনুরোধ করা হবে। যখন ডেটা সঠিকভাবে প্রবেশ করানো হয়, এবং অনুরোধটি একটি সফল ফলাফল প্রদান করে, প্রাপ্ত অনুমোদন টোকেনটি তৃতীয় ক্ষেত্রে প্রদর্শিত হবে।
ডাটাবেসের অনুরোধ GET
পরবর্তী ধাপ হল একটি নতুন API অনুরোধ তৈরি করা। এবার কাজ হবে ডাটাবেস থেকে তথ্য সংগ্রহ করা। একই সময়ে, পরিস্থিতি এই কারণে জটিল যে এই ডেটাগুলি অবাধে উপলব্ধ নয় তবে শুধুমাত্র অনুমোদিত ব্যবহারকারীদের জন্য উপলব্ধ।
এটি করার জন্য, আপনাকে অনুরোধে একটি বিশেষ শিরোনাম যোগ করতে হবে। এটিকে Authorization বলা উচিত এবং এর মান হওয়া উচিত " Bearer " এবং অনুমোদন কী যা আগে প্রাপ্ত হয়েছিল।
চলুন অনুশীলনে এটি করা যাক। আপনাকে API Connector প্লাগইনে ফিরে যেতে হবে এবং একটি নতুন API অনুরোধ তৈরি করতে হবে। স্ক্রিনশটের উদাহরণে, এটি খাবারের তালিকা পেতে এবং একটি মেনু তৈরি করার জন্য রেস্তোরাঁর ডাটাবেসে একটি কল।
পূর্ববর্তী অনুরোধ থেকে একটি গুরুত্বপূর্ণ পার্থক্য হল যে প্যারামিটারের পরিবর্তে (যদিও সেগুলি যোগ করা যেতে পারে), একটি হেডার ব্যবহার করা হয়:
- Key = Authorization
- Value = Bearer {authorization token} (অনুরোধ শুরু করার জন্য, আপনাকে অবিলম্বে প্রকৃত টোকেন উল্লেখ করতে হবে যা আপনি আগে পেয়েছেন)
দয়া করে মনে রাখবেন যে হেডার সেটিংসে, আপনাকে অবশ্যই Private চেকবক্সটি আনচেক করতে হবে; অন্যথায়, এটি গতিশীলভাবে তৈরি করা সম্ভব হবে না। অবশেষে, অনুরোধটি শুরু করতে ভুলবেন না এবং নিশ্চিত করুন যে এটি কাজ করে।
Repeating Group
এখন আমাদের ডিজাইনারের কাছে ফিরে যাওয়া উচিত, একটি নতুন রিপিটিং গ্রুপ উপাদান যুক্ত করা উচিত এবং এটি সেট আপ করা উচিত:
- Type of content - অনুরোধের AppMaster Get Data ।
- Data source - Authorization শিরোনামটি সঠিকভাবে উল্লেখ করা গুরুত্বপূর্ণ। এটি দুটি অংশ নিয়ে গঠিত। প্রথম ধ্রুবক হল " Bearer ।" দ্বিতীয় ভেরিয়েবলে অবশ্যই একটি অনুমোদন টোকেন থাকতে হবে এবং সংশ্লিষ্ট ইনপুট ক্ষেত্র থেকে নেওয়া হবে।
যদি সবকিছু সঠিকভাবে করা হয়, তাহলে ডেটা প্রাপ্ত হবে, এবং শুধুমাত্র শেষ ধাপটি অবশিষ্ট রয়েছে - আপনাকে সেগুলি প্রদর্শন করতে হবে। এটি করার জন্য, আপনি Repeating Group দুটি পাঠ্য ক্ষেত্র যোগ করতে পারেন এবং তাদের কাস্টমাইজ করতে পারেন। একটি থালাটির নাম দেখাবে এবং দ্বিতীয়টি তার দাম দেখাবে।
আপনি ফলস্বরূপ অ্যাপটি খুলতে পারেন এবং যাচাই করতে পারেন যে Bubble এবং AppMaster ইন্টিগ্রেশন সফল হয়েছে। ফ্রন্টএন্ডটি Bubble.io তে তৈরি করা হয়েছে এবং ব্যাকএন্ডের সাথে সম্পর্কিত সবকিছু AppMaster.io দ্বারা চালিত হয়:
- ব্যবহারকারীর প্রমাণীকরণ করা হচ্ছে
- প্রাপ্ত অনুমোদন টোকেন প্রদর্শিত হয়
- ডাটাবেসের সাথে কাজ করা হয়
- শুধুমাত্র অনুমোদিত ব্যবহারকারীদের জন্য উপলব্ধ ডেটা প্রদর্শিত হয়
