Bỏ qua

Tạo plugin WebView bằng AI

Chỉ với một vài bước, bạn có thể dễ dàng tạo dịch vụ web cho plugin WebView của mình bằng AI. Không cần kiến thức hay kỹ năng lập trình.

Lên ý tưởng cho plugin

Nếu bạn đã biết loại dịch vụ web muốn tạo, hãy bỏ qua phần này và chuyển sang phần tiếp theo.

Ngoài ra, bạn có thể yêu cầu AI ưa thích của mình lên ý tưởng.

Câu lệnh

Tôi muốn tạo một ứng dụng web sẽ được hiển thị dưới dạng plugin WebView trong cTrader. 
Hãy gợi ý những ý tưởng hữu ích giúp nâng cao trải nghiệm giao dịch của tôi.
Câu trả lời
  • Trợ lý giao dịch thông minh
  • Máy tính giao dịch
  • Bảng điều khiển ký hiệu tùy chỉnh
  • Công cụ ghi chú & cộng tác theo ký hiệu
  • Bảng điều khiển quản lý rủi ro
  • Công cụ theo dõi tác động tin tức
  • Công cụ bản đồ nhiệt phiên giao dịch
  • Trợ lý giao dịch (ghi chú & phản hồi bằng AI)

Tạo mã trang web

Plugin WebView trong cTrader yêu cầu các trang web được lưu trữ bên ngoài sử dụng bộ công nghệ tiêu chuẩn gồm JavaScript, HTML, CSS và (nếu cần) các phương thức API WebView.

Để nhận được phản hồi chính xác hơn, hãy cung cấp cho AI các dữ liệu đầu vào sau:

Cảnh báo

Mọi plugin WebView bạn tạo phải tuân thủ quy tắc của cTrader Store, App Store và Google Play. Quan trọng nhất là dịch vụ web của bạn không được bao gồm biểu mẫu xác thực hoặc thanh toán.

Để thuận tiện, bạn có thể tải xuống tài liệu về plugin WebView và quy tắc của cTrader Store, trong trường hợp bạn muốn tải lên dưới dạng tệp để AI tham khảo.

Câu lệnh

Tôi muốn tạo một ứng dụng web máy tính giao dịch để sử dụng làm plugin WebView trong cTrader. 
Trang web chỉ nên được xây dựng bằng JavaScript, HTML, CSS và các phương thức API dành cho plugin WebView. 
Không yêu cầu thư viện bổ sung nào. 
Trang web phải tuân thủ quy tắc của cTrader Store, App Store của Apple và Play Store của Google.
Trang web không được bao gồm biểu mẫu xác thực hoặc thanh toán.
Cung cấp một đoạn mã duy nhất chứa mọi thứ cần thiết để xây dựng trang web mà không cần bất kỳ thiết lập bổ sung nào.
Câu trả lời 
<!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>

Triển khai dịch vụ web

Dán đoạn mã đã tạo vào một tệp HTML và lưu lại (cục bộ) trên máy tính của bạn.

Để triển khai dịch vụ web, bạn cần lưu trữ tệp HTML trên máy chủ an toàn. Bạn phải sở hữu một tên miền, đăng ký với nhà cung cấp dịch vụ lưu trữ và sau đó tải tệp HTML lên bằng cPanel/hPanel hoặc qua FTP.

Bạn có thể yêu cầu AI hỗ trợ bằng cách sử dụng các câu lệnh sau:

Câu lệnh

Hướng dẫn tôi cách đăng ký tên miền và thiết lập với nhà cung cấp dịch vụ lưu trữ.

Kiểm tra ứng dụng web

Mở trang web mới trong trình duyệt của bạn. Kiểm tra các tính năng trên trang web để xác nhận chúng hoạt động đúng cách.

Tùy vào giao diện trang web khi chạy thực tế, bạn có thể muốn quay lại công cụ AI và yêu cầu điều chỉnh thêm. Ví dụ: bạn có thể yêu cầu AI chỉnh sửa mã trang web như sau:

  • Sửa chức năng không hoạt động đúng cách
  • Thay đổi giao diện màu
  • Thêm tính năng cụ thể
  • Xóa tính năng cụ thể
  • Và nhiều hơn nữa

Sau khi điều chỉnh, quay lại tệp, dán mã đã chỉnh sửa và triển khai các thay đổi.

Khi ứng dụng web của bạn đã sẵn sàng và bạn biết URL, bạn có thể tiếp tục xây dựng plugin WebView trong cTrader.