Node.js में REST API का उपयोग करके HTML में एक्सेल डेटा प्रदर्शित करें

एचटीएमएल वेब पेजों को हैंडहेल्ड उपकरणों पर उपलब्ध किसी भी ब्राउज़र में देखा जा सकता है। एचटीएमएल पेजों पर एक्सेल डेटा प्रदर्शित करने से प्रासंगिक हितधारकों को उनके साथ वास्तविक एक्सेल स्प्रेडशीट साझा किए बिना डेटा दिखाने में मदद मिलती है। इसलिए, वे आवश्यक जानकारी/डेटा को किसी भी ब्राउज़र में आसानी से देख सकते थे। इस लेख में, हम सीखेंगे कि Node.js में REST API का उपयोग करके HTML में एक्सेल डेटा कैसे प्रदर्शित किया जाए।

इस लेख में निम्नलिखित विषयों को शामिल किया जाएगा:

एक्सेल टू एचटीएमएल व्यूअर रेस्ट एपीआई और नोड.जेएस एसडीके

XLS या XLSX स्प्रेडशीट प्रस्तुत करने के लिए, मैं GroupDocs.Viewer Cloud का Node.js SDK API का उपयोग करूंगा। यह सभी प्रकार के लोकप्रिय दस्तावेज़ों और छवि फ़ाइल स्वरूपों को प्रोग्रामेटिक रूप से प्रस्तुत करने और देखने की अनुमति देता है। कृपया कंसोल में निम्न आदेश का उपयोग करके इसे स्थापित करें:

npm install groupdocs-conversion-cloud

कृपया उल्लिखित चरणों का पालन करने से पहले डैशबोर्ड से अपनी क्लाइंट आईडी और सीक्रेट प्राप्त करें। एक बार आपके पास अपनी आईडी और रहस्य होने के बाद, नीचे दिखाए गए कोड में जोड़ें:

// कृपया डैशबोर्ड से अपनी क्लाइंट आईडी और सीक्रेट प्राप्त करें और नीचे दिखाए अनुसार कोड जोड़ें:
global.clientId = "112f0f38-9dae-42d5-b4fc-cc84ae644972";
global.clientSecret = "16ad3fe0bdc39c910f57d2fd48a5d618";
global.myStorage = "";

const configuration = new groupdocs_viewer_cloud.Configuration(clientId, clientSecret);
configuration.apiBaseUrl = "https://api.groupdocs.cloud";

Node.js में REST API का उपयोग करके HTML में एक्सेल डेटा प्रदर्शित करें

हम नीचे दिए गए सरल चरणों का पालन करके एक्सेल डेटा को HTML में प्रदर्शित कर सकते हैं:

  1. अपलोड क्लाउड पर XLSX फ़ाइल
  2. Node.js का उपयोग करके HTML में एक्सेल डेटा प्रदर्शित करें
  3. डाउनलोड प्रदान की गई फ़ाइल

दस्तावेज़ अपलोड करें

सबसे पहले, हम नीचे दिए गए कोड उदाहरण का उपयोग करके XLSX फ़ाइल को क्लाउड पर अपलोड करेंगे:

// यह कोड उदाहरण प्रदर्शित करता है कि XLSX फ़ाइल को क्लाउड पर कैसे अपलोड किया जाए
// FileApi का निर्माण करें
let fileApi = groupdocs_viewer_cloud.FileApi.fromConfig(configuration);
let resourcesFolder = 'C:\\Files\\viewer\\sample.xlsx';

// फाइलों को एक-एक करके पढ़ें
fs.readFile(resourcesFolder, (err, fileStream) => {
  // अपलोड फ़ाइल अनुरोध बनाएँ
  let request = new groupdocs_viewer_cloud.UploadFileRequest("sample.xlsx", fileStream, myStorage);
  // फ़ाइल अपलोड करें
  fileApi.uploadFile(request);
});

परिणामस्वरूप, अपलोड की गई फ़ाइल क्लाउड पर डैशबोर्ड के फ़ाइल अनुभाग में उपलब्ध होगी।

Node.js का उपयोग करके HTML में एक्सेल डेटा प्रदर्शित करें

हम नीचे दिए गए चरणों का पालन करके एक्सेल डेटा को HTML पेजों पर प्रोग्रामेटिक रूप से प्रस्तुत या प्रदर्शित कर सकते हैं:

  • सबसे पहले, ViewApi का एक उदाहरण बनाएं।
  • अगला, FileInfo का एक उदाहरण बनाएँ।
  • फिर, इनपुट फ़ाइल पथ सेट करें।
  • अगला, ViewOptions का एक उदाहरण बनाएँ।
  • फिर, FileInfo असाइन करें और “HTML” को viewFormat के रूप में सेट करें।
  • अगला, HtmlOptions का एक उदाहरण बनाएँ।
  • फिर, स्प्रैडशीटऑप्शन आरंभ करें और असाइन करें।
  • इसके बाद, पेजिनेटशीट्स, टेक्स्ट ओवरफ्लोमोड, रेंडरग्रिडलाइन इत्यादि जैसे विभिन्न विकल्प सेट करें।
  • उसके बाद, CreateViewRequest विधि को viewOptions के साथ एक तर्क के रूप में कॉल करके एक दृश्य अनुरोध बनाएं।
  • अंत में, HTML रेंडर करने के तर्क के रूप में CreateViewRequest के साथ ViewApi.createView विधि को कॉल करें।

निम्न कोड नमूना दिखाता है कि Node.js में REST API का उपयोग करके HTML में Excel डेटा कैसे प्रदर्शित किया जाए।

// यह कोड उदाहरण दर्शाता है कि एक्सेल को HTML पेज में कैसे प्रस्तुत किया जाए
// एपीआई आरंभीकरण
let viewApi = groupdocs_viewer_cloud.ViewApi.fromKeys(clientId, clientSecret);

// इनपुट फ़ाइल
let fileInfo = new groupdocs_viewer_cloud.FileInfo();
fileInfo.filePath = "sample.xlsx";

// दृश्य विकल्पों को परिभाषित करें
let viewOptions = new groupdocs_viewer_cloud.ViewOptions();
viewOptions.fileInfo = fileInfo;
viewOptions.viewFormat = groupdocs_viewer_cloud.ViewOptions.ViewFormatEnum.HTML;

// रेंडर विकल्पों को परिभाषित करें
viewOptions.renderOptions = new groupdocs_viewer_cloud.HtmlOptions();

// स्प्रेडशीट रेंडरिंग विकल्पों को परिभाषित करें
viewOptions.renderOptions.spreadsheetOptions = new groupdocs_viewer_cloud.SpreadsheetOptions();
viewOptions.renderOptions.spreadsheetOptions.paginateSheets = false;
viewOptions.renderOptions.spreadsheetOptions.textOverflowMode = groupdocs_viewer_cloud.SpreadsheetOptions.TextOverflowModeEnum.HideText;
viewOptions.renderOptions.spreadsheetOptions.renderGridLines = true;
viewOptions.renderOptions.spreadsheetOptions.renderHiddenColumns = true;
viewOptions.renderOptions.spreadsheetOptions.renderHiddenRows = true;

// दृश्य अनुरोध बनाएँ
let request = new groupdocs_viewer_cloud.CreateViewRequest(viewOptions);
// दृश्य बनाएँ
let response = await viewApi.createView(request);

// प्रदर्शित HTML पृष्ठ पथ प्रदर्शित करें
for (let page = 0; page < response.pages.length; page++) {
  console.log("Document rendered: " + response.pages[page].path);
}
Node.js का उपयोग करके HTML में एक्सेल डेटा प्रदर्शित करें

Node.js का उपयोग करके HTML में एक्सेल डेटा प्रदर्शित करें

डिफ़ॉल्ट रूप से, एक वर्कशीट को एक पेज में रेंडर किया जाता है। हम निम्नलिखित विकल्पों को लागू करके एक्सेल के प्रतिपादन को अनुकूलित कर सकते हैं:

  • एक एक्सेल वर्कशीट को कई पेजों में प्रदर्शित करें
viewOptions.renderOptions.spreadsheetOptions.paginateSheets = true;
viewOptions.renderOptions.spreadsheetOptions.countRowsPerPage = 45;
  • HTML में ग्रिडलाइन दिखाएं
viewOptions.renderOptions.spreadsheetOptions.renderGridLines = true;
  • खाली पंक्तियों और स्तंभों को प्रस्तुत करें
viewOptions.renderOptions.spreadsheetOptions.renderEmptyRows = true;
viewOptions.renderOptions.spreadsheetOptions.renderEmptyColumns = true;
  • छिपी हुई पंक्तियाँ और कॉलम दिखाएँ
viewOptions.renderOptions.spreadsheetOptions.renderHiddenColumns = true;
viewOptions.renderOptions.spreadsheetOptions.renderHiddenRows = true;
  • केवल प्रिंट क्षेत्र प्रस्तुत करें
viewOptions.renderOptions.spreadsheetOptions.renderPrintAreaOnly = true;
  • टेक्स्ट ओवरफ्लो मोड सेट करें
viewOptions.renderOptions.spreadsheetOptions.textOverflowMode = "HideText";

एचटीएमएल पेज डाउनलोड करें

उपरोक्त कोड नमूना क्लाउड पर रेंडर किए गए HTML पेज(पेजों) को सेव करेगा। इसे निम्न कोड उदाहरण का उपयोग करके डाउनलोड किया जा सकता है:

// यह कोड उदाहरण प्रदर्शित करता है कि क्लाउड से HTML पेज कैसे डाउनलोड करें
// एपीआई को इनिशियलाइज़ करें
var fileApi = groupdocs_viewer_cloud.FileApi.fromConfig(configuration);

// फ़ाइल डाउनलोड अनुरोध बनाएँ
let request = new groupdocs_viewer_cloud.DownloadFileRequest("/viewer/sample_xlsx/sample_page_1.html", myStorage);

// डाउनलोड फ़ाइल
let response = await fileApi.downloadFile(request);

// वर्किंग डायरेक्टरी में इमेज फाइल सेव करें
fs.writeFile("C:\\Files\\viewer\\sample_xlsx\\sample_page_1.html", response, "binary", function (err) { });

नोड.जेएस का उपयोग करके वॉटरमार्क के साथ एचटीएमएल में एक्सेल डेटा प्रदर्शित करें

हम नीचे दिए गए चरणों का पालन करके एक्सेल डेटा को HTML पेजों पर प्रोग्रामेटिक रूप से रेंडर करते समय वॉटरमार्क टेक्स्ट जोड़ सकते हैं:

  • सबसे पहले, ViewApi का एक उदाहरण बनाएं।
  • अगला, FileInfo का एक उदाहरण बनाएँ।
  • फिर, इनपुट फ़ाइल पथ सेट करें।
  • अगला, ViewOptions का एक उदाहरण बनाएँ।
  • फिर, FileInfo असाइन करें और “HTML” को viewFormat के रूप में सेट करें।
  • अगला, वॉटरमार्क का एक उदाहरण बनाएं और असाइन करें।
  • फिर वॉटरमार्क का आकार और टेक्स्ट सेट करें।
  • उसके बाद, CreateViewRequest विधि को viewOptions के साथ तर्क के रूप में कॉल करके एक दृश्य अनुरोध बनाएं।
  • अंत में, HTML रेंडर करने के तर्क के रूप में CreateViewRequest के साथ ViewApi.createView विधि को कॉल करें।

निम्न कोड नमूना दिखाता है कि कैसे Node.js में REST API का उपयोग करके वॉटरमार्क के साथ HTML में एक्सेल डेटा प्रदर्शित किया जाए।

// यह कोड उदाहरण दिखाता है कि वॉटरमार्क के साथ एचटीएमएल पेज में एक्सेल कैसे प्रस्तुत किया जाए
// एपीआई आरंभीकरण
let viewApi = groupdocs_viewer_cloud.ViewApi.fromKeys(clientId, clientSecret);

// इनपुट फ़ाइल
let fileInfo = new groupdocs_viewer_cloud.FileInfo();
fileInfo.filePath = "sample.xlsx";

// दृश्य विकल्पों को परिभाषित करें
let viewOptions = new groupdocs_viewer_cloud.ViewOptions();
viewOptions.fileInfo = fileInfo;
viewOptions.viewFormat = groupdocs_viewer_cloud.ViewOptions.ViewFormatEnum.HTML;

// वॉटरमार्क जोड़ें
viewOptions.watermark = new groupdocs_viewer_cloud.Watermark();
viewOptions.watermark.size = 100;
viewOptions.watermark.text = "This is a sample watermark!";

// दृश्य अनुरोध बनाएँ
let request = new groupdocs_viewer_cloud.CreateViewRequest(viewOptions);
// दृश्य बनाएँ
let response = await viewApi.createView(request);

// प्रदर्शित HTML पृष्ठ पथ प्रदर्शित करें
for (let page = 0; page < response.pages.length; page++) {
  console.log("Document rendered: " + response.pages[page].path);
}
नोड.जेएस का उपयोग करके वॉटरमार्क के साथ एचटीएमएल में एक्सेल डेटा प्रदर्शित करें

नोड.जेएस का उपयोग करके वॉटरमार्क के साथ एचटीएमएल में एक्सेल डेटा प्रदर्शित करें

ऑनलाइन प्रयास करें

कृपया निम्नलिखित मुफ्त ऑनलाइन एक्सेल रेंडरिंग टूल का प्रयास करें, जिसे उपरोक्त एपीआई का उपयोग करके विकसित किया गया है। https://products.groupdocs.app/viewer/xlsx

निष्कर्ष

इस लेख में, हमने सीखा है कि क्लाउड पर एक्सेल डेटा को एचटीएमएल के रूप में कैसे प्रदर्शित किया जाए। हमने यह भी देखा है कि Node.js का उपयोग करके रेंडर किए गए HTML पेजों में वॉटरमार्क कैसे जोड़ा जाता है। इस लेख में यह भी बताया गया है कि क्लाउड पर XLSX फ़ाइल को प्रोग्रामेटिक रूप से कैसे अपलोड किया जाए और फिर क्लाउड से रेंडर की गई HTML फ़ाइल को डाउनलोड किया जाए। इसके अलावा, आप दस्तावेज़ का उपयोग करके GroupDocs.Viewer Cloud API के बारे में अधिक जान सकते हैं। हम एक एपीआई संदर्भ अनुभाग भी प्रदान करते हैं जो आपको सीधे ब्राउज़र के माध्यम से हमारे एपीआई के साथ कल्पना और बातचीत करने देता है। किसी भी अस्पष्टता के मामले में, कृपया बेझिझक हमसे फोरम पर संपर्क करें।

यह सभी देखें