HTML পরিষেবা আপনাকে এমন ওয়েব পৃষ্ঠাগুলি পরিবেশন করতে দেয় যা সার্ভার-সাইড অ্যাপস স্ক্রিপ্ট ফাংশনগুলির সাথে ইন্টারঅ্যাক্ট করতে পারে। এটি বিশেষ করে ওয়েব অ্যাপ তৈরি করার জন্য বা Google Docs, Sheets এবং Forms-এ কাস্টম ইউজার ইন্টারফেস যোগ করার জন্য কার্যকর। আপনি এমনকি একটি ইমেলের মূল অংশ তৈরি করতেও এটি ব্যবহার করতে পারেন।
HTML ফাইল তৈরি করুন
আপনার অ্যাপস স্ক্রিপ্ট প্রজেক্টে একটি HTML ফাইল যোগ করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
- অ্যাপস স্ক্রিপ্ট এডিটর খুলুন।
- বাম দিকে, একটি ফাইল যোগ > HTML এ ক্লিক করুন।
HTML ফাইলের মধ্যে, আপনি বেশিরভাগ স্ট্যান্ডার্ড HTML, CSS এবং ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট লিখতে পারেন। পৃষ্ঠাটি HTML5 হিসাবে পরিবেশন করা হবে, যদিও HTML5 এর কিছু উন্নত বৈশিষ্ট্য উপলব্ধ নেই, যেমনটি সীমাবদ্ধতাগুলিতে ব্যাখ্যা করা হয়েছে।
আপনার ফাইলে টেমপ্লেট স্ক্রিপ্টলেটও অন্তর্ভুক্ত থাকতে পারে যা ব্যবহারকারীর কাছে পৃষ্ঠা পাঠানোর আগে সার্ভারে প্রক্রিয়া করা হয় — PHP-এর মতো — যেমনটি templated HTML বিভাগে ব্যাখ্যা করা হয়েছে।
HTML কে একটি ওয়েব অ্যাপ হিসেবে পরিবেশন করুন
HTML পরিষেবা ব্যবহার করে একটি ওয়েব অ্যাপ তৈরি করতে, আপনার কোডে একটি doGet() ফাংশন থাকতে হবে যা স্ক্রিপ্টকে পৃষ্ঠাটি কীভাবে পরিবেশন করতে হবে তা বলে। ফাংশনটিকে অবশ্যই একটি HtmlOutput অবজেক্ট ফেরত দিতে হবে, যেমনটি এই উদাহরণে দেখানো হয়েছে।
কোড.জিএস
function doGet() {
return HtmlService.createHtmlOutputFromFile('Index');
}ইনডেক্স.এইচটিএমএল
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
Hello, World!
</body>
</html>একবার সেই মৌলিক কাঠামোটি তৈরি হয়ে গেলে, আপনাকে যা করতে হবে তা হল আপনার স্ক্রিপ্টের একটি সংস্করণ সংরক্ষণ করুন , তারপর আপনার স্ক্রিপ্টটিকে একটি ওয়েব অ্যাপ হিসাবে স্থাপন করুন ।
স্ক্রিপ্টটি ওয়েব অ্যাপ হিসেবে স্থাপন করার পর, আপনি এটিকে একটি Google Site এ এম্বেড করতে পারেন।
HTML কে Google Docs, Sheets, Slides, অথবা Forms ইউজার ইন্টারফেস হিসেবে পরিবেশন করুন
যদি আপনার স্ক্রিপ্ট ফাইলের সাথে কন্টেইনার-বাউন্ড থাকে, তাহলে HTML পরিষেবাটি Google Docs, Sheets, Slides, অথবা Forms-এ একটি ডায়ালগ বা সাইডবার প্রদর্শন করতে পারে। (Google Forms-এ, কাস্টম ইউজার ইন্টারফেসগুলি কেবলমাত্র একজন সম্পাদকের কাছে দৃশ্যমান হয় যিনি ফর্মটি পরিবর্তন করার জন্য খোলেন, প্রতিক্রিয়া জানাতে ফর্মটি খোলেন এমন কোনও ব্যবহারকারীর কাছে নয়।)
একটি ওয়েব অ্যাপের বিপরীতে, একটি স্ক্রিপ্ট যা একটি ডকুমেন্ট, স্প্রেডশিট, বা ফর্মের জন্য একটি ইউজার ইন্টারফেস তৈরি করে তার জন্য বিশেষভাবে doGet() ফাংশনের প্রয়োজন হয় না এবং আপনার স্ক্রিপ্টের কোনও সংস্করণ সংরক্ষণ বা স্থাপন করার প্রয়োজন হয় না। পরিবর্তে, যে ফাংশনটি ইউজার ইন্টারফেসটি খোলে তাকে আপনার HTML ফাইলটিকে HtmlOutput অবজেক্ট হিসাবে showModalDialog()) অথবা showSidebar() পদ্ধতিতে সক্রিয় ডকুমেন্ট, ফর্ম, বা স্প্রেডশিটের জন্য Ui অবজেক্টে প্রেরণ করতে হবে।
এই উদাহরণগুলিতে সুবিধার জন্য কিছু অতিরিক্ত বৈশিষ্ট্য অন্তর্ভুক্ত করা হয়েছে: onOpen() ফাংশন একটি কাস্টম মেনু তৈরি করে যা ইন্টারফেসটি খোলা সহজ করে তোলে এবং HTML ফাইলের বোতামটি ইন্টারফেসটি বন্ধ করার জন্য google.script.host API এর একটি বিশেষ close() পদ্ধতি ব্যবহার করে।
কোড.জিএস
// Use this code for Google Docs, Slides, Forms, or Sheets.
function onOpen() {
SpreadsheetApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
.createMenu('Dialog')
.addItem('Open', 'openDialog')
.addToUi();
}
function openDialog() {
var html = HtmlService.createHtmlOutputFromFile('Index');
SpreadsheetApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
.showModalDialog(html, 'Dialog title');
}ইনডেক্স.এইচটিএমএল
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
Hello, World!
<input type="button" value="Close"
onclick="google.script.host.close()" />
</body>
</html> মনে রাখবেন যে প্রথমবার যখন আপনি এই ইউজার ইন্টারফেসটি প্রদর্শন করতে চান, তখন আপনাকে স্ক্রিপ্ট এডিটরে onOpen() ফাংশনটি ম্যানুয়ালি চালাতে হবে অথবা Docs, Sheets, অথবা Forms এডিটরের জন্য উইন্ডোটি পুনরায় লোড করতে হবে (যা স্ক্রিপ্ট এডিটরটি বন্ধ করে দেবে)। এর পরে, প্রতিবার ফাইলটি খোলার কয়েক সেকেন্ডের মধ্যে কাস্টম মেনুটি উপস্থিত হওয়া উচিত। ইন্টারফেসটি দেখতে ডায়ালগ > খুলুন নির্বাচন করুন।