बड़े मोबाइल अनुप्रयोगों के लिए स्केलेबल वास्तुकला

इस अनुच्छेद में, हम एमवीपी, एमवीवीएम, एमवीआई, या ऐसा कुछ नहीं पार्स करेंगे। आज हम केवल प्रस्तुति-स्तरीय वास्तुकला की तुलना में अधिक वैश्विक चीज़ के बारे में बात करेंगे। वास्तव में एक बड़ा एप्लिकेशन कैसे डिज़ाइन करें जिसमें दसियों या सैकड़ों डेवलपर्स आराम से काम कर सकें? एक आवेदन जो कि हमने कितना कोड लिखा है, इसका विस्तार करना आसान है।

बड़ी परियोजनाओं के लिए आवश्यकताएं:

1. कमजोर कोड कनेक्टिविटी। किसी भी परिवर्तन को यथासंभव कम कोड को प्रभावित करना चाहिए।
2. पुन: उपयोग कोड। कॉपी-पास्ट के बिना पुन: उपयोग के लिए पहचान योग्य चीजें आसान होनी चाहिए
3. विस्तार में आसानी। किसी डेवलपर के लिए मौजूदा कोड में नई कार्यक्षमता जोड़ना आसान होना चाहिए।
4. स्थिरता। फीचर टॉगल का उपयोग करके किसी भी नए कोड को आसानी से निष्क्रिय किया जा सकता है , खासकर यदि आप ट्रंक-आधारित विकास का उपयोग कर रहे हैं ।
5. कोड स्वामित्व। परियोजना को मॉड्यूल में विभाजित किया जाना चाहिए, ताकि प्रत्येक मॉड्यूल के लिए स्वामी को असाइन करना आसान हो। इससे हमें कोड समीक्षा चरण में मदद मिलेगी। और यहां न केवल बड़ी चीजों के बारे में, जैसे कि ग्रेडल / पॉड्स मॉड्यूल, बल्कि साधारण विशेषताएं भी हैं, जिनमें अलग-अलग मालिक भी हो सकते हैं ।

अंग

. - (MV*) Presenter/ViewModel/Interactor/- . , - - . , , , // . , -, .

, . .

1. . - .
2. . .
3. . .
4. . , , .
5. UI. .
6. Unidirectional data flow . .
7. . feature toggles.
   , , , . , - .

1. (DomainObject).
2. (UI State).
3. .
4. - ( , ), (Action) , . UI State, (Action) , Service. Service (. 1).

, , (Actions) (Service). Service (DomainObjects) . Service - : UserService, PaymentsService, CartService, : ProductDetailsService, OrderService.

, , MVP/MVC/MVVM/MVI , ().

 —  , , , , .

:

• Middleware —  (Actions). , Middleware . .
• Reducer —  Middleware. .

, Middleware Reducer , Middleware Reducer.
: Flux, Redux, MVI

Server Drive UI

, (DomainObject), . Play Store/App Store. , !

सर्वर से हम स्क्रीन पर उनके प्रकार, स्क्रीन पर स्थिति, संस्करण, और ऑपरेशन और प्रदर्शन के लिए आवश्यक डेटा को इंगित करने वाले घटकों की एक सूची प्राप्त कर सकते हैं।

{
  "components": [
    {
      "type": "toolbar",
      "version": 3,
      "position": "header",
      "data": {
        "title": "Profile",
        "showUpArrow": true
      }
    },
    {
      "type": "user_info",
      "version": 1,
      "position": "header",
      "data": {
        "id": 1234,
        "first_name": "Alexey",
        "last_name": "Glukharev"
      }
    },
    {
      "type": "user_photo",
      "position": "header",
      "version": 2,
      "data": {
        "user_photo": "https://image_url.png"
      }
    },
    {
      "type": "menu_item",
      "version": 1,
      "position": "content",
      "data": {
        "text": "open user details",
        "deeplink": "app://user/detail/1234"
      }
    },
    {
      "type": "menu_item",
      "version": 1,
      "position": "content",
      "data": {
        "text": "contact us",
        "deeplink": "app://contact_us"
      }
    },
    {
      "type": "button",
      "version": 1,
      "position": "bottom",
      "data": {
        "text": "log out",
        "action": "log_out"
      }
    }
  ]
}

प्रशन?

मैंने इस वास्तुकला का उपयोग करते हुए कई बड़ी परियोजनाओं के विकास में भाग लिया, और मैं सामान्य रूप से वास्तुकला पर और एंड्रॉइड कार्यान्वयन के तकनीकी विवरणों के लिए दोनों खुला हूं।