<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Windows App SDK on kenji.blog</title><link>http://kenji.blog/hi/tags/windows-app-sdk/</link><description>Recent content in Windows App SDK on kenji.blog</description><generator>Hugo -- gohugo.io</generator><language>hi</language><copyright>kenjinote</copyright><lastBuildDate>Sun, 13 Sep 2026 04:00:00 +0900</lastBuildDate><atom:link href="http://kenji.blog/hi/tags/windows-app-sdk/index.xml" rel="self" type="application/rss+xml"/><item><title>लॉजिकपैड (LogicPad) विकास डायरी से सीखें: एक व्यक्तिगत विंडोज ऐप विकसित करने और रिलीज़ करने की यात्रा</title><link>http://kenji.blog/hi/p/logicpad-windows-app-development-journey/</link><pubDate>Sun, 13 Sep 2026 04:00:00 +0900</pubDate><guid>http://kenji.blog/hi/p/logicpad-windows-app-development-journey/</guid><description>&lt;img src="http://kenji.blog/p/logicpad-windows-app-development-journey/img/eyecatch.jpg" alt="Featured image of post लॉजिकपैड (LogicPad) विकास डायरी से सीखें: एक व्यक्तिगत विंडोज ऐप विकसित करने और रिलीज़ करने की यात्रा" />&lt;h2 id="1-परचय-अब-जनबझकर-वडज-नटव-ऐप-कय-बनय-जए">1. परिचय: अब जानबूझकर विंडोज़ नेटिव ऐप क्यों बनाया जाए?
&lt;/h2>&lt;p>इसमें कोई शक नहीं है कि आधुनिक एप्लिकेशन विकास में, इलैक्ट्रॉन (Electron), टौरी (Tauri), और रिएक्ट नेटिव (React Native) जैसी क्रॉस-प्लेटफ़ॉर्म तकनीकें मुख्यधारा बन गई हैं। वेब तकनीकों का उपयोग करके &amp;ldquo;एक बार लिखें, कहीं भी चलाएं&amp;rdquo; (Write Once, Run Anywhere) का दृष्टिकोण विकास की गति और रखरखाव के दृष्टिकोण से बहुत ही तर्कसंगत है। हालाँकि, मैंने जानबूझकर &amp;ldquo;LogicPad&amp;rdquo; नामक एप्लिकेशन को पूरी तरह से Windows के लिए अनुकूलित नेटिव एप्लिकेशन के रूप में विकसित करने का मार्ग चुना।&lt;/p>
&lt;p>LogicPad एक डिजिटल लॉजिक सर्किट सिम्युलेटर और टेक्स्ट एडिटर है, जिसका लक्ष्य हार्डवेयर इंजीनियरों और लॉजिक सर्किट सीखने वालों के लिए है। इसे वास्तविक समय में हजारों लॉजिक गेट्स का अनुकरण करने और एक ही समय में बिना किसी देरी के जटिल वेवफॉर्म डेटा को रेंडर करने की आवश्यकता होती है। ऐसे क्षेत्रों में जहां इस तरह के अत्यधिक प्रदर्शन की आवश्यकता होती है, गारबेज कलेक्शन (Garbage Collection) के कारण कुछ मिलीसेकंड का ठहराव (माइक्रो-स्टटर) या वेब-व्यू का रेंडरिंग ओवरहेड उपयोगकर्ता अनुभव में घातक गिरावट का कारण बनता है।&lt;/p>
&lt;p>इस लेख में, हम LogicPad की विकास अवधारणा से लेकर C++ और WinUI 3 (Windows App SDK) का उपयोग करके इसके कार्यान्वयन, विशिष्ट तकनीकी बाधाओं को दूर करने, MSIX पैकेजिंग, और Microsoft Store के माध्यम से इसके विश्वव्यापी वितरण तक की यात्रा पर अत्यंत विस्तृत तकनीकी स्पष्टीकरण के साथ नज़र डालेंगे। एक व्यक्तिगत डेवलपर कैसे एंटरप्राइज़-गुणवत्ता वाला नेटिव विंडोज़ ऐप बनाता है, इस प्रक्रिया को साझा करके, मुझे उम्मीद है कि यह उन लोगों के लिए एक मार्गदर्शक के रूप में काम करेगा जो इसी तरह नेटिव विकास को चुनौती दे रहे हैं।&lt;/p>
&lt;h2 id="2-परजकट-क-टइमलइन-project-timeline">2. प्रोजेक्ट की टाइमलाइन (Project Timeline)
&lt;/h2>&lt;p>LogicPad का विकास सप्ताहांत और रात के समय का उपयोग करते हुए एक व्यक्तिगत प्रोजेक्ट के रूप में किया गया था। कुल टाइमलाइन लगभग आधा वर्ष (6 महीने) तक फैली हुई है। नीचे एक गैंट (Gantt) चार्ट है जो प्रोजेक्ट की प्रगति को दर्शाता है।&lt;/p>
&lt;pre class="mermaid">
gantt
title लॉजिकपैड विकास टाइमलाइन
dateFormat YYYY-MM-DD
section &amp;#34;योजना और डिज़ाइन&amp;#34;
&amp;#34;आवश्यकता विश्लेषण और प्रोटोटाइपिंग&amp;#34; :a1, 2025-10-01, 30d
&amp;#34;आर्किटेक्चर डिज़ाइन (कोर C++)&amp;#34; :a2, after a1, 20d
section &amp;#34;कोर विकास&amp;#34;
&amp;#34;सिमुलेशन इंजन (C++)&amp;#34; :a3, after a2, 45d
&amp;#34;WinUI 3 XAML एकीकरण&amp;#34; :a4, after a3, 40d
section &amp;#34;UI/UX सुधार&amp;#34;
&amp;#34;कस्टम टाइटल बार और विंडोइंग&amp;#34; :a5, after a4, 15d
&amp;#34;एसिंक डिस्पैचर और मल्टीथ्रेडिंग&amp;#34; :a6, after a5, 15d
section &amp;#34;रिलीज़ और स्टोर&amp;#34;
&amp;#34;MSIX पैकेजिंग और क्षमताएं&amp;#34; :a7, after a6, 10d
&amp;#34;माइक्रोसॉफ्ट स्टोर सर्टिफिकेशन&amp;#34; :a8, after a7, 14d
&lt;/pre>
&lt;p>इस प्रकार, विकास के समय का अधिकांश भाग कोर इंजन के अनुकूलन और WinUI 3 और C++ के बीच एसिंक्रोनस (asynchronous) प्रोसेसिंग के एकीकरण में व्यतीत हुआ। यद्यपि क्रॉस-प्लेटफ़ॉर्म विकास की तुलना में नेटिव विकास में प्रारंभिक सेटअप और सीखने की लागत अधिक होती है, लेकिन यह निवेश अंतिम प्रदर्शन के रूप में निश्चित रूप से वापस मिल जाता है।&lt;/p>
&lt;h2 id="3-तकनक-चयन-c--winui-3--windows-app-sdk-क-गहरई">3. तकनीकी चयन: C++ / WinUI 3 / Windows App SDK की गहराई
&lt;/h2>&lt;p>LogicPad के विकास के लिए, तकनीकी स्टैक का चयन सबसे महत्वपूर्ण निर्णयों में से एक था। विंडोज़ प्लेटफ़ॉर्म पर नेटिव UI फ़्रेमवर्क के लिए ऐतिहासिक रूप से Win32 API (User32/GDI), MFC, Windows Forms, WPF और UWP जैसे कई विकल्प मौजूद हैं। वर्तमान में, माइक्रोसॉफ्ट आधुनिक विंडोज़ डेस्कटॉप एप्लिकेशन विकास के लिए &lt;strong>Windows App SDK&lt;/strong> के साथ बंडल किए गए &lt;strong>WinUI 3&lt;/strong> की सिफारिश करता है।&lt;/p>
&lt;h3 id="31-windows-app-sdk-और-winui-3-क-आरकटकचर">3.1. Windows App SDK और WinUI 3 का आर्किटेक्चर
&lt;/h3>&lt;p>Windows App SDK लाइब्रेरीज़ का एक सेट है जो OS संस्करण पर निर्भर किए बिना नवीनतम विंडोज़ API प्रदान करता है। पारंपरिक UWP (Universal Windows Platform) OS अपडेट के साथ मजबूती से जुड़ा हुआ था, जबकि Windows App SDK एप्लिकेशन के साथ वितरित किया जाता है, जिससे Windows 10 (संस्करण 1809 और बाद के) से लेकर Windows 11 तक निरंतर संचालन सुनिश्चित होता है।&lt;/p>
&lt;p>WinUI 3 एक नेटिव UI फ़्रेमवर्क है जो इस Windows App SDK पर चलता है, और यह Fluent Design System का पूरी तरह से समर्थन करता है। WinUI 3 के इंटर्नल C++ और DirectX के साथ बनाए गए हैं, और यह बहुत तेज़ी से काम करता है।&lt;/p>
&lt;h3 id="32-c-क-बजय-जनबझकर-c-cwinrt-क-चनन-क-करण">3.2. C# के बजाय जानबूझकर C++ (C++/WinRT) को चुनने का कारण
&lt;/h3>&lt;p>WinUI 3 के लिए विकास भाषाओं के रूप में C# और C++ समर्थित हैं। यदि आप C# और .NET का उपयोग करते हैं तो विकास दक्षता में काफी सुधार होता है, लेकिन LogicPad ने निम्नलिखित कारणों से &lt;strong>C++/WinRT&lt;/strong> को अपनाया:&lt;/p>
&lt;ol>
&lt;li>&lt;strong>नियतात्मक मेमोरी प्रबंधन (Deterministic Memory Management)&lt;/strong>: चूंकि कोई गारबेज कलेक्टर (GC) नहीं है, इसलिए आप मेमोरी आवंटन और डी-एलोकेशन के समय को पूरी तरह से नियंत्रित कर सकते हैं। यह सिमुलेशन लूप के दौरान GC पॉज़ को होने से रोकता है।&lt;/li>
&lt;li>&lt;strong>SIMD और कैश ऑप्टिमाइज़ेशन&lt;/strong>: C++ में, आप मेमोरी के भौतिक लेआउट (जैसे Struct of Arrays) को सख्ती से परिभाषित कर सकते हैं, जिससे CPU कैश हिट दर अधिकतम हो जाती है।&lt;/li>
&lt;li>&lt;strong>नेटिव ABI सीमा&lt;/strong>: C++/WinRT, COM (Component Object Model) का एक आधुनिक C++ प्रोजेक्शन है। यह आपको C# के P/Invoke ओवरहेड के बिना सीधे OS के नेटिव API को कॉल करने की अनुमति देता है।&lt;/li>
&lt;/ol>
&lt;p>COM, C++/WinRT के मूल में मौजूद है। सभी WinRT ऑब्जेक्ट अनिवार्य रूप से COM ऑब्जेक्ट होते हैं जो &lt;code>IUnknown&lt;/code> इंटरफ़ेस को लागू करते हैं, और C++/WinRT के स्मार्ट पॉइंटर्स जैसे कि &lt;code>winrt::com_ptr&lt;/code> स्वचालित रूप से संदर्भ गणना (Reference Counting - &lt;code>AddRef&lt;/code> / &lt;code>Release&lt;/code>) का प्रबंधन करते हैं।&lt;/p>
&lt;h2 id="4-winui-3-वकस-म-सबस-बड-बधए-और-सफलतए">4. WinUI 3 विकास में सबसे बड़ी बाधाएं और सफलताएं
&lt;/h2>&lt;p>C++/WinRT का उपयोग करके WinUI 3 विकास यद्यपि शक्तिशाली है, इसके साथ ही यह विशिष्ट जटिलताएँ भी लाता है। यहां, मैं उन दो प्रमुख तकनीकी चुनौतियों और उनके समाधानों के बारे में विस्तार से बताऊंगा जिनसे LogicPad के विकास के दौरान मुझे विशेष रूप से संघर्ष करना पड़ा था।&lt;/p>
&lt;h3 id="41-c-म-एसकरनस-ui-अपडटस-क-डर-और-करटन-coroutines">4.1. C++ में एसिंक्रोनस UI अपडेट्स का डर और कोरूटीन (Coroutines)
&lt;/h3>&lt;p>आधुनिक UI एप्लिकेशन का एक सख्त नियम यह है कि &amp;ldquo;UI थ्रेड को ब्लॉक नहीं किया जाना चाहिए&amp;rdquo;। LogicPad में, विशाल सर्किटों के सिमुलेशन गणनाओं को बैकग्राउंड थ्रेड पर निष्पादित करना और परिणामों को UI थ्रेड पर प्रतिबिंबित करना आवश्यक है।&lt;/p>
&lt;p>C# में, इसे &lt;code>async/await&lt;/code> और &lt;code>DispatcherQueue&lt;/code> का उपयोग करके अपेक्षाकृत आसानी से लिखा जा सकता है, लेकिन C++ में, इसे C++20 कोरूटीन (Coroutines) और &lt;code>winrt::apartment_context&lt;/code> के संयोजन से प्राप्त किया जाता है। COM के अपार्टमेंट मॉडल (STA: Single-Threaded Apartment और MTA: Multi-Threaded Apartment) की समझ आवश्यक है।&lt;/p>
&lt;p>निम्नलिखित कोड LogicPad के वास्तविक कोडबेस से निकाला गया एक पैटर्न है जो निर्बाध रूप से बैकग्राउंड गणनाएं करता है और फिर UI थ्रेड पर वापस आ जाता है।&lt;/p>
&lt;div class="highlight">&lt;div class="chroma">
&lt;table class="lntable">&lt;tr>&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code>&lt;span class="lnt"> 1
&lt;/span>&lt;span class="lnt"> 2
&lt;/span>&lt;span class="lnt"> 3
&lt;/span>&lt;span class="lnt"> 4
&lt;/span>&lt;span class="lnt"> 5
&lt;/span>&lt;span class="lnt"> 6
&lt;/span>&lt;span class="lnt"> 7
&lt;/span>&lt;span class="lnt"> 8
&lt;/span>&lt;span class="lnt"> 9
&lt;/span>&lt;span class="lnt">10
&lt;/span>&lt;span class="lnt">11
&lt;/span>&lt;span class="lnt">12
&lt;/span>&lt;span class="lnt">13
&lt;/span>&lt;span class="lnt">14
&lt;/span>&lt;span class="lnt">15
&lt;/span>&lt;span class="lnt">16
&lt;/span>&lt;span class="lnt">17
&lt;/span>&lt;span class="lnt">18
&lt;/span>&lt;span class="lnt">19
&lt;/span>&lt;span class="lnt">20
&lt;/span>&lt;span class="lnt">21
&lt;/span>&lt;span class="lnt">22
&lt;/span>&lt;span class="lnt">23
&lt;/span>&lt;span class="lnt">24
&lt;/span>&lt;span class="lnt">25
&lt;/span>&lt;span class="lnt">26
&lt;/span>&lt;span class="lnt">27
&lt;/span>&lt;span class="lnt">28
&lt;/span>&lt;span class="lnt">29
&lt;/span>&lt;span class="lnt">30
&lt;/span>&lt;span class="lnt">31
&lt;/span>&lt;span class="lnt">32
&lt;/span>&lt;span class="lnt">33
&lt;/span>&lt;span class="lnt">34
&lt;/span>&lt;span class="lnt">35
&lt;/span>&lt;span class="lnt">36
&lt;/span>&lt;span class="lnt">37
&lt;/span>&lt;span class="lnt">38
&lt;/span>&lt;span class="lnt">39
&lt;/span>&lt;span class="lnt">40
&lt;/span>&lt;span class="lnt">41
&lt;/span>&lt;span class="lnt">42
&lt;/span>&lt;span class="lnt">43
&lt;/span>&lt;span class="lnt">44
&lt;/span>&lt;span class="lnt">45
&lt;/span>&lt;span class="lnt">46
&lt;/span>&lt;span class="lnt">47
&lt;/span>&lt;span class="lnt">48
&lt;/span>&lt;/code>&lt;/pre>&lt;/td>
&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code class="language-cpp" data-lang="cpp">&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#include&lt;/span> &lt;span class="cpf">&amp;lt;winrt/Windows.Foundation.h&amp;gt;&lt;/span>&lt;span class="cp">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#include&lt;/span> &lt;span class="cpf">&amp;lt;winrt/Microsoft.UI.Dispatching.h&amp;gt;&lt;/span>&lt;span class="cp">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#include&lt;/span> &lt;span class="cpf">&amp;lt;winrt/Microsoft.UI.Xaml.h&amp;gt;&lt;/span>&lt;span class="cp">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">using&lt;/span> &lt;span class="k">namespace&lt;/span> &lt;span class="n">winrt&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">using&lt;/span> &lt;span class="k">namespace&lt;/span> &lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Xaml&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">using&lt;/span> &lt;span class="k">namespace&lt;/span> &lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Dispatching&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">// बटन क्लिक का इवेंट हैंडलर
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span>&lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">fire_and_forget&lt;/span> &lt;span class="n">MainWindow&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">OnRunSimulationClicked&lt;/span>&lt;span class="p">(&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">IInspectable&lt;/span> &lt;span class="k">const&lt;/span>&lt;span class="o">&amp;amp;&lt;/span> &lt;span class="cm">/* sender */&lt;/span>&lt;span class="p">,&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">RoutedEventArgs&lt;/span> &lt;span class="k">const&lt;/span>&lt;span class="o">&amp;amp;&lt;/span> &lt;span class="cm">/* args */&lt;/span>&lt;span class="p">)&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// वर्तमान UI थ्रेड के अपार्टमेंट कॉन्टेक्स्ट (STA) को कैप्चर करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">apartment_context&lt;/span> &lt;span class="n">ui_thread&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="k">try&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// UI का स्टेटस अपडेट करें (यह UI थ्रेड पर निष्पादित होता है)
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">StatusTextBlock&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">Text&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="sa">L&lt;/span>&lt;span class="s">&amp;#34;सिमुलेशन चल रहा है...&amp;#34;&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">ProgressBar&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">IsIndeterminate&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="nb">true&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// थ्रेड पूल (MTA) में कॉन्टेक्स्ट को माइग्रेट करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="k">co_await&lt;/span> &lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">resume_background&lt;/span>&lt;span class="p">();&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// बहुत भारी सिमुलेशन प्रोसेसिंग (बैकग्राउंड थ्रेड पर निष्पादित)
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="c1">// इस बीच, UI थ्रेड मुक्त हो जाता है, जिससे एप्लिकेशन को फ़्रीज़ होने से रोका जा सकता है
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">std&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">vector&lt;/span>&lt;span class="o">&amp;lt;&lt;/span>&lt;span class="n">LogicResult&lt;/span>&lt;span class="o">&amp;gt;&lt;/span> &lt;span class="n">results&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">CoreEngine&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">RunMassiveSimulation&lt;/span>&lt;span class="p">();&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// सिमुलेशन परिणामों को स्ट्रिंग में फ़ॉर्मेट करें (बैकग्राउंड में चलना जारी है)
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">hstring&lt;/span> &lt;span class="n">outputText&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">FormatResults&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="n">results&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// कॉन्टेक्स्ट को वापस UI थ्रेड पर लौटाएं
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="k">co_await&lt;/span> &lt;span class="n">ui_thread&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// चूँकि इसके बाद यह UI थ्रेड पर निष्पादित होता है, XAML कंट्रोल्स को सुरक्षित रूप से एक्सेस किया जा सकता है
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">ResultTextBlock&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">Text&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="n">outputText&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">ProgressBar&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">IsIndeterminate&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="nb">false&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">StatusTextBlock&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">Text&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="sa">L&lt;/span>&lt;span class="s">&amp;#34;पूरा हुआ&amp;#34;&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="k">catch&lt;/span> &lt;span class="p">(&lt;/span>&lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">hresult_error&lt;/span> &lt;span class="k">const&lt;/span>&lt;span class="o">&amp;amp;&lt;/span> &lt;span class="n">ex&lt;/span>&lt;span class="p">)&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// अपवाद (exception) होने पर भी त्रुटि संदेश प्रदर्शित करने के लिए UI थ्रेड पर वापस लौटें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="k">co_await&lt;/span> &lt;span class="n">ui_thread&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">StatusTextBlock&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">Text&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="sa">L&lt;/span>&lt;span class="s">&amp;#34;त्रुटि: &amp;#34;&lt;/span> &lt;span class="o">+&lt;/span> &lt;span class="n">ex&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="n">message&lt;/span>&lt;span class="p">());&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">ProgressBar&lt;/span>&lt;span class="p">().&lt;/span>&lt;span class="n">IsIndeterminate&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="nb">false&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/td>&lt;/tr>&lt;/table>
&lt;/div>
&lt;/div>&lt;p>इस &lt;code>winrt::apartment_context&lt;/code> का व्यवहार जादुई लग सकता है, लेकिन आंतरिक रूप से, यह &lt;code>IContextCallback&lt;/code> इंटरफ़ेस का उपयोग करके मूल थ्रेड कॉन्टेक्स्ट को याद रखने और &lt;code>co_await&lt;/code> के दौरान उस कॉन्टेक्स्ट पर प्रोसेसिंग को डिस्पैच (एनक्यू) करने के लिए एक उन्नत C++ तंत्र को नियोजित करता है। यह आपको कॉलबैक हेल (callback hell) में गिरे बिना प्रक्रियात्मक कोड की तरह दिखने वाले एसिंक्रोनस प्रोसेसिंग को लिखने की अनुमति देता है।&lt;/p>
&lt;h3 id="42-कसटम-टइटल-बर-क-परण-करयनवयन">4.2. कस्टम टाइटल बार का पूर्ण कार्यान्वयन
&lt;/h3>&lt;p>Windows 11 युग के एप्लिकेशन्स में, विंडो के टाइटल बार (कैप्शन एरिया) में टैब या सर्च बॉक्स रखने वाला &amp;ldquo;कस्टम टाइटल बार&amp;rdquo; आधुनिक UX (उपयोगकर्ता अनुभव) के लिए एक आवश्यक आवश्यकता है। हालाँकि, WinUI 3 में टाइटल बार को कस्टमाइज़ करना आसान है यदि आप केवल रंग बदलना चाहते हैं, लेकिन &amp;ldquo;विंडो को ड्रैग करने और स्नैप लेआउट (जब विंडो स्क्रीन के किनारे पर जाती है तो ऑटोमैटिक रीसाइज़िंग) को बनाए रखते हुए क्लाइंट एरिया को टाइटल बार तक विस्तारित करने&amp;rdquo; की आवश्यकता को पूरा करने का प्रयास करते समय कठिनाई स्तर एकदम से बढ़ जाता है।&lt;/p>
&lt;p>LogicPad में, मैंने &lt;code>ExtendsContentIntoTitleBar&lt;/code> API का उपयोग करके कस्टम XAML तत्वों के साथ टाइटल बार बनाया। नीचे दिया गया कोड Windows App SDK की &lt;code>AppWindow&lt;/code> क्लास का उपयोग करके टाइटल बार को कस्टमाइज़ करने के लिए एक चरण-दर-चरण मार्गदर्शिका है।&lt;/p>
&lt;div class="highlight">&lt;div class="chroma">
&lt;table class="lntable">&lt;tr>&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code>&lt;span class="lnt"> 1
&lt;/span>&lt;span class="lnt"> 2
&lt;/span>&lt;span class="lnt"> 3
&lt;/span>&lt;span class="lnt"> 4
&lt;/span>&lt;span class="lnt"> 5
&lt;/span>&lt;span class="lnt"> 6
&lt;/span>&lt;span class="lnt"> 7
&lt;/span>&lt;span class="lnt"> 8
&lt;/span>&lt;span class="lnt"> 9
&lt;/span>&lt;span class="lnt">10
&lt;/span>&lt;span class="lnt">11
&lt;/span>&lt;span class="lnt">12
&lt;/span>&lt;span class="lnt">13
&lt;/span>&lt;span class="lnt">14
&lt;/span>&lt;span class="lnt">15
&lt;/span>&lt;span class="lnt">16
&lt;/span>&lt;span class="lnt">17
&lt;/span>&lt;span class="lnt">18
&lt;/span>&lt;span class="lnt">19
&lt;/span>&lt;span class="lnt">20
&lt;/span>&lt;span class="lnt">21
&lt;/span>&lt;span class="lnt">22
&lt;/span>&lt;span class="lnt">23
&lt;/span>&lt;span class="lnt">24
&lt;/span>&lt;span class="lnt">25
&lt;/span>&lt;span class="lnt">26
&lt;/span>&lt;span class="lnt">27
&lt;/span>&lt;span class="lnt">28
&lt;/span>&lt;span class="lnt">29
&lt;/span>&lt;span class="lnt">30
&lt;/span>&lt;span class="lnt">31
&lt;/span>&lt;span class="lnt">32
&lt;/span>&lt;span class="lnt">33
&lt;/span>&lt;/code>&lt;/pre>&lt;/td>
&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code class="language-cpp" data-lang="cpp">&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#include&lt;/span> &lt;span class="cpf">&amp;lt;winrt/Microsoft.UI.Windowing.h&amp;gt;&lt;/span>&lt;span class="cp">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#include&lt;/span> &lt;span class="cpf">&amp;lt;winrt/Microsoft.UI.Interop.h&amp;gt;&lt;/span>&lt;span class="cp">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#include&lt;/span> &lt;span class="cpf">&amp;lt;microsoft.ui.interop.h&amp;gt;&lt;/span>&lt;span class="cp"> &lt;/span>&lt;span class="c1">// for GetWindowIdFromWindow
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="kt">void&lt;/span> &lt;span class="n">MainWindow&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">InitializeCustomTitleBar&lt;/span>&lt;span class="p">()&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// वर्तमान विंडो का HWND (विंडो हैंडल) प्राप्त करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="k">auto&lt;/span> &lt;span class="n">windowNative&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="k">this&lt;/span>&lt;span class="o">-&amp;gt;&lt;/span>&lt;span class="n">try_as&lt;/span>&lt;span class="o">&amp;lt;::&lt;/span>&lt;span class="n">IWindowNative&lt;/span>&lt;span class="o">&amp;gt;&lt;/span>&lt;span class="p">();&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">HWND&lt;/span> &lt;span class="n">hwnd&lt;/span>&lt;span class="p">{&lt;/span> &lt;span class="k">nullptr&lt;/span> &lt;span class="p">};&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">windowNative&lt;/span>&lt;span class="o">-&amp;gt;&lt;/span>&lt;span class="n">get_WindowHandle&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="o">&amp;amp;&lt;/span>&lt;span class="n">hwnd&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// HWND से WindowId में कनवर्ट करें और AppWindow इंस्टेंस प्राप्त करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">WindowId&lt;/span> &lt;span class="n">windowId&lt;/span> &lt;span class="o">=&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">GetWindowIdFromWindow&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="n">hwnd&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="k">auto&lt;/span> &lt;span class="n">appWindow&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Windowing&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">AppWindow&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">GetFromWindowId&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="n">windowId&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// जांचें कि क्या कस्टमाइज़ेशन समर्थित OS संस्करण है
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="k">if&lt;/span> &lt;span class="p">(&lt;/span>&lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Windowing&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">AppWindowTitleBar&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">IsCustomizationSupported&lt;/span>&lt;span class="p">())&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="k">auto&lt;/span> &lt;span class="n">titleBar&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">appWindow&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="n">TitleBar&lt;/span>&lt;span class="p">();&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// क्लाइंट एरिया (कंटेंट) को टाइटल बार तक विस्तारित करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">titleBar&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="n">ExtendsContentIntoTitleBar&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="nb">true&lt;/span>&lt;span class="p">);&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// डिफ़ॉल्ट कैप्शन बटन (मिनिमाइज़, मैक्सिमाइज़, क्लोज़) के बैकग्राउंड को पारदर्शी बनाएं
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="n">titleBar&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="n">ButtonBackgroundColor&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Colors&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Transparent&lt;/span>&lt;span class="p">());&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">titleBar&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="n">ButtonInactiveBackgroundColor&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="n">winrt&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Microsoft&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">UI&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Colors&lt;/span>&lt;span class="o">::&lt;/span>&lt;span class="n">Transparent&lt;/span>&lt;span class="p">());&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c1">// XAML साइड पर परिभाषित UI तत्व (AppTitleBar) को ड्रैग क्षेत्र के रूप में सेट करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="c1">// ※ इस भाग के विवरण के लिए, XAML साइड पर UIElement को UI थ्रेड के Dispatcher के साथ मॉनिटर करना आवश्यक है,
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="c1">// और OS को ड्रैगेबल क्षेत्र बताने के लिए SetDragRectangles() को कॉल करना होगा।
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/td>&lt;/tr>&lt;/table>
&lt;/div>
&lt;/div>&lt;p>इस कार्यान्वयन में सबसे बड़ा जाल यह है कि हर बार जब XAML साइड पर UI तत्व का आकार बदलता है (जैसे कि जब विंडो का आकार बदला जाता है), तो आपको &lt;code>InputNonClientPointerSource&lt;/code> और &lt;code>SetDragRectangles&lt;/code> का उपयोग करके हिट-टेस्ट क्षेत्र की फिर से गणना करके OS को सूचित करना होगा कि &amp;ldquo;यह एक ड्रैगेबल क्षेत्र है&amp;rdquo;। यदि आप ऐसा करने में विफल रहते हैं, तो कीड़े (bugs) होंगे जैसे कि जब आप टाइटल बार को ड्रैग करते हैं तो विंडो हिलती नहीं है, या इसके विपरीत, जब आप किसी बटन पर क्लिक करना चाहते हैं, तो यह विंडो ड्रैग के रूप में निर्धारित होता है।&lt;/p>
&lt;h2 id="5-msix-पकजग-और-appxmanifest-क-गहरई">5. MSIX पैकेजिंग और AppXManifest की गहराई
&lt;/h2>&lt;p>विकास पूरा होने के बाद LogicPad को वितरित करने के लिए एक इंस्टॉलर बनाना आवश्यक है। पारंपरिक MSI या EXE इंस्टॉलरों के बजाय, मैंने आधुनिक &lt;strong>MSIX&lt;/strong> प्रारूप को अपनाया। MSIX पूरी तरह से साफ इंस्टॉलेशन और अनइंस्टॉलेशन (रजिस्ट्री को प्रदूषित किए बिना) प्रदान करता है, और इसमें स्वचालित अपडेट भी शामिल हैं, जिससे यह उपयोगकर्ताओं के लिए बहुत सुरक्षित और आरामदायक हो जाता है।&lt;/p>
&lt;p>हालाँकि, C++ में लिखे गए नेटिव ऐप को MSIX के साथ पैकेज करते समय, जिस चीज़ पर सबसे ज़्यादा ध्यान देने की ज़रूरत है, वह है &lt;code>Package.appxmanifest&lt;/code> (मेनिफ़ेस्ट फ़ाइल) की सेटिंग।&lt;/p>
&lt;p>LogicPad को स्थानीय फ़ाइल सिस्टम (जैसे उपयोगकर्ता का दस्तावेज़ फ़ोल्डर) में सहेजी गई बड़ी प्रोजेक्ट फ़ाइलों को पढ़ने और लिखने की आवश्यकता होती है। एक मानक UWP सैंडबॉक्स वातावरण में, ऐप केवल अपने स्वयं के पृथक डेटा फ़ोल्डर (AppContainer) तक ही पहुंच सकता है। नेटिव डेस्कटॉप ऐप के रूप में पूर्ण पहुँच विशेषाधिकार प्राप्त करने के लिए, आपको मेनिफ़ेस्ट में &lt;code>runFullTrust&lt;/code> क्षमता (capability) घोषित करनी होगी।&lt;/p>
&lt;div class="highlight">&lt;div class="chroma">
&lt;table class="lntable">&lt;tr>&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code>&lt;span class="lnt"> 1
&lt;/span>&lt;span class="lnt"> 2
&lt;/span>&lt;span class="lnt"> 3
&lt;/span>&lt;span class="lnt"> 4
&lt;/span>&lt;span class="lnt"> 5
&lt;/span>&lt;span class="lnt"> 6
&lt;/span>&lt;span class="lnt"> 7
&lt;/span>&lt;span class="lnt"> 8
&lt;/span>&lt;span class="lnt"> 9
&lt;/span>&lt;span class="lnt">10
&lt;/span>&lt;span class="lnt">11
&lt;/span>&lt;span class="lnt">12
&lt;/span>&lt;span class="lnt">13
&lt;/span>&lt;span class="lnt">14
&lt;/span>&lt;span class="lnt">15
&lt;/span>&lt;span class="lnt">16
&lt;/span>&lt;span class="lnt">17
&lt;/span>&lt;span class="lnt">18
&lt;/span>&lt;span class="lnt">19
&lt;/span>&lt;span class="lnt">20
&lt;/span>&lt;span class="lnt">21
&lt;/span>&lt;span class="lnt">22
&lt;/span>&lt;span class="lnt">23
&lt;/span>&lt;span class="lnt">24
&lt;/span>&lt;span class="lnt">25
&lt;/span>&lt;span class="lnt">26
&lt;/span>&lt;span class="lnt">27
&lt;/span>&lt;span class="lnt">28
&lt;/span>&lt;span class="lnt">29
&lt;/span>&lt;/code>&lt;/pre>&lt;/td>
&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code class="language-xml" data-lang="xml">&lt;span class="line">&lt;span class="cl">&lt;span class="cp">&amp;lt;?xml version=&amp;#34;1.0&amp;#34; encoding=&amp;#34;utf-8&amp;#34;?&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nt">&amp;lt;Package&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">xmlns=&lt;/span>&lt;span class="s">&amp;#34;http://schemas.microsoft.com/appx/manifest/foundation/windows10&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">xmlns:uap=&lt;/span>&lt;span class="s">&amp;#34;http://schemas.microsoft.com/appx/manifest/uap/windows10&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">xmlns:rescap=&lt;/span>&lt;span class="s">&amp;#34;http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">IgnorableNamespaces=&lt;/span>&lt;span class="s">&amp;#34;uap rescap&amp;#34;&lt;/span>&lt;span class="nt">&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;Identity&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">Name=&lt;/span>&lt;span class="s">&amp;#34;LogicPad.Studio&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">Publisher=&lt;/span>&lt;span class="s">&amp;#34;CN=Kenji&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">Version=&lt;/span>&lt;span class="s">&amp;#34;1.0.0.0&amp;#34;&lt;/span> &lt;span class="nt">/&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;Properties&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;DisplayName&amp;gt;&lt;/span>LogicPad&lt;span class="nt">&amp;lt;/DisplayName&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;PublisherDisplayName&amp;gt;&lt;/span>Kenji&lt;span class="nt">&amp;lt;/PublisherDisplayName&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;Logo&amp;gt;&lt;/span>Assets\StoreLogo.png&lt;span class="nt">&amp;lt;/Logo&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;/Properties&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;Dependencies&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;TargetDeviceFamily&lt;/span> &lt;span class="na">Name=&lt;/span>&lt;span class="s">&amp;#34;Windows.Desktop&amp;#34;&lt;/span> &lt;span class="na">MinVersion=&lt;/span>&lt;span class="s">&amp;#34;10.0.17763.0&amp;#34;&lt;/span> &lt;span class="na">MaxVersionTested=&lt;/span>&lt;span class="s">&amp;#34;10.0.22621.0&amp;#34;&lt;/span> &lt;span class="nt">/&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;/Dependencies&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;Capabilities&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c">&amp;lt;!-- सामान्य कार्य प्रतिबंध --&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;Capability&lt;/span> &lt;span class="na">Name=&lt;/span>&lt;span class="s">&amp;#34;internetClient&amp;#34;&lt;/span> &lt;span class="nt">/&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c">&amp;lt;!-- नेटिव डेस्कटॉप ऐप के रूप में चलने के लिए प्रतिबंधित क्षमता --&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;rescap:Capability&lt;/span> &lt;span class="na">Name=&lt;/span>&lt;span class="s">&amp;#34;runFullTrust&amp;#34;&lt;/span> &lt;span class="nt">/&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nt">&amp;lt;/Capabilities&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nt">&amp;lt;/Package&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/td>&lt;/tr>&lt;/table>
&lt;/div>
&lt;/div>&lt;p>इस &lt;code>&amp;lt;rescap:Capability Name=&amp;quot;runFullTrust&amp;quot; /&amp;gt;&lt;/code> को &amp;ldquo;प्रतिबंधित क्षमता (Restricted Capability)&amp;rdquo; कहा जाता है, और जब आप इसे Microsoft Store में सबमिट करते हैं, तो आपको एक औचित्य (justification) सबमिट करना होगा जो समीक्षकों को समझाता है कि इस अनुमति की आवश्यकता क्यों है। मैंने समझाया कि &amp;ldquo;यह ऐप एक पेशेवर उपकरण है जो उपयोगकर्ता के स्थानीय डिस्क पर किसी भी लॉजिक सर्किट प्रोजेक्ट फ़ाइल को पढ़ता, लिखता और एक्सपोर्ट करता है,&amp;rdquo; और इसे बिना किसी समस्या के मंजूरी मिल गई।&lt;/p>
&lt;h2 id="6-मइकरसफट-सटर-क-रसत-और-समकष-परकरय-microsoft-store-journey-and-certification-process">6. माइक्रोसॉफ्ट स्टोर का रास्ता और समीक्षा प्रक्रिया (Microsoft Store Journey and Certification Process)
&lt;/h2>&lt;p>एप्लिकेशन के पूरा होने और MSIX पैकेज के निर्माण के बाद, यह अंततः Microsoft Store में प्रस्तुत करने का समय है। एक व्यक्तिगत डेवलपर के लिए, स्टोर के माध्यम से वितरण के अथाह लाभ हैं, जैसे कि स्वचालित अपडेट वितरण, विश्वसनीयता की गारंटी और भुगतान प्रणाली का उपयोग।&lt;/p>
&lt;p>Microsoft Store में सबमिशन प्रक्रिया Partner Center (पार्टनर सेंटर) के माध्यम से की जाती है। नीचे दिया गया फ़्लोचार्ट बिल्ड से लेकर प्रकाशन तक की पूरी तस्वीर दिखाता है।&lt;/p>
&lt;pre class="mermaid">
flowchart TD
A[&amp;#34;डेवलपर (Visual Studio)&amp;#34;] --&amp;gt;|बिल्ड और साइन| B[&amp;#34;MSIX बंडल जनरेशन&amp;#34;]
B --&amp;gt; C[&amp;#34;Windows ऐप सर्टिफिकेशन किट (WACK)&amp;#34;]
C --&amp;gt;|पास| D[&amp;#34;पार्टनर सेंटर डैशबोर्ड&amp;#34;]
C --&amp;gt;|विफल| E[&amp;#34;कोड / मेनिफ़ेस्ट समस्याओं को ठीक करें&amp;#34;]
E --&amp;gt; A
D --&amp;gt;|पैकेज अपलोड करें| F[&amp;#34;स्टोर सर्टिफिकेशन प्रक्रिया&amp;#34;]
F --&amp;gt; G[&amp;#34;स्वचालित मैलवेयर स्कैन&amp;#34;]
G --&amp;gt; H[&amp;#34;मैनुअल कंटेंट समीक्षा&amp;#34;]
H --&amp;gt;|स्वीकृत| I[&amp;#34;Microsoft Store पर प्रकाशित करना&amp;#34;]
H --&amp;gt;|अस्वीकृत| J[&amp;#34;प्रतिक्रिया को संबोधित करें और पुनः सबमिट करें&amp;#34;]
J --&amp;gt; D
I --&amp;gt; K[&amp;#34;ऐप लाइव है!&amp;#34;]
&lt;/pre>
&lt;h3 id="61-wack-windows-app-certification-kit-क-बध">6.1. WACK (Windows App Certification Kit) की बाधा
&lt;/h3>&lt;p>Partner Center पर अपलोड करने से पहले, आपको स्थानीय रूप से &lt;strong>WACK (Windows App Certification Kit)&lt;/strong> चलाना होगा और पूर्व-परीक्षण (pre-test) पास करना होगा। WACK एक ऐसा टूल है जो स्वचालित रूप से परीक्षण करता है कि क्या ऐप क्रैश तो नहीं होता, अवैध APIs को कॉल तो नहीं करता, या प्रदर्शन आवश्यकताओं को पूरा करता है या नहीं।&lt;/p>
&lt;p>C++ नेटिव ऐप्स के मामले में, जिस चीज़ से आपको विशेष रूप से सावधान रहने की आवश्यकता है वह है &amp;ldquo;असमर्थित API का उपयोग (Use of unsupported APIs)&amp;rdquo; त्रुटि। यदि आप स्थिर रूप से (statically link) पुराने थर्ड-पार्टी C++ लाइब्रेरीज़ को लिंक करते हैं, तो उस लाइब्रेरी के अंदर बहिष्कृत (deprecated) Win32 API का उपयोग किया जा सकता है, जिसे WACK समीक्षा के दौरान अस्वीकार किया जा सकता है। इस समस्या से बचने के लिए, मैंने निर्भर लाइब्रेरीज़ (dependent libraries) को नवीनतम संस्करणों में अपडेट किया, और कुछ फ़ंक्शन्स को Windows App SDK द्वारा प्रदान किए गए वैकल्पिक API से फिर से लिखा।&lt;/p>
&lt;h3 id="62-समकष-और-परकशन">6.2. समीक्षा और प्रकाशन
&lt;/h3>&lt;p>Partner Center की सेटिंग्स में ऐप की कीमत, आयु वर्गीकरण (IARC रेटिंग), स्टोर के लिए स्क्रीनशॉट और विवरण इनपुट करना शामिल है। चूंकि LogicPad एक तकनीकी टूल है, इसलिए मैं तुरंत सभी उम्र वालों के लिए रेटिंग प्राप्त करने में सक्षम हो गया।&lt;/p>
&lt;p>पैकेज सबमिट करने के बाद समीक्षा पूरी होने में लगभग 3 कार्य दिवस (business days) लगे। स्वचालित मैलवेयर स्कैन और फीचर चेक के बाद, माइक्रोसॉफ्ट की समीक्षा टीम द्वारा एक मैनुअल ऑपरेशन चेक किया जाता है। &lt;code>runFullTrust&lt;/code> अनुमति अनुरोध भी बिना किसी समस्या के पारित हो गया, और जिस क्षण स्टेटस &amp;ldquo;प्रकाशन पूर्ण (In the Store)&amp;rdquo; में बदल गया, तब जो उपलब्धि की भावना महसूस हुई, वह किसी भी चीज़ से बेजोड़ थी।&lt;/p>
&lt;h2 id="7-एक-वयवसय-क-रप-म-वयकतगत-वकस-परदरशन-और-रजसव-क-गणतय-मडल">7. एक व्यवसाय के रूप में व्यक्तिगत विकास: प्रदर्शन और राजस्व का गणितीय मॉडल
&lt;/h2>&lt;p>केवल एक ऐप बनाने से संतुष्ट होने के बजाय, LogicPad को लगातार अपडेट करने और इसे एक व्यवहार्य व्यवसाय बनाने के लिए, तकनीकी और व्यावसायिक दोनों मेट्रिक्स का मात्रात्मक रूप से (quantitatively) मूल्यांकन करना आवश्यक है।&lt;/p>
&lt;h3 id="71-c-दवर-लय-गय-ममर-उपयग-अनकलन-मडल">7.1. C++ द्वारा लाया गया मेमोरी उपयोग अनुकूलन मॉडल
&lt;/h3>&lt;p>LogicPad की सबसे बड़ी ताकत यह है कि यह Electron-आधारित संपादकों (जैसे VSCode) की तुलना में बहुत हल्का है। एप्लिकेशन के मेमोरी फ़ुटप्रिंट $M_{total}$ को निम्नानुसार मॉडल किया जा सकता है:&lt;/p>
$$
M_{total} = M_{UI} + M_{engine} + M_{cache}
$$&lt;p>यहां, WinUI 3 के नेटिव रेंडरिंग के कारण $M_{UI}$ Electron की तुलना में नाटकीय रूप से छोटा (लगभग 50MB) है, जो एक ब्राउज़र इंजन लोड करता है। इसके अलावा, C++ इंजन वाले हिस्से की मेमोरी $M_{engine}$ लॉजिक गेट्स की संख्या $N$ के सापेक्ष, अनुकूलित संरचनाओं (optimized structures) और पॉइंटर्स के निष्कासन के कारण रैखिक (linearly) रूप से स्केल होती है।&lt;/p>
$$
M_{engine} = N \times \text{sizeof(LogicNode)}
$$&lt;p>C++ के &lt;code>#pragma pack&lt;/code> का उपयोग करके संरचना के अलाइनमेंट (alignment) को अनुकूलित करके, मैंने प्रति नोड मेमोरी को उसकी सीमा तक कम कर दिया है।&lt;/p>
&lt;div class="highlight">&lt;div class="chroma">
&lt;table class="lntable">&lt;tr>&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code>&lt;span class="lnt">1
&lt;/span>&lt;span class="lnt">2
&lt;/span>&lt;span class="lnt">3
&lt;/span>&lt;span class="lnt">4
&lt;/span>&lt;span class="lnt">5
&lt;/span>&lt;span class="lnt">6
&lt;/span>&lt;span class="lnt">7
&lt;/span>&lt;span class="lnt">8
&lt;/span>&lt;span class="lnt">9
&lt;/span>&lt;/code>&lt;/pre>&lt;/td>
&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code class="language-cpp" data-lang="cpp">&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#pragma pack(push, 1)
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">&lt;/span>&lt;span class="c1">// वर्चुअल फ़ंक्शन टेबल (vtable) के बिना इसे पैक करके मेमोरी को छोटा करें
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span>&lt;span class="k">struct&lt;/span> &lt;span class="nc">LogicNode&lt;/span> &lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="kt">uint32_t&lt;/span> &lt;span class="n">id&lt;/span>&lt;span class="p">;&lt;/span> &lt;span class="c1">// 4 bytes
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="kt">uint16_t&lt;/span> &lt;span class="n">type&lt;/span>&lt;span class="p">;&lt;/span> &lt;span class="c1">// 2 bytes
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="kt">bool&lt;/span> &lt;span class="n">isActive&lt;/span>&lt;span class="p">;&lt;/span> &lt;span class="c1">// 1 byte
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span> &lt;span class="c1">// संरचना (struct) का आकार 7 bytes है (अलाइनमेंट पैडिंग के बिना)
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1">&lt;/span>&lt;span class="p">};&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="cp">#pragma pack(pop)
&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/td>&lt;/tr>&lt;/table>
&lt;/div>
&lt;/div>&lt;p>कैश लेयर की मेमोरी $M_{cache}$, सिमुलेशन इतिहास को बनाए रखने के लिए $\mathcal{O}(N \log N)$ के अनुपात में बढ़ जाती है, लेकिन चूँकि बेस फ़ुटप्रिंट छोटा है, यहां तक कि हजारों नोड्स वाले सर्किट के साथ भी, पूरे सिस्टम का RAM उपयोग 200MB से कम रहता है।&lt;/p>
&lt;h3 id="72-ltv-और-cac-मरकटग-क-गणन">7.2. LTV और CAC: मार्केटिंग की गणना
&lt;/h3>&lt;p>व्यक्तिगत विकास के लिए मुद्रीकरण (monetization) रणनीति में, ग्राहक आजीवन मूल्य (LTV: Lifetime Value) और ग्राहक अधिग्रहण लागत (CAC: Customer Acquisition Cost) का संतुलन ही सब कुछ है। LogicPad सदस्यता (subscription) के बजाय, वन-टाइम परचेस लाइसेंस मॉडल (Freemium) का उपयोग करता है।&lt;/p>
&lt;p>LTV की गणना डिस्काउंट रेट $d$ द्वारा भविष्य के अपग्रेड खरीदारी की संभावना को छूट देकर, वर्तमान मूल्य के योग के रूप में की जाती है। यदि अवधि $T$ है, तो इसे निम्नलिखित सूत्र द्वारा व्यक्त किया जा सकता है:&lt;/p>
$$
LTV = \sum_{t=1}^{T} \frac{ARPU_t \times Margin}{(1+d)^t}
$$&lt;p>दूसरी ओर, CAC मार्केटिंग खर्च की कुल राशि (जैसे Twitter (अब X) विज्ञापन या ब्लॉग पोस्ट से ट्रैफ़िक) को नए उपयोगकर्ताओं की संख्या से विभाजित करके प्राप्त किया जाता है।&lt;/p>
$$
CAC = \frac{Total\ Marketing\ Spend}{Number\ of\ New\ Users}
$$&lt;p>व्यक्तिगत विकास का फायदा यह है कि विकास से जुड़ी श्रम लागत को &amp;ldquo;शौक के समय&amp;rdquo; के रूप में एक डूबी हुई लागत (sunk cost) में बदला जा सकता है, जिससे CAC की गणना केवल शुद्ध विपणन (marketing) लागत के साथ की जा सकती है। वर्तमान में, विशिष्ट तकनीकी समुदायों में वर्ड-ऑफ़-माउथ पर केंद्रित ऑर्गेनिक ट्रैफ़िक के साथ, हम $CAC \approx 0$ की निकट-शून्य स्थिति में $LTV > CAC$ के स्वस्थ यूनिट अर्थशास्त्र (unit economics) को प्राप्त कर रहे हैं।&lt;/p>
&lt;h2 id="8-नषकरष-नटव-ऐप-वकस-क-गद-लकन-खबसरत-दनय">8. निष्कर्ष: नेटिव ऐप विकास की गंदी लेकिन खूबसूरत दुनिया
&lt;/h2>&lt;p>LogicPad के विकास से लेकर Microsoft Store पर इसके रिलीज़ होने तक की यात्रा को पीछे मुड़कर देखें, तो यह कोई आसान रास्ता नहीं था, जिसमें C++/WinRT की कठिन कंपाइल त्रुटियों से जूझना, COM संदर्भ गणना (reference counting) बग्स के कारण मेमोरी लीक को ट्रैक करना और MSIX मैनिफेस्ट के XML विनिर्देशों की जांच करना शामिल था।&lt;/p>
&lt;p>ठीक इसलिए क्योंकि वेब प्रौद्योगिकी का विकास उस युग में आ गया है जहाँ &amp;ldquo;ब्राउज़र में कुछ भी बनाया जा सकता है,&amp;rdquo; नेटिव विकास का अनुभव - जो सीधे OS APIs को कॉल करता है और मेमोरी के एक बाइट और CPU के allocation पर भी ध्यान देता है - एक इंजीनियर के रूप में आपकी बुनियादी ताकत को अत्यधिक बढ़ा देता है।&lt;/p>
&lt;p>WinUI 3 और Windows App SDK अभी भी सक्रिय विकास में हैं और Windows 11 के UI प्रतिमान का अधिकतम लाभ उठाने वाले सुंदर एप्लिकेशन बनाने के लिए सर्वोत्तम उपकरण हैं। मुझे पूरी उम्मीद है कि यह ब्लॉग पोस्ट उन डेवलपर्स की मदद करेगा जो विंडोज़ नेटिव ऐप विकास को चुनौती देने वाले हैं, और स्टोर में अधिक से अधिक बेहतरीन ऐप्स कतार में होंगे।&lt;/p>
&lt;p>विकास अभी ख़त्म नहीं हुआ है। LogicPad के अगले संस्करण में, हम Direct2D का उपयोग करके एक कस्टम वेवफॉर्म रेंडरिंग इंजन को एकीकृत करने की योजना बना रहे हैं। अगले लेख में, हम DirectX और WinUI 3 के बीच इंटरऑपरेबिलिटी (SwapChainPanel का उपयोग) में गहराई से उतरेंगे। कृपया इसके लिए बने रहें।&lt;/p></description></item></channel></rss>