json to html

عملیات تبدیل JSON به HTML را آنلاین با Node.js انجام دهید.

نمایش JSON(JavaScript Object Notation) داده‌ها در فرمت HTML هنگام ایجاد داشبوردها، گزارش‌های بصری یا جاسازی داده‌های ساختاریافته در محتوای وب ضروری است. به جای فرمت‌بندی دستی داده‌ها، اکنون می‌توانید JSON را در Node.js به HTML تبدیل کنید با استفاده از SDK ابری قدرتمند GroupDocs.Conversion — یک REST API که تبدیل اسناد را ساده می‌کند.

در این آموزش، ما شما را راهنمایی خواهیم کرد که چگونه یک فایل JSON را به یک مدارک HTML تمیز و آماده مرورگر با استفاده از Node.js تبدیل کنید.

📌 ناوبری سریع

🚀 چرا JSON را به HTML تبدیل کنیم؟

HTML فرمت استاندارد برای نمایش داده‌ها در وب است. با تبدیل JSON (JavaScript Object Notation) به HTML، توسعه‌دهندگان می‌توانند:

  • ✅ داده‌های ساختاری را در قالب‌های کاربرپسند ارائه دهید.
  • ✅ JSON را در وب سایت‌ها یا برنامه‌های وب جاسازی کنید.
  • ✅ جداول یا بلوک‌های قابل خواندن از JSON تو در تو ایجاد کنید.
  • ✅ پاسخ‌های API را به صفحات HTML قابل خواندن صادر کنید.

⚙️ نصب SDK Node.js GroupDocs

GroupDocs.Conversion Cloud SDK for Node.js یک راه سبک برای یکپارچه‌سازی تبدیل فرمت فایل به برنامه‌های مبتنی بر JavaScript شما ارائه می‌دهد. برای شروع:

  1. از طریق npm نصب کنید:
npm install groupdocs-conversion-cloud --save
  1. API credentials خود (Client ID و Client Secret) را از GroupDocs Cloud Dashboard دریافت کنید. برای اطلاعات بیشتر، می‌توانید دستورالعمل‌های مشخص شده در این tutorial را دنبال کنید.

🛠️ تبدیل JSON به HTML در Node.js

این گونه می‌توانید یک فایل JSON را به HTML با استفاده از GroupDocs.Conversion Cloud SDK در Node.js تبدیل کنید:

📌 مرحله 1: وارد کردن SDK و تنظیم API

const { Configuration, ConvertApi, FileApi, UploadFileRequest, ConvertSettings, ConvertDocumentRequest } = require("groupdocs-conversion-cloud");
const config = new Configuration("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");
const convertApi = new ConvertApi(config);
const fileApi = new FileApi(config);

📌 مرحله ۲: فایل JSON را به Cloud آپلود کنید

const fs = require("fs");
const uploadRequest = new UploadFileRequest("input.json", fs.createReadStream("input.json"));
await fileApi.uploadFile(uploadRequest);

📌 مرحله ۳: تنظیم گزینه‌های تبدیل (JSON → HTML)

const settings = new ConvertSettings();
settings.filePath = "input.json";
settings.format = "html";
settings.outputPath = "converted/output.html";

const request = new ConvertDocumentRequest(settings);
await convertApi.convertDocument(request);
console.log("✅ JSON converted to HTML successfully.");

// بیشتر مثال‌ها در  https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// جزئیات اعتبارنامه API خود را به دست آورید 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// یک نمونه از کلاس Configuration ایجاد کنید و آن را با شناسه مشتری و رمز مشتری مقداردهی کنید.
Configuration configuration = new Configuration(clientId, clientSecret);
// تعریف URL پایه API برای انجام تبدیل JSON به HTML به صورت آنلاین
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// یک نمونه از ConvertApi را با شیء Configuration 초기화 کنید.
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// از روش ConvertDocument برای تبدیل JSON به فایل HTML استفاده کنید.
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// پاسخ را بررسی کنید و پیام موفقیت را چاپ کنید
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

تصویر:- پیش نمایش تبدیل JSON به HTML که با استفاده از Node.js انجام شده است.

  • ورودی JSON استفاده شده در مثال بالا را می‌توان از این لینک دانلود کرد.

💻 تبدیل JSON به HTML از طریق cURL

در حین استفاده از GroupDocs.Conversion Cloud با دستورات cURL، می‌توانید تبدیل JSON به HTML را نیز انجام دهید. این روش نه تنها خودکار سازی و یکپارچگی در جریان‌های کاری مختلف را ساده می‌کند، بلکه مستقل از پلتفرم، راحت برای نوشتن اسکریپت است و اجازه می‌دهد تا تبدیل داده‌های با کیفیت بالا به طور یکپارچه و بدون نیاز به کدنویسی وسیع انجام شود.

یک توکن دسترسی JWT بر اساس مدارک مشتری تولید کنید و سپس فرمان زیر را اجرا کنید:

curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {YOUR_ACCESS_TOKEN}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"{inputFile}\",  \"Format\": \"html\",  \"OutputPath\": \"{myResultant}\"}"

لطفاً inputFile را با نام فایل JSON ورودی، myResultant را با نام فایل HTML نتیجه و accessToken را با توکن دسترسی JWT شخصی‌سازی شده جایگزین کنید.

  • شما می‌توانید در نظر بگیرید که فرمان زیر را اجرا کنید اگر نیاز به ذخیره HTML حاصل در درایو محلی باشد:
curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {accessToken}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"input.json\",  \"Format\": \"html\"}"

✅ نتیجه گیری

تبدیل JSON به HTML با استفاده از GroupDocs.Conversion Cloud SDK برای Node.js به توسعه‌دهندگان کمک می‌کند تا محتوای وب دینامیک، خوانا و قابل ارائه‌ای از داده‌های ساختاری ایجاد کنند. چه در حال ساخت داشبوردهای مدیریتی، اتوماسیون گزارش‌ها یا کار با پاسخ‌های API JSON باشید، این SDK فرآیند را با خروجی HTML تمیز ساده می‌کند.

📚 منابع مفید

🌐 اپلیکیشن آنلاین رایگان JSON به HTML

برای تجربه قابلیت‌های شگفت‌انگیز GroupDocs.Conversion Cloud در مرورگر وب، می‌توانید از برنامه تبدیل JSON به HTML رایگان و سبک ما استفاده کنید.

مبدل json به html

🔗 مقالات مرتبط

ما پیشنهاد می‌کنیم که از لینک‌های زیر برای یادگیری بیشتر بازدید کنید: