تكامل

15/04/2024
1

كيفية عرض المنتجات في Volusion
عندما تقوم بإدراج المنتجات عبر واجهة برمجة التطبيقات (API) الخاصة بـ Volusion، قد تواجه بعض التحديات في جعل هذه المنتجات ظاهرة على صفحة المتجر الخاصة بك. في الحقيقة، هذه المشكلة قد تنجم عن عدة أسباب، ولكن يمكنك اتباع بعض الخطوات للتأكد من أن المنتجات تظهر بشكل صحيح.

أولاً وقبل كل شيء، تحقق من أن عملية إدراج المنتجات عبر API تمت بنجاح دون أي أخطاء. فقد يكون هناك خطأ في الطلب الخاص بك أو في بيانات المنتجات التي تمت إضافتها، مما يمنع ظهورها بشكل صحيح.

بعد التأكد من أن عملية الإدراج تمت بنجاح، يمكن أن تكون المشكلة في إعدادات العرض في منصة Volusion نفسها. تحقق من إعدادات المنتجات في لوحة التحكم الخاصة بك للتأكد من أن المنتجات الجديدة ليست مخفية أو غير مفعلة بشكل صحيح. يمكن أن تحتاج إلى تعديل إعدادات الرؤية أو النشر للمنتجات الجديدة لضمان ظهورها في الواجهة الأمامية للمتجر.

كما يجب التحقق من القوالب والتصاميم الخاصة بصفحات المنتجات في متجرك. ربما تحتاج إلى تحديث القوالب لضمان أن المنتجات الجديدة تظهر بشكل صحيح وفقًا لتصميم موقعك.

إذا لم تجد أي مشكلة في الإعدادات أو القوالب، قد تحتاج إلى الاتصال بدعم فولوشن للحصول على مساعدة إضافية. قد يكون هناك مشكلة تقنية خلف الكواليس تحتاج إلى تصحيحها من قبل فريق الدعم.

باختصار، لضمان ظهور المنتجات التي تم إدراجها عبر API في الواجهة الأمامية لمتجرك في فولوشن، يجب عليك التحقق من نجاح عملية الإدراج، ضبط إعدادات الرؤية والنشر، التأكد من توافق القوالب مع التصميم الجديد، والتواصل مع دعم فولوشن إذا لزم الأمر لحل أية مشكلة تقنية.

المزيد من المعلومات
عندما تعمل على إدراج المنتجات باستخدام واجهة برمجة التطبيقات (API) الخاصة بـ Volusion، يمكن أن تواجه بعض التحديات في جعل هذه المنتجات ظاهرة بشكل صحيح على صفحة المتجر الخاصة بك. إليك بعض النصائح لضمان ظهور المنتجات بشكل صحيح:
1. تحقق من نجاح عملية الإدراج: قبل كل شيء، تأكد من أن عملية إدراج المنتجات عبر API تمت بنجاح دون أي أخطاء. قم بفحص الاستجابة التي تتلقاها من API للتأكد من أن المنتجات قد تمت إضافتها بنجاح.
2. ضبط إعدادات الرؤية والنشر: تحقق من إعدادات المنتجات في لوحة التحكم الخاصة بك لـ Volusion للتأكد من أن المنتجات الجديدة ليست مخفية أو غير مفعلة بشكل صحيح. قد تحتاج إلى تعديل إعدادات الرؤية أو النشر للمنتجات الجديدة لضمان ظهورها في الواجهة الأمامية للمتجر.
3. تحديث القوالب والتصاميم: تأكد من أن القوالب والتصاميم الخاصة بصفحات المنتجات في متجرك محدثة ومتوافقة مع التصميم الجديد. ربما تحتاج إلى تعديل القوالب لضمان أن المنتجات الجديدة تظهر بشكل صحيح وفقًا لتصميم موقعك.
4. الاتصال بدعم فولوشن: إذا لم تجد أي مشكلة في الإعدادات أو القوالب، قد تحتاج إلى الاتصال بفريق دعم فولوشن للحصول على مساعدة إضافية. قد يكون هناك مشكلة تقنية خلف الكواليس تحتاج إلى تصحيحها من قبل الفريق الفني.
5. مراجعة وتحديث الوثائق: تأكد من أنك تعمل وفقًا لأحدث الوثائق والتعليمات المقدمة من قبل Volusion بشأن استخدام واجهة الـ API. قد تجد معلومات مفيدة تساعدك في حل المشكلة التي تواجهها.
باختصار، يمكنك ضمان ظهور المنتجات التي تم إدراجها عبر واجهة برمجة التطبيقات الخاصة بـ Volusion في الواجهة الأمامية لمتجرك من خلال التحقق من نجاح عملية الإدراج، ضبط إعدادات الرؤية والنشر، تحديث القوالب والتصاميم، والتواصل مع دعم فولوشن إذا لزم الأمر لحل أية مشكلة تقنية. باستخدام هذه الخطوات، يمكنك تجاوز أي مشكلة تقنية وضمان تجربة تسوق سلسة لزوار متجرك عبر الإنترنت.
14/04/2024
0

كتابة وحدات اختبار في Visual Studio Code
تحوّلت العديد من الفرق التطويرية إلى استخدام بيئات التطوير المتكاملة مثل Visual Studio Code للعمل على مشاريعها، حيث توفر هذه الأدوات الخفيفة والمرنة مجموعة متنوعة من الميزات والامتدادات التي تجعل عملية التطوير أكثر سهولة وفعالية. إذا كنت ترغب في إنشاء وحدات اختبار لتطبيقك باستخدام Visual Studio Code، فإليك خطوات بسيطة يمكن اتباعها لتحقيق ذلك بسهولة:
1. تثبيت الامتدادات المناسبة:
  قبل البدء في كتابة وحدات الاختبار، ينبغي عليك التأكد من تثبيت الامتدادات اللازمة في Visual Studio Code. بالنسبة لتطوير تطبيقات C#، يمكنك استخدام امتدادات مثل “C# for Visual Studio Code” و “C# Test Explorer” و “dotnet test explorer” لتسهيل عملية كتابة وتشغيل وحدات الاختبار.
2. إنشاء مشروع الاختبار:
  بعد تثبيت الامتدادات اللازمة، قم بإنشاء مشروع اختبار جديد في نفس المجلد الخاص بتطبيقك. يمكنك استخدام أمر الطرفية أو القائمة الرئيسية للقيام بذلك، علماً بأنه يفضل تسمية المجلد بشكل مناسب مثل “Tests” أو “UnitTests”.
3. كتابة وحدات الاختبار:
  بعد إنشاء مشروع الاختبار، يمكنك البدء في كتابة وحدات الاختبار الخاصة بتطبيقك. قم بإنشاء ملفات الاختبار واستيراد المكتبات اللازمة وابدأ في تحديد السلوك المتوقع لكل جزء من تطبيقك.
4. تشغيل وحدات الاختبار:
  بعد كتابة وحدات الاختبار، يمكنك تشغيلها باستخدام أمر الطرفية أو القائمة الرئيسية. يقوم امتداد “C# Test Explorer” بتوفير واجهة بسيطة لتشغيل ومراقبة نتائج وحدات الاختبار الخاصة بك بسهولة داخل Visual Studio Code.
5. تكامل وحدات الاختبار مع عملية البناء:
  يمكنك تكامل وحدات الاختبار مع عملية بناء التطبيق لديك بحيث يتم تشغيلها تلقائيًا كجزء من سير عمل البناء. يمكنك استخدام أدوات مثل “dotnet test explorer” لتحقيق هذا التكامل بسهولة.
مع تطبيق هذه الخطوات، يمكنك بسهولة إنشاء وتشغيل وحدات الاختبار الخاصة بتطبيقك باستخدام Visual Studio Code بنفس الكفاءة والسهولة التي كنت تستخدمها مع بيئة التطوير الكاملة Visual Studio. استمتع بتطوير تطبيقاتك واختبارها بكل ثقة ويقين!
المزيد من المعلومات
1. استخدام مكتبات الاختبار:
  عند كتابة وحدات الاختبار، يمكنك الاستفادة من مكتبات الاختبار الشهيرة في عالم C# مثل NUnit و xUnit.net و MSTest. هذه المكتبات توفر مجموعة من الأدوات والميزات لتسهيل كتابة وتنفيذ الاختبارات بكفاءة، مثل إعداد البيانات التجريبية والتأكد من صحة النتائج.
2. استخدام المشغلات البئرية (Mocking Frameworks):
  في بعض الأحيان، قد تحتاج إلى تجاهل أو استبدال بعض الأجزاء الخارجية من تطبيقك أثناء تنفيذ وحدات الاختبار. تساعدك المشغلات البئرية مثل Moq و NSubstitute على إنشاء أجزاء وهمية من التطبيق تستخدم في وحدات الاختبار بدلاً من الأجزاء الفعلية.
3. التكامل مع خدمات إدارة الاختبارات (Test Management Services):
  يمكنك أيضًا تكامل وحدات الاختبار الخاصة بك مع خدمات إدارة الاختبارات مثل Azure DevOps أو GitHub Actions. هذا يسمح لك بتشغيل وحدات الاختبار تلقائيًا عند كل عملية انتقال الكود إلى الإنتاج والحصول على تقارير تفصيلية عن حالة الاختبارات.
4. مشاركة الاختبارات:
  بعد كتابة وتشغيل وحدات الاختبار الخاصة بك، يمكنك مشاركتها مع أعضاء فريقك للتحقق من صحة تطبيقك. يمكنك استخدام ميزات مشاركة الملفات في Visual Studio Code أو القيام بذلك عن طريق نشرها في نظام إدارة النسخ مثل GitHub أو Bitbucket.
5. التعلم والتطوير المستمر:
  لا تتردد في استكشاف مزيد من الموارد التعليمية والتدريبية حول كتابة وحدات الاختبار والممارسات الأفضل في هذا المجال. يمكنك العثور على العديد من الكتب والدورات عبر الإنترنت التي تساعدك على تحسين مهاراتك في كتابة وتنفيذ وحدات الاختبار.
باستخدام هذه الخطوات والممارسات، يمكنك الآن البدء في كتابة وتنفيذ وحدات الاختبار الخاصة بتطبيقك باستخدام Visual Studio Code بكل ثقة وفعالية. استمتع بعملية التطوير وتطوير مهاراتك بشكل مستمر لتحسين جودة وأداء تطبيقاتك.
14/04/2024
1

تكامل النماذج HTML في Enjin: حلول وإرشادات
To address your issue with the HTML form target attribute not behaving as expected, particularly the desire to display the result within the same module or on the same page without opening a new one, there are a few considerations to explore.

Firstly, let’s delve into the purpose and behavior of the target attribute in HTML forms. When you set the target attribute to _self, it instructs the browser to open the form submission response in the same window or frame as the form itself. This is typically the default behavior and should, in theory, display the result within the same context as the form.

However, based on your description and the screenshots provided, it seems that the result is still opening in a new page despite setting the target attribute to _self. This behavior may indeed be influenced by the environment in which your HTML form is embedded, such as the Enjin platform you mentioned.

Enjin.com, like many other website builders or content management systems (CMS), may have its own mechanisms or restrictions regarding form submissions and how they handle responses. It’s possible that their system overrides certain attributes or settings to ensure consistency and security across their platform.

To address your specific requirement of displaying the form submission result within the same module or on the same page, you may need to explore alternative approaches or workarounds:
1. AJAX (Asynchronous JavaScript and XML): You can use JavaScript to submit the form data asynchronously (without reloading the page) and handle the response dynamically. This allows you to update specific parts of the page, such as the module containing the form, with the result from the server.
2. Inline Frame (iframe): You can place an </code> element within your page and set its <code>src</code> attribute to the URL of the form submission endpoint. This will load the response within the iframe, keeping it contained within the current page.</p> </li> <li> <p><strong>Server-side Processing</strong>: Depending on your server-side scripting language (such as PHP, which you mentioned), you can process the form submission and dynamically generate the result within the same page. This involves modifying your PHP script to output the result directly within the HTML of the page instead of redirecting to a separate page.</p> </li> <li> <p><strong>Enjin-Specific Solutions</strong>: Explore the documentation or support resources provided by Enjin.com to see if there are any platform-specific methods or settings for handling form submissions and displaying results within modules.</p> </li> </ol> <p>Here’s a brief example of how you could implement AJAX form submission using JavaScript:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>html</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-html"><span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span>></span> <span class="hljs-tag"><<span class="hljs-name">html</span>></span> <span class="hljs-tag"><<span class="hljs-name">head</span>></span> <span class="hljs-tag"><<span class="hljs-name">title</span>></span>AJAX Form Submission<span class="hljs-tag"></<span class="hljs-name">title</span>></span> <span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript"> <span class="hljs-keyword">function</span> <span class="hljs-title function_">submitForm</span>(<span class="hljs-params"></span>) { <span class="hljs-keyword">var</span> formData = <span class="hljs-keyword">new</span> <span class="hljs-title class_">FormData</span>(<span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"myForm"</span>)); <span class="hljs-keyword">var</span> xhr = <span class="hljs-keyword">new</span> <span class="hljs-title class_">XMLHttpRequest</span>(); xhr.<span class="hljs-title function_">open</span>(<span class="hljs-string">"POST"</span>, <span class="hljs-string">"http://ggdbase.dx.am/impulseGetInfo.php"</span>, <span class="hljs-literal">true</span>); xhr.<span class="hljs-property">onload</span> = <span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) { <span class="hljs-keyword">if</span> (xhr.<span class="hljs-property">status</span> === <span class="hljs-number">200</span>) { <span class="hljs-comment">// Update the module with the response</span> <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"resultModule"</span>).<span class="hljs-property">innerHTML</span> = xhr.<span class="hljs-property">responseText</span>; } }; xhr.<span class="hljs-title function_">send</span>(formData); <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>; <span class="hljs-comment">// Prevent default form submission</span> } </span><span class="hljs-tag"></<span class="hljs-name">script</span>></span> <span class="hljs-tag"></<span class="hljs-name">head</span>></span> <span class="hljs-tag"><<span class="hljs-name">body</span>></span> <span class="hljs-tag"><<span class="hljs-name">form</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"myForm"</span> <span class="hljs-attr">onsubmit</span>=<span class="hljs-string">"return submitForm()"</span>></span> Account name:<span class="hljs-tag"><<span class="hljs-name">br</span>></span> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"name"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"derps"</span>></span><span class="hljs-tag"><<span class="hljs-name">br</span>></span> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"submit"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"Click To Load Account Info"</span>></span> <span class="hljs-tag"></<span class="hljs-name">form</span>></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"resultModule"</span>></span> <span class="hljs-comment"></span> <span class="hljs-tag"></<span class="hljs-name">div</span>></span> <span class="hljs-tag"></<span class="hljs-name">body</span>></span> <span class="hljs-tag"></<span class="hljs-name">html</span>></span> </code></div></div></pre> <p>In this example, the form submission is intercepted by JavaScript, and an AJAX request is made to the server. The response is then used to update a specific element (<code>resultModule</code>) on the page without reloading the entire page.</p> <p>Remember to adapt the code to fit your specific requirements and environment. If you have further questions or need assistance with implementing any of these solutions, feel free to ask!</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="803a748c-3ee7-4eed-aa78-259e8e63fa6c" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالطبع، دعنا نواصل استكشاف الحلول المحتملة لمشكلتك وننهي المقال بالتفصيل المطلوب.</p> <ol start="4"> <li><strong>Enjin-Specific Solutions</strong>: يمكنك استكشاف الوثائق أو موارد الدعم المقدمة من قبل Enjin.com لمعرفة ما إذا كان هناك طرق خاصة بالمنصة أو إعدادات لمعالجة تقديم النماذج وعرض النتائج داخل الوحدات.</li> </ol> <p>تحتاج إلى مراجعة الوثائق أو الدعم الخاص بـ Enjin.com لفهم كيفية التعامل مع تقديم النماذج وعرض النتائج داخل الوحدات على الصفحات التي تستخدم منصتهم.</p> <p>هناك احتمالات متعددة لتحقيق هذا الهدف بما في ذلك استخدام الأدوات المتوفرة داخل Enjin.com نفسها، أو تكوين النماذج والنتائج لتناسب التكامل مع منصتهم.</p> <p>من الجيد أن تسأل عن أي ميزات أو توجيهات خاصة بـ Enjin.com قد تكون متاحة للمساعدة في حل مشكلتك.</p> <p>في النهاية، بغض النظر عن الطريقة التي تختارها، يجب أن تكون قادرًا على تحقيق هدفك من خلال استخدام النموذج HTML بشكل أفضل، سواء كنت تعمل داخل بيئة Enjin.com أو على أي منصة أخرى. باستخدام الأساليب المذكورة أعلاه، يمكنك تحقيق التكامل السلس بين النموذج والصفحة المستضافة عليها وعرض النتائج بالطريقة التي تريدها دون فتح صفحة جديدة.</p> <p>إذا كنت بحاجة إلى مزيد من المساعدة أو لديك أي استفسارات إضافية، فلا تتردد في طرحها. سنكون سعداء بمساعدتك في تحقيق هدفك بأكمله.</p> </div> </div> </div> </li> <li class="post-item stream-item stream-item-between stream-item-between-2"><div class="post-item-inner"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div></li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">13/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 1 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%aa%d9%83%d8%a7%d9%85%d9%84-google-play-services-%d9%81%d9%8a-android-studio/">مشكلة تكامل Google Play Services في Android Studio</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="5d91da7c-d4e5-4ee5-9513-a983db2dc6c6" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>يبدو أن لديك مشكلة في تكامل مكتبة Google Play Services مع تطبيقك في Android Studio، حسب الخطأ الذي قدمته. هذا الخطأ عادةً ما يحدث عندما يتعارض مشروعك مع توزيعة مكتبة Google Play Services أو عندما يتعذر على Gradle تحويل الـ Java bytecode إلى Dalvik bytecode. لمعالجة هذه المشكلة، يمكنك اتباع الخطوات التالية:</p> <ol> <li> <p><strong>تحديث JDK:</strong><br /> يجب التأكد من أن لديك JDK محدثة. يُفضل استخدام JDK الإصدار 8 أو أحدث.</p> </li> <li> <p><strong>تحديث SDK و Google Play Services:</strong><br /> تأكد من تحديث Android SDK و Google Play Services إلى أحدث إصدار.</p> </li> <li> <p><strong>تحديث مكتبات التابعة:</strong><br /> في ملف الـ <code>build.gradle</code> الخاص بك، قم بتحديث إصدار مكتبة Google Play Services إلى الإصدار الأحدث المتوافق مع إصدار SDK الذي تستخدمه. على سبيل المثال، يمكنك تغيير السطر:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>python</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-python"><span class="hljs-built_in">compile</span> <span class="hljs-string">'com.google.android.gms:play-services:9.8.00'</span> </code></div></div></pre> <p>إلى:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>arduino</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-arduino">implementation <span class="hljs-string">'com.google.android.gms:play-services-maps:20.0.0'</span> </code></div></div></pre> <p>وذلك لاستخدام مكتبة الخرائط المباشرة بدلاً من تضمين كل خدمات Google.</p> </li> <li> <p><strong>تغيير إعدادات ProGuard:</strong><br /> قد تحتاج أحيانًا إلى تعديل ملف ProGuard للسماح بتحسين التعليمات البرمجية المصغرة. يمكنك تجربة تعليق السطر التالي في ملف الـ <code>build.gradle</code>:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>java</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-java">proguardFiles <span class="hljs-title function_">getDefaultProguardFile</span><span class="hljs-params">(<span class="hljs-string">'proguard-android.txt'</span>)</span>, <span class="hljs-string">'proguard-rules.pro'</span> </code></div></div></pre> </li> <li> <p><strong>تنظيف مشروعك:</strong><br /> في بعض الأحيان، يمكن حل المشكلة عن طريق تنظيف مشروعك ثم إعادة بنائه. يمكنك القيام بذلك من خلال الذهاب إلى <code>Build</code> في القائمة العلوية ثم اختيار <code>Clean Project</code> ثم بناء المشروع مرة أخرى.</p> </li> <li> <p><strong>التحقق من اعتماديات المكتبة:</strong><br /> تأكد من أن جميع اعتماديات مكتباتك موجودة وتعمل بشكل صحيح. يمكنك التحقق من ذلك من خلال ملف الـ <code>build.gradle</code> الخاص بك.</p> </li> <li> <p><strong>التحقق من التوزيعات المكررة:</strong><br /> قد يتسبب وجود توزيعات مكررة في مشاكل تنفيذية. تأكد من عدم وجود توزيعات مكررة في مشروعك.</p> </li> </ol> <p>إذا لم تتمكن من حل المشكلة بعد اتباع هذه الخطوات، يمكنك مشاركة المزيد من التفاصيل حول مشروعك وسأكون سعيدًا بمساعدتك في حل المشكلة.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="f9537900-f249-4e10-ae54-68372275c537" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالطبع، إليك استكمال للمقال:</p> <ol start="8"> <li> <p><strong>فحص رسالة الخطأ بشكل مفصل:</strong><br /> قد تحتوي رسالة الخطأ التي تم عرضها على معلومات إضافية تساعد في تحديد سبب المشكلة بدقة أكبر. يمكنك فحص الرسالة بشكل مفصل للبحث عن أي مؤشرات حول الخطأ.</p> </li> <li> <p><strong>البحث عبر منتديات التطوير:</strong><br /> قد تجد حلولًا لمشكلتك عن طريق البحث في منتديات التطوير مثل Stack Overflow أو Reddit. يمكنك نشر الخطأ الذي تواجهه هناك وطرح الأسئلة للحصول على مساعدة من مجتمع المطورين.</p> </li> <li> <p><strong>استشارة الوثائق الرسمية:</strong><br /> لا تنسى الرجوع إلى الوثائق الرسمية لمكتبة Google Play Services وAndroid Studio. قد تجد فيها توجيهات وتفاصيل تقنية تساعدك في حل المشكلة.</p> </li> <li> <p><strong>التحقق من التكوينات الأخرى:</strong><br /> قد تكون هناك تكوينات أخرى في مشروعك قد تسبب المشكلة، مثل تكوينات ملفات الـ XML أو ملفات الـ Manifest. تأكد من التحقق من جميع التكوينات والملفات ذات الصلة.</p> </li> <li> <p><strong>تحليل سجل الأخطاء:</strong><br /> يمكنك تحليل سجل الأخطاء (Logcat) في Android Studio للعثور على أي أخطاء أو استثناءات قد تكون ذات صلة بمشكلتك. قد يوفر لك ذلك رؤى إضافية حول سبب الخطأ.</p> </li> </ol> <p>باستخدام هذه الخطوات والتوجيهات، يجب أن تكون قادرًا على تحديد وحل المشكلة التي تواجهها مع تكامل مكتبة Google Play Services في مشروعك في Android Studio. في حال استمرار المشكلة، لا تتردد في مشاركة المزيد من التفاصيل للحصول على مساعدة إضافية.</p> </div> </div> </div> </li> <li class="post-item stream-item stream-item-between stream-item-between-2"><div class="post-item-inner"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div></li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">12/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 1 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%b4%d8%ba%d9%8a%d9%84-javascript-%d9%81%d9%8a-r/">تشغيل JavaScript في R</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="c42aee98-12d1-4af5-9dac-38ee9b918313" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالتأكيد، هناك عدة طرق لتشغيل الJavaScript في بيئة R، وتتضمن هذه الطرق استخدام المكتبات الخارجية المخصصة لذلك، مثل V8 و rJava و Rserve.</p> <p>أحد الطرق الشائعة لتشغيل JavaScript في R هي استخدام مكتبة V8. تعتبر V8 واحدة من أشهر محركات JavaScript، وتوفر R V8 واجهة برمجة تطبيقات (API) لتفاعل R مع JavaScript. يمكنك استخدام V8 في R لتنفيذ الكود الخاص بالJavaScript والتفاعل مع نتائجه. يمكنك تثبيت مكتبة V8 في R باستخدام مدير الحزم الخاص بـ R، مثل <code>devtools</code> أو <code>remotes</code>.</p> <p>بالنسبة للمكتبة rJava، فهي تسمح لك بالتفاعل مع لغة جافا من داخل R، وبالتالي يمكنك تشغيل كود JavaScript باستخدام واجهة جافا الخاصة بـ rJava. يمكن استخدام هذه الطريقة إذا كانت لديك حاجة إلى تفاعل مع أنظمة أخرى تعتمد على جافا.</p> <p>أما بالنسبة لمكتبة Rserve، فهي توفر خادمًا لتشغيل R والتفاعل معه من بيئات أخرى، بما في ذلك لغة JavaScript. يمكنك استخدام Rserve لتشغيل كود JavaScript والتواصل مع R من خلال بيئة JavaScript.</p> <p>تختلف هذه المكتبات في قدرتها على التفاعل مع الJavaScript وفقًا لاحتياجاتك الخاصة ومستوى الخبرة الخاص بك في كل من لغة R وJavaScript. لذا، قبل اختيار المكتبة المناسبة، يجب عليك دراسة ميزات كل واحدة منها وكيفية تكاملها مع مشروعك.</p> <p>على سبيل المثال، بالنظر إلى الكود الذي قدمته، يمكنك تشغيله في R باستخدام V8 بطريقة مشابهة للتالية:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>R</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-R"><span class="hljs-comment"># تثبيت مكتبة V8 إذا لم تكن مثبتة بالفعل</span> <span class="hljs-comment"># install.packages("V8")</span> <span class="hljs-comment"># تحميل مكتبة V8</span> library<span class="hljs-punctuation">(</span>V8<span class="hljs-punctuation">)</span> <span class="hljs-comment"># تنفيذ الكود الخاص بالJavaScript</span> context <span class="hljs-operator"><-</span> v8<span class="hljs-punctuation">(</span><span class="hljs-punctuation">)</span> context<span class="hljs-operator">$</span>eval<span class="hljs-punctuation">(</span><span class="hljs-string">" for(var i=0;i<5;i++){ console.log('HelloWorld'); } "</span><span class="hljs-punctuation">)</span> </code></div></div></pre> <p>هذه الشفرة تستخدم V8 لتنفيذ الكود الخاص بالJavaScript وطباعة “HelloWorld” في كل تكرار من الحلقة.</p> <p>باستخدام أحد هذه المكتبات، يمكنك تحقيق التكامل بين R وJavaScript وتنفيذ الكود الخاص بالJavaScript في بيئة R دون الحاجة إلى التبديل بين البيئتين.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="620cf420-8100-427c-822a-34d608e07122" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالتأكيد، سأواصل إكمال المقال حول كيفية تشغيل الJavaScript في R باستخدام المكتبات المخصصة لذلك.</p> <p>بالنظر إلى مشروعك الذي يتطلب تشغيل بعض الأكواد الخاصة بالJavaScript في بيئة R، فإن اختيار المكتبة المناسبة يعتمد على عدة عوامل من بينها:</p> <ol> <li> <p><strong>متطلبات المشروع</strong>: يجب أن تتناسب المكتبة المختارة مع متطلبات مشروعك بشكل جيد، بما في ذلك قدرتها على تنفيذ الكود الخاص بالJavaScript بالطريقة المطلوبة.</p> </li> <li> <p><strong>مستوى الخبرة الخاص بك</strong>: بعض المكتبات تتطلب مستوى معرفة أعلى في لغة R أو JavaScript، لذا يجب أن تأخذ في الاعتبار ما إذا كانت المكتبة سهلة الاستخدام أم لا بالنسبة لمستوى الخبرة الخاص بك.</p> </li> <li> <p><strong>أداء وسرعة التنفيذ</strong>: تختلف المكتبات في أدائها وسرعتها في تنفيذ الكود، لذا يجب أن تختار المكتبة التي توفر الأداء المناسب لمشروعك.</p> </li> <li> <p><strong>الدعم والمجتمع الخاص بالمكتبة</strong>: يجب أن تختار مكتبة تحظى بدعم جيد من قبل المجتمع وتوفر مستندات وأمثلة واضحة لسهولة الاستخدام وحل المشاكل.</p> </li> <li> <p><strong>التكامل مع بيئة العمل الحالية</strong>: يجب أن تتوافق المكتبة المختارة مع بيئة العمل الحالية في R وتسمح بالتكامل السلس مع الأدوات والحزم الأخرى المستخدمة في المشروع.</p> </li> </ol> <p>من الجدير بالذكر أنه بالإضافة إلى المكتبات المذكورة، يمكن أيضًا استخدام حزم أخرى في R مثل <code>V8</code> و<code>htmlwidgets</code> لتشغيل الJavaScript في R. كما يمكن استخدام بيئات متكاملة أخرى مثل R Markdown وShiny لتضمين وتشغيل الJavaScript بشكل سلس في تطبيقات الويب والتقارير الديناميكية.</p> <p>باختيار المكتبة المناسبة والتحكم في كيفية تشغيل الJavaScript في R، يمكنك تعزيز إنتاجيتك وإمكانية تطوير مشاريعك بشكل أفضل وفعال. استكشاف المكتبات المختلفة واختبارها في بيئة مشروعك هو الخطوة الأولى نحو تحقيق هذا الهدف.</p> </div> </div> </div> </li> <li class="post-item stream-item stream-item-between stream-item-between-2"><div class="post-item-inner"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div></li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">12/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 2 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%83%d8%a7%d9%85%d9%84-realm-%d9%85%d8%b9-redux-%d9%81%d9%8a-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-react-native/">تكامل Realm مع Redux في تطبيق React Native</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="f0ccc245-c833-4aa8-81c8-7f896edb9f0d" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>عندما تخطط لتطوير تطبيق React Native وتفكر في إدارة حالته باستخدام Redux مع إمكانية الوصول إلى البيانات في وضع عدم الاتصال باستخدام Realm، يتعين عليك التحقق من كيفية تفاعل هذه التقنيات معًا بشكل سلس وفعال.</p> <p>في البداية، دعني أوضح كيفية عمل Redux و Realm بشكل عام قبل أن أتطرق إلى تفاعلهما معًا في تطبيق React Native.</p> <p>Redux هو إطار عمل لإدارة حالة التطبيق في تطبيق React أو React Native. يقوم Redux بتخزين حالة التطبيق في مخزن واحد (store) يمكن الوصول إليه من أي جزء من التطبيق. يتم تحديث حالة التطبيق من خلال الإرسال (dispatch) لإجراءات (actions) التي تقوم بتحديث المخزن بناءً على نتائج العمليات التي تحدث في التطبيق.</p> <p>أما بالنسبة لـ Realm، فهو قاعدة بيانات مدمجة وسريعة وقابلة للتضمين تعمل على تخزين البيانات بشكل محلي على الجهاز. يوفر Realm واجهة برمجة التطبيقات (API) التي تسمح بإجراء العديد من العمليات المتقدمة مثل الاستعلامات والإضافة والتحديث والحذف بسهولة.</p> <p>الآن، كيف يمكن جمع Redux و Realm معًا بطريقة فعالة؟</p> <p>أولاً، يمكن استخدام Realm كمستودع لبيانات التطبيق المحلية بما في ذلك البيانات التي تم جلبها من الخادم عبر RESTful API. يمكنك تخزين هذه البيانات في قاعدة بيانات Realm بمجرد استلامها واستخدامها فيما بعد عند الحاجة، حتى في حالة عدم وجود اتصال بالإنترنت.</p> <p>ثانياً، يمكنك استخدام Redux لإدارة حالة التطبيق بشكل عام بما في ذلك البيانات التي تم تخزينها في Realm. يمكنك استخدام الإجراءات (actions) والمحددات (reducers) في Redux لتحديث حالة التطبيق بناءً على البيانات الموجودة في Realm.</p> <p>من الطبيعي أن تشعر ببعض القلق بشأن كيفية دمج Realm داخل التطبيق الذي يعتمد على Redux، ولكن لا داعي للقلق. فالفكرة هي أن تعمل Realm كطبقة بيانات محلية مستقلة عن Redux، حيث يتم تحميل البيانات من Realm واستخدامها في الإجراءات والمحددات التي تديرها Redux.</p> <p>بالنسبة لعمليات القراءة والكتابة إلى Realm، يمكنك استخدام دوال Realm API في الأجزاء غير المرتبطة مباشرة بـ Redux، مثل العمليات التي تتم في الطبقة النمطية (Model Layer) أو في أي جزء آخر من التطبيق.</p> <p>إذا كنت ترغب في معرفة المزيد عن كيفية دمج Realm مع التطبيقات التي تعتمد على Redux، يمكنك البحث عن موارد عبر الإنترنت أو الرجوع إلى دليل المستخدم الرسمي لـ Realm ومستندات Redux للمزيد من المعلومات والأمثلة العملية.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="3117aeca-039c-43fa-b4a7-194e7de7aedd" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالطبع، لا شك في أن دمج Realm داخل تطبيق يعتمد على Redux يمكن أن يثير بعض التساؤلات والتحديات، ولكن مع فهم صحيح للأدوار والمسؤوليات لكل تقنية، يمكن تجنب معظم المشاكل المحتملة.</p> <p>أحد التحديات الرئيسية التي قد تواجهها هي كيفية إدارة تحديثات البيانات بين Realm و Redux بشكل متزامن. على سبيل المثال، إذا قمت بتحديث بيانات في Realm، فستحتاج إلى تحديث الحالة المتناغمة في Redux لتعكس هذه التغييرات، والعكس صحيح أيضًا. يمكن تحقيق ذلك من خلال استخدام المشتركات (Subscribers) أو الاستماع (Listening) إلى التغييرات في قاعدة البيانات Realm وتحديث حالة التطبيق في Redux وفقًا لذلك.</p> <p>بالإضافة إلى ذلك، يجب أن تأخذ في الاعتبار كيفية تنظيم البيانات داخل Realm بطريقة تسهل عمليات القراءة والكتابة من قبل Redux. يمكن أن تشمل هذه العملية تنظيم بنية البيانات في Realm بشكل يتناسب مع الطلبات التي ستقوم بها عمليات Redux، مثل تجميع البيانات بشكل مناسب وتجنب التكرار في البيانات.</p> <p>علاوة على ذلك، ينبغي مراعاة أداء التطبيق عند استخدام Realm مع Redux، خاصة عندما يتعلق الأمر بالتعامل مع مجموعات بيانات كبيرة. يمكن أن تؤدي عمليات القراءة والكتابة المكررة إلى تأثير سلبي على أداء التطبيق، لذا يجب تنظيم التطبيق بشكل يحسن الأداء، مثل استخدام التخزين المؤقت (Caching) للبيانات أو تقسيم البيانات إلى جزئيات أصغر لتقليل التأثير على الأداء.</p> <p>مع التخطيط الجيد والتنظيم السليم، يمكن دمج Realm بشكل فعال داخل تطبيق يعتمد على Redux لإدارة حالة التطبيق. توفر Realm قدرة قوية على التخزين المحلي والاستعلام عن البيانات، في حين يوفر Redux هيكلًا واضحًا لإدارة حالة التطبيق وتحديثاتها. باستخدام كلتا التقنيتين بشكل متكامل، يمكن تحقيق تجربة مستخدم سلسة وفعالة، حتى في ظل الظروف غير المتصلة بالإنترنت.</p> </div> </div> </div> </li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">11/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 2 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%83%d8%a7%d9%85%d9%84-django-channels-%d9%88-socket-io/">تكامل Django Channels و Socket.IO</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="da97b635-8ae1-4563-81e2-197ab2a0ba70" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>في عالم تطوير الويب المعاصر، تكمن قوة استخدام التقنيات المتطورة والمتوافقة مع بعضها البعض لتحسين تجربة المستخدم وجعل التطبيقات أكثر ديناميكية وفعالية. واحدة من هذه التقنيات المتقدمة هي Django Channels و Socket.IO.</p> <p>لفهم كيفية تفاعل Django Channels مع socket.io-client على الخادم والعميل على التوالي، دعنا نبدأ بفهم كل منهما بشكل منفصل.</p> <p>أولاً، Django Channels هو إطار عمل يوفر دعمًا مدمجًا للاتصال ثنائي الاتجاه في Django باستخدام WebSocket وبروتوكولات أخرى. بينما يعتمد Django بشكل أساسي على نموذج الطلب والاستجابة، يسمح Django Channels بإضافة مقابس (sockets) للتواصل في الوقت الفعلي بين الخادم والعميل.</p> <p>من ناحية أخرى، Socket.IO هو مكتبة JavaScript للتعامل مع WebSocket وبروتوكولات أخرى بطريقة تتيح التواصل الحي بين الخادم والعميل. تتيح Socket.IO أيضًا توفير توافق جيد عبر المتصفحات والأنظمة الأساسية وتقديم تجربة استخدام سلسة.</p> <p>الآن، بالنظر إلى استفسارك حول ما إذا كان بإمكان Django Channels و socket.io-client التفاعل مع بعضهما البعض، الإجابة تكمن في فهم طريقة تواصل كل منهما.</p> <p>في المبدأ، يمكن لـ Django Channels و socket.io-client التفاعل مع بعضهما البعض، ولكن يتطلب ذلك بعض الانتباه إلى التفاصيل التقنية. على سبيل المثال، يمكنك استخدام Django Channels على الخادم لتنفيذ تطبيقات WebSocket، بينما يمكن استخدام socket.io-client على العميل للتفاعل مع هذه التطبيقات. ومع ذلك، قد تحتاج إلى التعامل مع بعض الفروق في الواجهات والبروتوكولات بين الجانبين.</p> <p>على سبيل المثال، في Django Channels، عندما ترسل رسالة من الخادم إلى العميل، عادة ما تكون هذه الرسالة عبارة عن كائن JSON يحتوي على البيانات المطلوبة. وعندما يرسل العميل رسالة إلى الخادم، يجب أن يتوافق تنسيق الرسالة مع الطريقة التي يتوقعها Django Channels.</p> <p>من الجدير بالذكر أنه قد يكون هناك بدائل أخرى لـ socket.io-client تدعمها Django Channels، والتي قد تكون أكثر توافقًا مع بنية Django Channels. لذلك، قبل الشروع في تطوير التطبيق، يفضل دراسة الخيارات المتاحة واختيار الحل الأنسب والأكثر توافقًا مع متطلبات المشروع.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="d9575ed7-764f-4b4f-9d46-e291108d5807" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالطبع، دعنا نستكشف المزيد حول كيفية تكامل Django Channels مع socket.io-client بطرق أكثر تفصيلًا.</p> <p>أولاً وقبل كل شيء، دعنا نلقي نظرة على كيفية التواصل بين Django Channels على الخادم و socket.io-client على العميل.</p> <p>في Django Channels، يمكنك إنشاء قنوات (channels) للتواصل في الوقت الفعلي بين الخادم والعميل. يمكن أن تكون هذه القنوات عبارة عن WebSocket connections أو قنوات أخرى مدعومة بواسطة Django Channels مثل ASGI (Asynchronous Server Gateway Interface)، التي توفر دعمًا لتواصل ثنائي الاتجاه بطريقة فعالة وفعالة من حيث استهلاك الموارد.</p> <p>على الجانب الآخر، socket.io-client هو عميل JavaScript يمكن استخدامه في التطبيقات النشطة بالوقت الفعلي على الجانب العميل. يوفر socket.io-client واجهة برمجة تطبيقات (API) سهلة الاستخدام للتفاعل مع الخوادم التي تستخدم Socket.IO لتمكين التواصل الحي بين الخادم والعميل.</p> <p>الآن، مع فهمنا لكل من Django Channels و socket.io-client، يمكننا النظر في كيفية تكاملهما مع بعضهما البعض. في المعتاد، يمكنك استخدام Django Channels لإنشاء تطبيقات تعتمد على WebSocket على الخادم، ومن ثم استخدام socket.io-client على العميل للتفاعل مع هذه التطبيقات.</p> <p>لكن، هناك بعض النقاط التي يجب الانتباه إليها عند التكامل بين Django Channels و socket.io-client:</p> <ol> <li> <p><strong>تنسيق الرسائل</strong>: يجب أن يتوافق تنسيق الرسائل التي يتم إرسالها واستقبالها بين الخادم والعميل مع بروتوكولات Django Channels و Socket.IO. على سبيل المثال، يمكنك استخدام JSON لتنسيق الرسائل بين Django Channels على الخادم و socket.io-client على العميل.</p> </li> <li> <p><strong>معالجة الأحداث والرسائل</strong>: يجب تعيين معالجات الأحداث في كلا الجانبين (الخادم والعميل) لمعالجة الرسائل الواردة والصادرة بشكل صحيح.</p> </li> <li> <p><strong>إدارة الاتصال</strong>: يجب عليك ضمان إدارة الاتصال بشكل صحيح بين الخادم والعميل، بما في ذلك التعامل مع الاتصالات المفقودة أو المنقطعة وإعادة الاتصال إذا لزم الأمر.</p> </li> <li> <p><strong>تعزيز الأداء</strong>: يمكنك اتخاذ خطوات لتعزيز أداء التطبيقات التي تستخدم Django Channels و Socket.IO، مثل تقليل التأخير وتحسين استهلاك الموارد.</p> </li> </ol> <p>باختصار، نعم، يمكن لـ Django Channels و socket.io-client التفاعل مع بعضهما البعض لإنشاء تطبيقات الويب ذات التفاعل الحي والديناميكي. ومع فهم النقاط التقنية المذكورة أعلاه واتباع الممارسات الجيدة في تطوير البرمجيات، يمكنك بناء تطبيقات قوية وفعالة تستفيد من ميزات كل من Django Channels و Socket.IO.</p> </div> </div> </div> </li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">11/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 3 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a8%d8%af%d8%a7%d8%a6%d9%84-%d9%85%d9%85%d8%aa%d8%a7%d8%b2%d8%a9-%d9%84%d9%80-tfs-gitlab-%d9%88-jenkins-%d9%88-azure-devops/">بدائل ممتازة لـ TFS: GitLab و Jenkins و Azure DevOps</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="6dfd35eb-e451-4ddf-ab1b-8a1e0da2cd94" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>عند البحث عن بدائل لخادم TFS (Team Foundation Server) التي تتمتع بتكامل جيد مع برنامج Visual Studio وتمكين رفع نتائج الاختبارات من Nunit إلى هذا النظام، يُعتبر GitLab أحد الخيارات الممتازة.</p> <p>يقدم GitLab بيئة تطوير مشتركة مبنية على Git، والتي تدعمها Visual Studio بشكل كبير، مما يسهل على المطورين التعامل مع الشفرة المصدرية وإدارتها بفعالية. بالإضافة إلى ذلك، يقدم GitLab أدوات متقدمة لإدارة الاختبارات وتتبع نتائجها، مثل GitLab CI/CD الذي يمكن استخدامه لتنفيذ اختبارات الوحدة وتقاريرها بشكل مستمر وآلي.</p> <p>بالنسبة لرفع نتائج اختبارات Nunit، يمكنك استخدام GitLab CI/CD لتكاملها بسهولة. يتيح لك GitLab CI/CD إنشاء أنابيب أوتوماتيكية لاختبار الشفرة المصدرية وتنفيذ الاختبارات بشكل آلي، مما يتيح لك تحديث تقارير الاختبار بسرعة وسهولة.</p> <p>من الجوانب الإيجابية الأخرى لاستخدام GitLab أنه يوفر نموذج ترخيص مفتوح المصدر، مما يعني أنه يمكن الحصول عليه واستخدامه مجانًا، وهو بذلك بديل ميسور التكلفة عن TFS-server الذي يمكن أن يكون باهظ التكاليف.</p> <p>بالتالي، من خلال استخدام GitLab، يمكنك الاستفادة من بيئة تطوير متكاملة، وأدوات إدارة الاختبارات المتقدمة، ونموذج ترخيص مفتوح المصدر، كل هذا بتكلفة أقل مقارنة بـ TFS-server.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="a92c48b0-8872-4861-b763-56d034d2a546" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالنهاية، عند البحث عن بديل لـ TFS يتوجب عليك أيضًا أن تنظر إلى الاحتمالات المتاحة لتوفير الدعم الشامل لعمليات تطوير البرمجيات في مشروعك. هذا يتضمن إدارة الإصدارات، والتكامل المستمر، واختبار الوحدات، وتوفير تقارير شاملة عن الأداء والجودة.</p> <p>توفر أدوات مثل GitLab و Jenkins و Azure DevOps تجربة شاملة لتطوير البرمجيات تتماشى مع احتياجات الفرق البرمجية الحديثة. ومن خلال الاعتماد على حلول مفتوحة المصدر أو البدائل التجارية بتكاليف معقولة، يمكنك تحقيق أهداف تطوير البرمجيات بكفاءة وبدون الحاجة إلى الاستثمار في حلول تكلفتها باهظة.</p> <p>بمجرد اختيار البديل المناسب، يجب عليك الاستفادة القصوى من الميزات المتاحة وضبط عمليات التطوير الخاصة بك وفقًا لأفضل الممارسات. استثمار الوقت في فهم كيفية استخدام الأدوات بشكل فعال، وتكوينها لتلبية احتياجات فريقك، سيساعد في تحقيق نتائج إيجابية وتحسين الإنتاجية.</p> <p>باختصار، عندما تواجه التحديات المتعلقة بالتكامل وإدارة التطوير في مشروعك، يجب أن تبحث عن بدائل مثل GitLab و Jenkins و Azure DevOps التي تقدم حلولًا شاملة وفعالة ومكلفة بشكل معقول. باختيار الأداة المناسبة وتكوينها بشكل صحيح، يمكنك تحقيق تحسينات كبيرة في عمليات تطوير البرمجيات وتحقيق النجاح في مشاريعك.</p> </div> </div> </div> </li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">08/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 2 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%83%d8%a7%d9%85%d9%84-%d8%a5%d8%b9%d8%af%d8%a7%d8%af%d8%a7%d8%aa-asp-net-core-%d9%85%d8%b9-linux/">تكامل إعدادات ASP.NET Core مع Linux</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="182fc93a-57f8-4768-b726-49afc12d71d9" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>في ASP.NET Core، يُستخدم تهيئة الإعدادات المدمجة باستخدام متغيرات البيئة عادةً من خلال بناء الجملة بواسطة القاعدة المستندة إلى الفاصلة المتبوعة بالنقطة في الوسط. وهذا يُمكن المطورين من تنظيم الإعدادات بشكل متسلسل وتنظيمي. ومع ذلك، يمكن أن يكون هناك تحدي عند استخدام هذه الطريقة في نظام تشغيل Linux بسبب تفاوت في ترميز المتغيرات.</p> <p>في نظام تشغيل Linux، يتعامل النظام مع متغيرات البيئة بطريقة مختلفة قليلاً عن تلك المستخدمة في أنظمة التشغيل الأخرى مثل Windows. عند استخدام أمر <code>export</code> لتعيين متغير البيئة، يتوقع النظام أن يكون اسم المتغير صالحًا للاستخدام كاسم متغير. ومن ثم، لا يُسمح باستخدام الفاصلة في اسم المتغير لأنه يُعتبر جزءًا من الاسم، وهذا هو السبب في رفضه من قبل النظام.</p> <p>لحل هذه المشكلة في Linux وتحقيق نفس الهيكلية المنظمة المعتادة في ASP.NET Core، يمكن استخدام فاصلة تحترق بدلاً من النقطة. وبعبارة أخرى، يمكن استخدام فاصلة نظام الملفات (عادةً <code>/</code>) بدلاً من الفاصلة المستخدمة في ASP.NET Core. لذلك، يمكنك تعيين المتغير كما يلي في Linux:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>arduino</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-arduino"><span class="hljs-keyword">export</span> MySettings/SomeSetting=MyNewValue </code></div></div></pre> <p>هذا سيتيح لك تنظيم الإعدادات بشكل متسلسل في نظام تشغيل Linux بنفس الطريقة التي تفعلها في ASP.NET Core عند استخدام الفاصلة. وبالتالي، يمكنك الآن استخدام تكوين الإعدادات المدمجة بنفس الهيكلية المألوفة في كلا النظامين.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="87d4963b-b62e-4c76-a708-8478b8cc6434" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>باستخدام فاصلة نظام الملفات (/) بدلاً من الفاصلة المستخدمة في ASP.NET Core، يمكنك تنظيم الإعدادات بشكل متسلسل في نظام تشغيل Linux بنفس الطريقة التي تفعلها في التطبيقات المبنية على ASP.NET Core.</p> <p>ومن الجدير بالذكر أنه يمكن أيضًا استخدام الشرطة (-) أو النقطة (.) بدلاً من الفاصلة في Linux في حالة كانت هذه الأحرف مقبولة في اسماء المتغيرات.</p> <p>بعد تعيين المتغيرات بالطريقة المناسبة في نظام Linux، يمكن لتطبيقك ASP.NET Core استخدام هذه المتغيرات بسهولة لتحميل الإعدادات المناسبة في بيئة Linux.</p> <p>هذه العملية توفر لك توافقًا أفضل بين نظامي التشغيل وتجنب الأخطاء التي قد تحدث نتيجة لتفاوت في ترميز المتغيرات. كما أنها تسمح لك بالاستفادة من نفس هيكلية الإعدادات المدمجة التي تستخدمها في ASP.NET Core بغض النظر عن النظام الذي يتم تشغيل التطبيق عليه.</p> <p>باستخدام هذه الطريقة، يمكنك تحقيق تكامل سلس بين تطبيقك ASP.NET Core ونظام تشغيل Linux دون الحاجة إلى تعديل هيكلية الإعدادات في التطبيق.</p> </div> </div> </div> </li> <li class="post-item tie-standard"> <div class="post-meta clearfix"><span class="date meta-item tie-icon">08/04/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 3 </span></div></div> <h2 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%83%d8%a7%d9%85%d9%84-socket-io-%d9%85%d8%b9-cluster-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-redis/">تكامل Socket.IO مع Cluster باستخدام Redis</a></h2> <div class="entry"><div data-message-author-role="assistant" data-message-id="5fd6cc71-52e4-4e12-a819-f220ee637002" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>التعامل مع Socket.IO rooms مع الـ cluster يتطلب فهمًا عميقًا لكيفية تنظيم العمليات وتوجيه الاتصالات بينها. بدايةً، يبدو أنك تستخدم sticky-session لتوجيه الاتصالات إلى عمليات محددة في الـ cluster. ومن ثم، تواجه تحديًا في إدارة الـ rooms عبر عمليات متعددة.</p> <p>بالنظر إلى الهيكل الذي قمت بتوضيحه، حيث كل عملية (process) تحتوي على مجموعة معينة من الـ rooms، يصبح التحدي هو كيفية تنظيم وإدارة انضمام المستخدمين إلى الـ rooms الموجودة في عمليات مختلفة.</p> <p>الطريقة التي اتبعتها لربط المستخدمين بـ rooms عندما يتصلون بالصفحة (باستخدام الـ route) تعمل جيدًا مع عملية واحدة، ولكن عند استخدام الـ cluster، يصبح من الصعب توجيه المستخدمين إلى الـ rooms المناسبة التي قد تكون في عمليات مختلفة.</p> <p>تقنية Redis-Adapter تعتبر حلاً شائعًا لهذه المشكلة. من خلال استخدامها، يمكنك تخزين معلومات الـ rooms والمستخدمين في Redis، مما يتيح لجميع عمليات الـ cluster الوصول إليها بسهولة. وبالتالي، يمكنك إدارة الـ rooms عبر العمليات بشكل فعال.</p> <p>على الرغم من أنك قد لم تجد حلاً مثلى على GitHub يستخدم Socket.IO + Cluster (Sticky-session + Redis-adapter) + rooms، إلا أن استخدام Redis-Adapter مع Socket.IO و Cluster عمومًا يعتبر ممارسة شائعة وفعّالة لحل مشكلتك.</p> <p>يبدو أن الكود الذي قدمته يشتمل على بنية جيدة لـ cluster مع Socket.IO، ولكن يحتاج إلى تكامل مع Redis-Adapter لإدارة الـ rooms بشكل فعّال عبر العمليات.</p> <p>لذا، يُوصى بمواصلة البحث عن أمثلة مفصلة أو مقالات تشرح كيفية دمج Redis-Adapter مع تطبيقك الحالي، وكيفية تنظيم الـ rooms بشكل صحيح عبر الـ cluster. ويمكنك أيضًا استشارة مجتمعات المطورين عبر الإنترنت للحصول على مساعدة ونصائح حول هذا الموضوع المحدد.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="1a42a3f5-ee77-4e98-b86b-e1018e010a83" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالتأكيد، سأواصل المقال لتوضيح كيفية تكامل Redis-Adapter مع تطبيقك وتنظيم الـ rooms بشكل صحيح عبر الـ cluster.</p> <p>أولاً، يُعتبر Redis-Adapter أداة قوية لإدارة الـ rooms في تطبيقات Socket.IO. يعمل Redis كخادم قاعدة بيانات ذاكرة مؤقتة في الذاكرة (in-memory cache)، والذي يُستخدم لتخزين بيانات الـ key-value. ويُعتبر Redis-Adapter جسرًا بين تطبيق Socket.IO وخادم Redis، مما يسمح لتطبيقك بتبادل بيانات الـ rooms والمستخدمين بسهولة بين جميع عمليات الـ cluster.</p> <p>لتكامل Redis-Adapter مع تطبيقك، يجب أولاً تثبيت وتكوين خادم Redis على الخادم الخاص بك. بمجرد تثبيت Redis، يمكنك تثبيت مكتبة Redis-Adapter من خلال npm ببساطة:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>bash</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-bash">npm install socket.io-redis redis </code></div></div></pre> <p>بعد تثبيت Redis-Adapter، يمكنك تكوين تطبيق Socket.IO لاستخدام Redis كمحول (adapter) بسهولة، على النحو التالي:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>javascript</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-javascript"><span class="hljs-keyword">const</span> socketIO = <span class="hljs-built_in">require</span>(<span class="hljs-string">'socket.io'</span>); <span class="hljs-keyword">const</span> redisAdapter = <span class="hljs-built_in">require</span>(<span class="hljs-string">'socket.io-redis'</span>); <span class="hljs-keyword">const</span> redis = <span class="hljs-built_in">require</span>(<span class="hljs-string">'redis'</span>); <span class="hljs-comment">// تكوين خادم Redis</span> <span class="hljs-keyword">const</span> redisClient = redis.<span class="hljs-title function_">createClient</span>({ <span class="hljs-attr">host</span>: <span class="hljs-string">'localhost'</span>, <span class="hljs-attr">port</span>: <span class="hljs-number">6379</span> }); <span class="hljs-comment">// تكوين تطبيق Socket.IO</span> <span class="hljs-keyword">const</span> io = <span class="hljs-title function_">socketIO</span>(server); io.<span class="hljs-title function_">adapter</span>(<span class="hljs-title function_">redisAdapter</span>({ <span class="hljs-attr">pubClient</span>: redisClient, <span class="hljs-attr">subClient</span>: redisClient })); </code></div></div></pre> <p>الآن، بمجرد تكوين Redis-Adapter، يمكنك إدارة الـ rooms بسهولة عبر عمليات الـ cluster. عندما يقوم مستخدم بالانضمام إلى room معينة، ستتمكن جميع عمليات الـ cluster من رؤية هذا الانضمام ومشاركة البيانات بينها باستخدام خادم Redis كوسيط.</p> <p>بهذه الطريقة، يمكنك الآن تحقيق تكامل كامل بين Socket.IO وعمليات الـ cluster، وإدارة الـ rooms بشكل فعّال بفضل Redis-Adapter. تذكر أن تقوم بإعداد Redis بشكل صحيح وضمان توافره وأداءه الجيد لضمان استقرار تطبيقك وأداءه الجيد.</p> <p>من الجيد دائمًا القيام بعمليات اختبار واختبار موثوقة لتطبيقك بعد التغييرات للتأكد من عدم وجود أي مشكلات أو تأثيرات غير متوقعة على أداء التطبيق. وفي حالة وجود أي مشكلة، يمكنك استخدام أدوات تتبع الأخطاء وسجلات الخادم لتشخيصها وإصلاحها بسرعة.</p> <p>بهذا، يكون قد تم استكمال التكامل بين Socket.IO وعمليات الـ cluster مع Redis-Adapter، مما يمكنك من إدارة الـ rooms بشكل فعّال وتحقيق أداء مستقر وموثوق به لتطبيقك.</p> </div> </div> </div> </li> </ul> <div class="clearfix"></div> </div> </div> </div> <div class="pages-nav"> <div class="pages-numbers pages-standard"> <span class="first-page first-last-pages"> </span> <span class="last-page first-last-pages"> <a href="https://it-solutions.center/tag/%d8%aa%d9%83%d8%a7%d9%85%d9%84/page/2/" ><span class="pagination-icon" aria-hidden="true"></span>الصفحة التالية</a> </span> </div> </div> </div> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="القائمة الجانبية الرئيسية"> <div class="theiaStickySidebar"> <div id="search-3" class="container-wrapper widget widget_search"><form role="search" method="get" class="search-form" action="https://it-solutions.center/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form><div class="clearfix"></div></div> <div id="recent-posts-3" class="container-wrapper widget widget_recent_entries"> <div class="widget-title the-global-title"><div class="the-subtitle">أحدث المقالات<span class="widget-title-icon tie-icon"></span></div></div> <ul> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%aa%d8%b4%d8%a7%d8%a8%d9%87%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d9%81%d8%b1%d9%88%d9%82-%d8%a7%d9%84%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%88%d8%a7%d9%84%d8%b5%d9%81%d9%88/">فهم التشابهات والفروق: التكوين والصفوف الداخلية</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b6%d8%a8%d8%b7-%d8%a7%d9%84%d9%83%d9%88%d9%83%d9%8a%d8%b2-%d9%88%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85/">كيفية ضبط الكوكيز والوصول لبيانات المواقع باستخدام PHP</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d9%84%d9%80-findasync-%d9%81%d9%8a-linq-%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%84-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af/">استكشاف البديل لـ FindAsync في LINQ: الحلول باستخدام SingleOrDefaultAsync</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%a3%d8%af%d8%a7%d8%a1-%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-%d8%b9%d9%84%d9%89-ios/">تحسين أداء التطبيقات على iOS</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d9%85%d8%ad%d8%aa%d9%88%d9%89-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-curl/">كيفية إضافة محتوى باستخدام CURL</a> <span class="post-date">15/04/2024</span> </li> </ul> <div class="clearfix"></div></div> </div> </aside> </div></div> <div class="adsbygoogle Ad-Container sidebar-ad ad-slot" data-ad-manager-id="1" data-ad-module="1" data-ad-width="100" data-adblockkey="200" data-advadstrackid="1"> <div style="z-index:-1; height:0; width:1px; visibility: hidden; bottom: -1px; left: 0;"></div> </div> <div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer class="footer-container"> © Copyright <?php echo date('Y'); ?>, All Rights Reserved <span><a href="/privacy">| Privacy</a></span> <span><a href="/terms">| Terms</a></span> <span style="color:red;" class="tie-icon-heart"></span> </footer> </div><div class="copyright-text copyright-text-second"> <span><strong>Our Other Projects:</strong></span> <span><a href="https://freesourcelibrary.com/" target="_blank">| Free Source Library</a></span> <span><a href="https://revistacompleta.com/" target="_blank">| La Revista Completa</a></span> <span><a href="https://meukultura.com//" target="_blank">| Meu Kultura</a></span> <span><a href="https://lasujets.com/" target="_blank">| La Sujets</a></span> <span><a href="https://lovewithrecipes.com/" target="_blank">| Love With Recipes</a></span> <span><a href="https://mwade3.com/" target="_blank">| مواضيع</a></span> <span><a href="https://it-solutions.center/" target="_blank">| مركز حلول تكنولوجيا المعلومات</a></span> <span><a href="https://qr-solutions.com/" target="_blank">| QR Solutions</a></span></div> </div> </div> </div> </div> </footer> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">زر الذهاب إلى الأعلى</span> </a> </div> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-left" aria-label="القائمة الجانبية الثانوية" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://it-solutions.center/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form> </div> <div id="mobile-menu" class=""> </div> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/it.solu.center"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li></ul> </div> </div> </div> </aside> </div> </div> <div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.</br><div class="wt-cli-ccpa-element"> <a style="color:#333333" class="wt-cli-ccpa-opt-out">Do not sell my personal information</a>.</div></div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 10px 0px 5px">Settings</a><a role='button' data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn">Accept</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> Non-necessary </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="non-necessary"> <div class="wt-cli-cookie-description"> Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-desktop" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://it-solutions.center/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="بحث عن" autocomplete="off" placeholder="إكتب كلمة البحث ثم إضغط زر الإدخال" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">بحث عن</span> </button> </form> </div> </div> </div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://it-solutions.center/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="بحث عن" autocomplete="off" placeholder="بحث عن" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">بحث عن</span> </button> </form> </div> </div> </div> <div id="side-stream-container" class="container"></div> <div class="side-stream" id="side-stream-right" style="display:none; z-index:108; position:absolute; text-align:center; top:0px; width:200px; overflow:hidden;"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="side-stream" id="side-stream-left" style="display:none; z-index:108; position:absolute; text-align:center; top:0px; width:200px; overflow:hidden;"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <script type="text/javascript" id="tie-side-e3lan-js-extra"> /* <![CDATA[ */ var tie_side_e3lan = {"is_boxed":"","screen_width":"","side_margin":"15","margin_top":"","margin_top_scroll":"","left_ad_code":"[ads1]","left_ad_width":"200","left_ad_height":"","right_ad_code":"[ads1]","right_ad_width":"200","right_ad_height":""}; /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/side-e3lan.js?ver=6.5.2" id="tie-side-e3lan-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"1","ajaxurl":"https:\/\/it-solutions.center\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"true","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"1","lang_no_results":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":"","ad_blocker_detector_delay":"3000"}; /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.0.2" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.0.2" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/live-search.js?ver=7.0.2" id="tie-js-livesearch-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <div id="tie-popup-adblock" class="tie-popup is-fixed-popup"> <div class="tie-popup-container"> <div class="container-wrapper"> <a href="#" class="tie-btn-close remove big-btn light-btn" > <span class="screen-reader-text">إغلاق</span> </a> <span class="tie-adblock-icon tie-icon-ban" aria-hidden="true"></span> <h2>أنت تستخدم إضافة Adblock</h2> <div class="adblock-message"> يرجى تعطيل مانع الإعلانات حيث أن موقعنا غير مزعج ولا بأس من عرض الأعلانات لك فهي تعتبر كمصدر دخل لنا و دعم مقدم منك لنا لنستمر في تقديم المحتوى المناسب و المفيد لك فلا تبخل بدعمنا عزيزي الزائر </div> </div> </div> </div> </body> </html>

كيفية عرض المنتجات في Volusion

المزيد من المعلومات

كتابة وحدات اختبار في Visual Studio Code

المزيد من المعلومات

تكامل النماذج HTML في Enjin: حلول وإرشادات