json to html

قم بتحويل JSON إلى HTML عبر الإنترنت باستخدام Node.js.

عرض JSON(تنسيق كائن JavaScript) في HTML هو أمر أساسي عند بناء لوحات المعلومات، والتقارير المرئية، أو تضمين البيانات المنظمة في محتوى الويب. بدلاً من تنسيق البيانات يدويًا، يمكنك الآن تحويل JSON إلى HTML في Node.js باستخدام مجموعة أدوات GroupDocs.Conversion Cloud SDK القوية - وهي واجهة برمجة تطبيقات REST تسهل تحويل المستندات.

في هذا البرنامج التعليمي، سنرشدك خلال كيفية تحويل ملف JSON إلى مستند HTML نظيف وجاهز للمتصفح باستخدام Node.js.

📌 التنقل السريع

🚀 لماذا تحويل JSON إلى HTML؟

HTML هو التنسيق القياسي لعرض البيانات على الويب. من خلال تحويل JSON (JSON) إلى HTML، يمكن للمطورين:

  • ✅ عرض البيانات المنظمة بتنسيقات سهلة الاستخدام.
  • ✅ تضمين JSON في المواقع أو تطبيقات الويب.
  • ✅ أنشئ جداول أو كتل قابلة للقراءة من JSON المتداخل.
  • ✅ تصدير استجابات واجهة برمجة التطبيقات إلى صفحات HTML قابلة للقراءة.

⚙️ تثبيت مجموعة SDK لـ Node.js من GroupDocs

GroupDocs.Conversion Cloud SDK for Node.js يوفر طريقة خفيفة لدمج تحويل تنسيق الملفات في تطبيقاتك المعتمدة على JavaScript. للبدء:

  1. تثبيت عبر npm:
npm install groupdocs-conversion-cloud --save
  1. احصل على بيانات اعتماد واجهة برمجة التطبيقات الخاصة بك (معرف العميل والسر الخاص بالعميل) من 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);

📌 الخطوة 2: رفع ملف JSON إلى السحابة

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

📌 الخطوة 3: تعيين خيارات التحويل (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
// احصل على بيانات اعتماد واجهة برمجة التطبيقات الخاصة بك 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// إنشاء مثال على فئة Configuration وتهيئته باستخدام معرف العميل و سر العميل
Configuration configuration = new Configuration(clientId, clientSecret);
// حدد عنوان قاعدة واجهة برمجة التطبيقات (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 يساعد المطورين على إنشاء محتوى ويب ديناميكي وقابل للقراءة والتقديم من بيانات منظمة. سواء كنت تقوم ببناء لوحات تحكم إدارية، أو أتمتة التقارير، أو العمل مع استجابات واجهة برمجة تطبيقات JSON، فإن هذه المجموعة تبسط العملية مع إخراج HTML نظيف.

📚 موارد مفيدة

🌐 تطبيق مجاني لتحويل JSON إلى HTML عبر الإنترنت

لتجربة القدرات المذهلة GroupDocs.Conversion Cloud في متصفح الويب، يمكنك التفكير في استخدام تطبيقنا المجاني والخفيف JSON to HTML Conversion App.

محول json إلى html

🔗 مقالات ذات صلة

نوصي بزيارة الروابط التالية لمعرفة المزيد عن: