D2 आरेख

नीचे VPasCode में D2 का उपयोग करके बनाए गए सामान्य सॉफ्टवेयर आरेखों के उपयोग के लिए तैयार उदाहरण हैं। आप इन कोड स्निपेट्स को सीधे VPasCode लाइव एडिटर में कॉपी करके साफ दृश्य आरेख तुरंत उत्पन्न कर सकते हैं।

नोट: आप निर्देशानुसार लेआउट दिशा सेट कर सकते हैं दिशा: दाएं या दिशा: नीचे आपके D2 कोड ब्लॉक के शीर्ष पर।

1. प्रणाली संरचना आरेख

एक बहु-तल बादल वेब संरचना जिसमें नेस्टेड सर्वर और स्टोरेज घटक हैं।

दिशा: दाएं

उपयोगकर्ता: {
  आकृति: व्यक्ति
}

वेब एप्लिकेशन: {
  CDN: {
    आकृति: बादल
  }
  
  लोड बैलेंसर
  
  एप्लिकेशन सर्वर: {
    सर्वर 1
    सर्वर 2
  }
  
  डेटा स्तर: {
    PostgreSQL डेटाबेस: {
      आकृति: सिलेंडर
    }
    Redis कैश: {
      आकृति: सिलेंडर
    }
  }
}

उपयोगकर्ता -> वेब एप्लिकेशन.CDN: पृष्ठ मांगता है
वेब एप्लिकेशन.CDN -> वेब एप्लिकेशन.लोड बैलेंसर: ट्रैफिक रूट करता है
वेब एप्लिकेशन.लोड बैलेंसर -> वेब एप्लिकेशन.एप्लिकेशन सर्वर.सर्वर 1
वेब एप्लिकेशन.लोड बैलेंसर -> वेब एप्लिकेशन.एप्लिकेशन सर्वर.सर्वर 2

वेब एप्लिकेशन.एप्लिकेशन सर्वर.सर्वर 1 -> वेब एप्लिकेशन.डेटा स्तर.Redis कैश: कैश जांचता है
वेब एप्लिकेशन.एप्लिकेशन सर्वर.सर्वर 1 -> वेब एप्लिकेशन.डेटा स्तर.PostgreSQL डेटाबेस: डेटा प्रश्न करता है

D2 multi-tier cloud web system architecture featuring CDN, Load Balancer, App Servers, PostgreSQL, and Redis - Text to diagram editor - VPasCode

 

2. डेटाबेस स्कीमा (SQL टेबल आरेख)

D2 में SQL टेबल और एंटिटी संबंधों को साफ तरीके से दिखाने के लिए एक्सप्रेस समर्थन है जिसका उपयोग करके sql_table आकृति।

उपयोगकर्ता: {
  आकृति: sql_table
  id: int {प्रतिबंध: प्राथमिक_कुंजी}
  उपयोगकर्ता_नाम: varchar
  ईमेल: varchar
  बनाए गए_समय: समय_चिह्न
}

आदेश: {
  आकृति: sql_table
  id: int {प्रतिबंध: प्राथमिक_कुंजी}
  उपयोगकर्ता_आईडी: int {प्रतिबंध: विदेशी_कुंजी}
  कुल_राशि: दशमलव
  स्थिति: varchar
}

आदेश_आइटम: {
  आकृति: sql_table
  id: int {प्रतिबंध: प्राथमिक_कुंजी}
  आदेश_आईडी: int {प्रतिबंध: विदेशी_कुंजी}
  उत्पाद_नाम: varchar
  मात्रा: int
}

उपयोगकर्ता.id -> आदेश.उपयोगकर्ता_आईडी: 1-से-बहुत
आदेश.id -> आदेश_आइटम.आदेश_आईडी: 1-से-बहुत

D2 SQL table ERD diagram showing 1-to-Many entity relationships between users, orders, and order_items - Text to diagram editor - VPasCode

 

3. स्वचालित डेप्लॉयमेंट पाइपलाइन (CI/CD)

कोड चेक-इन से लाइव उत्पादन रिलीज तक सॉफ्टवेयर डेप्लॉयमेंट चरणों को नक्शा बनाएं।

दिशा: दाएं

विकासकर्ता -> GitHub: 1. कोड पुश करें

GitHub पाइपलाइन: {
  बिल्ड चरण -> परीक्षण चरण -> डॉकर छवि
}

GitHub -> GitHub पाइपलाइन: 2. क्रिया ट्रिगर करें
GitHub पाइपलाइन.डॉकर छवि -> डॉकर रजिस्ट्री: 3. बिल्ड स्टोर करें

डॉकर रजिस्ट्री -> उत्पादन सर्वर: 4. कंटेनर डेप्लॉय करें

D2 CI/CD automated deployment workflow diagram mapping code push from GitHub to Docker Registry and Production Server - Text to diagram editor - VPasCode

 

Scroll to Top