json to html

كيف تحول JSON إلى HTML باستخدام Node.js.

تحويل JSON(JavaScript Object Notation) إلى HTML أمر حاسم عندما ترغب في تقديم بيانات منظمة بطريقة مقروءة وجذابة بصريًا على المواقع الإلكترونية أو لوحات المعلومات. مع GroupDocs.Conversion Cloud SDK لـ Node.js، يمكنك تحويل ملفات JSON الخام بسلاسة إلى صفحات HTML أنيقة باستخدام استدعاءات REST API - وهو مثالي لأتمتة تصور البيانات أو دمج المحتوى في تطبيقات الويب.

📦 Node.js SDK لتحويل JSON إلى HTML

GroupDocs.Conversion Cloud SDK for Node.js يدعم تحويل JSON إلى HTML بدقة عالية وهيكل RESTful سهل الدمج.

💡 الفوائد الرئيسية:

  • Convert structured JSON data to formatted HTML.
  • Retain hierarchy and formatting.
  • سحابي، لا تتطلب برامج محلية.

📥 تثبيت SDK

npm install groupdocs-conversion-cloud --save

أنشئ حسابًا مجانيًا واحصل على معرّف العميل و مفتاح العميل من GroupDocs Cloud dashboard.

🚀 تحويل JSON إلى HTML في Node.js

إليك كيفية تحويل JSON إلى HTML باستخدام Node.js:

⚙️ الخطوة 1: استيراد SDK وتكوين واجهة برمجة التطبيقات

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("source.json", fs.createReadStream("source.json"));
await fileApi.uploadFile(uploadRequest);

⚙️ Step 3: Set conversion options (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 to HTML completed successfully.");
// More examples over 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);
// حدد عنوان URL الأساسي لواجهة برمجة التطبيقات لأداء تحويل 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.

يمكن تنزيل JSON المدخل المستخدم في المثال أعلاه من هنا.

💻 تحويل JSON إلى HTML عبر أمر cURL

بدلاً من ذلك، يمكنك التفكير في استخدام GroupDocs.Conversion Cloud مع أوامر cURL لتحويل JSON إلى HTML لتحويل البيانات بسلاسة، مستقلة عن النظام الأساسي وعالية الجودة، دون الحاجة إلى برمجة واسعة النطاق.

✅ مثالي للبرمجيات النصية وأعمال الدفعات حيث لا يتطلب واجهة مستخدم رسومية.

بمجرد أن نحصل على رمز الوصول JWT المخصص لدينا، يرجى استخدام أمر cURL هذا لتحويل JSON إلى HTML من سطر الأوامر:

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

يرجى استبدال inputFile باسم ملف JSON المدخل، و resultantPath باسم ملف HTML الناتج و JWTTOKEN برمز الوصول الشخصي JWT.

  • لتخزين HTML الناتج على القرص المحلي، يرجى محاولة استخدام أمر cURL التالي:
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 على الإنترنت

جرب تطبيق تحويل JSON إلى HTML خفيف الوزن وفعّال للغاية، والذي تم تطويره باستخدام واجهات برمجة التطبيقات GroupDocs.Conversion Cloud. يتيح لك تجربة القدرات الرائعة لواجهة برمجة تطبيقات تحويل مستند JSON إلى HTML.

محول json إلى html

🔗 روابط مفيدة

✅ الاستنتاج

في هذه المقالة، تعلمنا طرق بسيطة ولكن مذهلة لتحويل JSON إلى HTML باستخدام مجموعة GroupDocs.Conversion Cloud SDK. تجعل واجهة برمجة التطبيقات REST تحويل JSON إلى HTML سهلاً وآمنًا وملائمًا للمطورين. سواء كنت تعمل على تصور البيانات، أو لوحات المعلومات على الويب، أو الأتمتة، فإن هذه الواجهة توفر حلاً سريعًا وقابلًا للتوسع.

المقالات الموصى بها

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