HTML web sayfaları, elde taşınan cihazlarda bulunan herhangi bir tarayıcıda görüntülenebilir. Excel verilerinin HTML sayfalarında görüntülenmesi, verilerin ilgili paydaşlarla gerçek Excel elektronik tablosunu paylaşmadan gösterilmesine yardımcı olur. Böylece gerekli bilgileri/verileri herhangi bir tarayıcıda kolayca görüntüleyebilirler. Bu yazıda, Node.js’de bir REST API kullanarak Excel verilerinin HTML’de nasıl görüntüleneceğini öğreneceğiz.
Bu yazıda aşağıdaki konular ele alınacaktır:
- Excel’den HTML Görüntüleyiciye REST API ve Node.js SDK
- Node.js’de REST API kullanarak Excel Verilerini HTML’de görüntüleyin
- Excel Verilerini Node.js’de Filigranla HTML Olarak Görüntüleyin
Excel’den HTML Görüntüleyiciye REST API ve Node.js SDK
XLS veya XLSX e-tablolarını oluşturmak için GroupDocs.Viewer Cloud API’sinin [Node.js SDK’sı] kullanacağım. Her türlü popüler belgeyi ve görüntü dosyası formatını programlı olarak oluşturmaya ve görüntülemeye izin verir. Lütfen konsolda aşağıdaki komutu kullanarak kurun:
npm install groupdocs-conversion-cloud
Lütfen belirtilen adımları uygulamadan önce panodan Müşteri Kimliğinizi ve Sırrınızı alın. Kimliğinizi ve sırrınızı aldıktan sonra, kodu aşağıda gösterildiği gibi ekleyin:
// Lütfen gösterge tablosundan Müşteri Kimliğinizi ve Sırrınızı alın ve aşağıda gösterilen kodu ekleyin:
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’de REST API kullanarak Excel Verilerini HTML’de görüntüleyin
Aşağıda verilen basit adımları izleyerek Excel verilerini HTML’de görüntüleyebiliriz:
- XLSX dosyasını Buluta Yükle
- Node.js kullanarak Excel Verilerini HTML’de görüntüleyin
- Oluşturulan dosyayı İndir
Belgeyi Yükle
Öncelikle XLSX dosyasını aşağıda verilen kod örneğini kullanarak Buluta yükleyeceğiz:
// Bu kod örneği, XLSX dosyasının Buluta nasıl yükleneceğini gösterir
// FileApi'yi Oluştur
let fileApi = groupdocs_viewer_cloud.FileApi.fromConfig(configuration);
let resourcesFolder = 'C:\\Files\\viewer\\sample.xlsx';
// Dosyaları tek tek okuyun
fs.readFile(resourcesFolder, (err, fileStream) => {
// Dosya yükleme isteği oluştur
let request = new groupdocs_viewer_cloud.UploadFileRequest("sample.xlsx", fileStream, myStorage);
// Dosya yükleme
fileApi.uploadFile(request);
});
Sonuç olarak, yüklenen dosya bulut üzerindeki kontrol panelinin dosyalar bölümünde mevcut olacaktır.
Node.js kullanarak Excel Verilerini HTML’de Görüntüleme
Aşağıda verilen adımları izleyerek Excel verilerini HTML sayfalarında programlı olarak oluşturabilir veya görüntüleyebiliriz:
- İlk olarak, bir ViewApi örneği oluşturun.
- Ardından, FileInfo’nun bir örneğini oluşturun.
- Ardından, giriş dosyası yolunu ayarlayın.
- Ardından, ViewOptions’ın bir örneğini oluşturun.
- Ardından, FileInfo’yu atayın ve “HTML"yi viewFormat olarak ayarlayın.
- Ardından, HtmlOptions’ın bir örneğini oluşturun.
- Ardından, SpreadsheetOptions’ı başlatın ve atayın.
- Ardından, paginateSheets, textOverflowMode, renderGridLines vb. gibi çeşitli seçenekleri ayarlayın.
- Bundan sonra, argüman olarak viewOptions ile CreateViewRequest yöntemini çağırarak bir görüntüleme isteği oluşturun.
- Son olarak, HTML’yi işlemek için argüman olarak CreateViewRequest ile ViewApi.createView yöntemini çağırın.
Aşağıdaki kod örneği, Node.js’de bir REST API kullanarak Excel verilerinin HTML’de nasıl görüntüleneceğini gösterir.
// Bu kod örneği, Excel'in HTML sayfasında nasıl oluşturulacağını gösterir
// API başlatma
let viewApi = groupdocs_viewer_cloud.ViewApi.fromKeys(clientId, clientSecret);
// Giriş dosyası
let fileInfo = new groupdocs_viewer_cloud.FileInfo();
fileInfo.filePath = "sample.xlsx";
// Görünüm seçeneklerini tanımlayın
let viewOptions = new groupdocs_viewer_cloud.ViewOptions();
viewOptions.fileInfo = fileInfo;
viewOptions.viewFormat = groupdocs_viewer_cloud.ViewOptions.ViewFormatEnum.HTML;
// Oluşturma seçeneklerini tanımlayın
viewOptions.renderOptions = new groupdocs_viewer_cloud.HtmlOptions();
// Elektronik tablo oluşturma seçeneklerini tanımlayın
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;
// Görünüm isteği oluştur
let request = new groupdocs_viewer_cloud.CreateViewRequest(viewOptions);
// Görünüm oluştur
let response = await viewApi.createView(request);
// Oluşturulan HTML sayfalarının yolunu göster
for (let page = 0; page < response.pages.length; page++) {
console.log("Document rendered: " + response.pages[page].path);
}
Node.js kullanarak Excel Verilerini HTML’de Görüntüleme
Varsayılan olarak, bir çalışma sayfası tek bir sayfaya dönüştürülür. Aşağıdaki seçenekleri uygulayarak Excel’in işlenmesini özelleştirebiliriz:
- Bir Excel Çalışma Sayfasını Birden Fazla Sayfada Görüntüleyin
viewOptions.renderOptions.spreadsheetOptions.paginateSheets = true;
viewOptions.renderOptions.spreadsheetOptions.countRowsPerPage = 45;
- HTML’de Kılavuz Çizgilerini Göster
viewOptions.renderOptions.spreadsheetOptions.renderGridLines = true;
- Boş Satırları ve Sütunları İşle
viewOptions.renderOptions.spreadsheetOptions.renderEmptyRows = true;
viewOptions.renderOptions.spreadsheetOptions.renderEmptyColumns = true;
- Gizli Satırları ve Sütunları Göster
viewOptions.renderOptions.spreadsheetOptions.renderHiddenColumns = true;
viewOptions.renderOptions.spreadsheetOptions.renderHiddenRows = true;
- Yalnızca Yazdırma Alanını Oluştur
viewOptions.renderOptions.spreadsheetOptions.renderPrintAreaOnly = true;
- Metin Taşma Modunu Ayarla
viewOptions.renderOptions.spreadsheetOptions.textOverflowMode = "HideText";
HTML Sayfalarını İndirin
Yukarıdaki kod örneği, işlenen HTML sayfalarını buluta kaydedecektir. Aşağıdaki kod örneği kullanılarak indirilebilir:
// Bu kod örneği, HTML sayfasının Buluttan nasıl indirileceğini gösterir
// api'yi başlat
var fileApi = groupdocs_viewer_cloud.FileApi.fromConfig(configuration);
// Dosya indirme isteği oluştur
let request = new groupdocs_viewer_cloud.DownloadFileRequest("/viewer/sample_xlsx/sample_page_1.html", myStorage);
// Dosyayı indir
let response = await fileApi.downloadFile(request);
// Görüntü dosyasını çalışma dizinine kaydedin
fs.writeFile("C:\\Files\\viewer\\sample_xlsx\\sample_page_1.html", response, "binary", function (err) { });
Node.js kullanarak Excel Verilerini Filigranla HTML’de Görüntüleyin
Aşağıda verilen adımları izleyerek Excel verilerini HTML sayfalarına programlı olarak işlerken bir filigran metni ekleyebiliriz:
- İlk olarak, ViewApi‘ün bir örneğini oluşturun.
- Ardından, FileInfo’nun bir örneğini oluşturun.
- Ardından, giriş dosyası yolunu ayarlayın.
- Ardından, ViewOptions’ın bir örneğini oluşturun.
- Ardından, FileInfo’yu atayın ve “HTML"yi viewFormat olarak ayarlayın.
- Ardından, bir Filigran örneği oluşturun ve atayın.
- Ardından, filigran boyutunu ve metni ayarlayın.
- Bundan sonra, argüman olarak viewOptions ile CreateViewRequest yöntemini çağırarak bir görüntüleme isteği oluşturun.
- Son olarak, HTML’yi işlemek için argüman olarak CreateViewRequest ile ViewApi.createView yöntemini çağırın.
Aşağıdaki kod örneği, Node.js’de bir REST API kullanarak Excel verilerinin HTML’de filigranla nasıl görüntüleneceğini gösterir.
// Bu kod örneği, Excel'in HTML sayfasında Filigran ile nasıl oluşturulacağını gösterir.
// API başlatma
let viewApi = groupdocs_viewer_cloud.ViewApi.fromKeys(clientId, clientSecret);
// Giriş dosyası
let fileInfo = new groupdocs_viewer_cloud.FileInfo();
fileInfo.filePath = "sample.xlsx";
// Görünüm seçeneklerini tanımlayın
let viewOptions = new groupdocs_viewer_cloud.ViewOptions();
viewOptions.fileInfo = fileInfo;
viewOptions.viewFormat = groupdocs_viewer_cloud.ViewOptions.ViewFormatEnum.HTML;
// Filigran ekle
viewOptions.watermark = new groupdocs_viewer_cloud.Watermark();
viewOptions.watermark.size = 100;
viewOptions.watermark.text = "This is a sample watermark!";
// Görünüm isteği oluştur
let request = new groupdocs_viewer_cloud.CreateViewRequest(viewOptions);
// Görünüm oluştur
let response = await viewApi.createView(request);
// Oluşturulan HTML sayfalarının yolunu göster
for (let page = 0; page < response.pages.length; page++) {
console.log("Document rendered: " + response.pages[page].path);
}
Node.js kullanarak Excel Verilerini Filigranla HTML’de Görüntüleyin
Çevrimiçi Deneyin
Lütfen yukarıdaki API kullanılarak geliştirilen aşağıdaki ücretsiz çevrimiçi Excel oluşturma aracını deneyin. https://products.groupdocs.app/viewer/xlsx
Çözüm
Bu yazıda, Excel verilerinin bulutta HTML olarak nasıl görüntüleneceğini öğrendik. Node.js kullanarak işlenmiş HTML sayfalarına nasıl filigran ekleneceğini de gördük. Bu makalede ayrıca bir XLSX dosyasının programlı olarak buluta nasıl yükleneceği ve ardından işlenen HTML dosyasının Buluttan nasıl indirileceği açıklanmaktadır. Ayrıca belgeleri kullanarak GroupDocs.Viewer Cloud API hakkında daha fazla bilgi edinebilirsiniz. Ayrıca, API’lerimizi doğrudan tarayıcı aracılığıyla görselleştirmenize ve bunlarla etkileşimde bulunmanıza olanak tanıyan bir API Referansı bölümü de sağlıyoruz. Herhangi bir belirsizlik durumunda, lütfen forumda bizimle iletişime geçmekten çekinmeyin.