انتقل إلى المحتوى

إنشاء إضافات WebView باستخدام الذكاء الاصطناعي

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

استكشاف أفكار الإضافات

إذا كنت تعرف بالفعل نوع خدمة الويب التي تريد إنشاءها، فتخطَّ هذا القسم وانتقل إلى القسم التالي.

بدلاً من ذلك، يمكنك أن تطلب من الذكاء الاصطناعي المفضل لديك استكشاف الأفكار.

مطالبة

أريد إنشاء تطبيق ويب سيتم عرضه كإضافة WebView داخل cTrader.
اقترح أفكارًا مفيدة من شأنها تعزيز تجربة التداول لديّ.
إجابة
  • مساعد تداول ذكي
  • حاسبة التداول
  • لوحة معلومات رموز مخصصة
  • أداة ملاحظات الرموز والتعاون
  • لوحة معلومات إدارة المخاطر
  • أادة تتبع تأثير الأخبار
  • أداة خريطة حرارية للجلسات
  • مساعد التداول (ملاحظات وتعليقات الذكاء الاصطناعي)

إنشاء تعليمة برمجية لموقع الويب

تتطلب إضافات WebView في cTrader مواقع ويب مستضافة خارجيًا تستخدم المجموعة القياسية من JavaScript وHTML وCSS وطرق WebView API (إذا لزم الأمر).

للحصول على استجابة أكثر دقة، قدِّم للذكاء الاصطناعي بيانات الإدخال التالية:

تحذير

يجب أن تمتثل أي إضافة WebView تقوم بإنشائها لقواعد متجر cTrader وApp Store وGoogle Play. والأهم من ذلك، يجب ألّا تتضمن خدمة الويب الخاصة بك نماذج المصادقة أو الدفع.

لتسهيل الأمور عليك، يمكنك تنزيل وثائق إضافة WebView وقواعد متجر cTrader، في حال كنت تفضل تحميلها كملفات ليرجع إليها الذكاء الاصطناعي.

موجه

أريد إنشاء تطبيق ويب لحاسبة التداول لاستخدامه كإضافة WebView في cTrader.
يجب إنشاء موقع الويب باستخدام JavaScript وHTML وCSS وطرق API لإضافات WebView فقط.
يجب ألّا تكون هناك حاجة إلى مكتبات إضافية.
يجب أن يمتثل موقع الويب لقواعد متجر cTrader وApp Store من Apple وPlay Store من Google.
يجب ألّا يتضمن موقع الويب نماذج المصادقة أو الدفع.
قدِّم تعليمة برمجية واحدة تحتوي على كل ما هو ضروري لإنشاء موقع الويب دون أي إعداد إضافي.
إجابة 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Trade Calculator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 20px;
      background-color: #f4f4f4;
      color: #333;
    }
    h1 {
      text-align: center;
    }
    .container {
      max-width: 400px;
      margin: auto;
      padding: 20px;
      background: white;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    label, input, select {
      display: block;
      width: 100%;
      margin-bottom: 15px;
    }
    input, select {
      padding: 8px;
      font-size: 1em;
    }
    button {
      padding: 10px;
      background-color: #007acc;
      color: white;
      border: none;
      font-size: 1em;
      cursor: pointer;
      width: 100%;
    }
    button:hover {
      background-color: #005fa3;
    }
    .result {
      margin-top: 20px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Trade Calculator</h1>
    <label for="symbol">Symbol (e.g., EURUSD)</label>
    <input type="text" id="symbol" value="EURUSD"/>

    <label for="volume">Volume (Lots)</label>
    <input type="number" id="volume" value="1" min="0.01" step="0.01"/>

    <label for="price">Price</label>
    <input type="number" id="price" value="1.1000" step="0.0001"/>

    <label for="leverage">Leverage</label>
    <input type="number" id="leverage" value="100" step="1"/>

    <button onclick="calculate()">Calculate</button>

    <div class="result" id="result">Margin: --</div>
  </div>

  <script>
    function calculate() {
      const volume = parseFloat(document.getElementById("volume").value);
      const price = parseFloat(document.getElementById("price").value);
      const leverage = parseFloat(document.getElementById("leverage").value);

      // Standard 100,000 units per lot
      const notional = 100000 * volume;
      const marginRequired = (notional / leverage) * price;

      document.getElementById("result").innerText = 
        `Margin Required: ${marginRequired.toFixed(2)} (base currency units)`;
    }

    // WebView Plugin API Example
    window.addEventListener("message", (event) => {
      const message = event.data;
      if (message.type === "symbolUpdate") {
        document.getElementById("symbol").value = message.symbol;
      }
    });

    // Send initial readiness signal
    window.parent.postMessage({ type: "ready" }, "*");
  </script>
</body>
</html>

نشر خدمة الويب

انسخ الكود المُنشأ وألصِقه في ملف HTML واحفظه (محليًا) على جهاز الكمبيوتر الخاص بك.

لنشر خدمة الويب، تلزم استضافة ملف HTML على خادم آمن. يجب عليك الحصول على اسم نطاق والتسجيل لدى مزود استضافة ثم تحميل ملف HTML الخاص بك باستخدام cPanel/hPanel أو عبر FTP.

يمكنك طلب المساعدة من الذكاء الاصطناعي باستخدام هذه المطالبات:

موجه

اشرح لي خطوات الحصول على اسم نطاق وإعداده مع مزود استضافة.

اختبار تطبيق الويب

افتح موقع الويب الجديد في متصفحك. اختبر الميزات على الموقع للتأكد من أنها تعمل بشكل صحيح.

اعتمادًا على مظهر موقع الويب المباشر الخاص بك، قد ترغب في العودة إلى أداة الذكاء الاصطناعي وطلب تحسينات. على سبيل المثال، يمكنك أن تطلب من الذكاء الاصطناعي تحرير التعليمة البرمجية لموقع الويب على النحو التالي:

  • إصلاح وظيفة لا تعمل بشكل صحيح
  • تغيير نظام الألوان
  • إضافة ميزة معينة
  • إزالة ميزة معينة
  • وغير ذلك الكثير

بعد إجراء التعديلات، عُد إلى الملف وألصِق التعليمة البرمجية المُحررَة وانشر التغييرات.

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