• 1404/05/03

ارسال دیتا از بک اند به فریم ورک ویو :

با سلام و خسته نباشید خدمت استاد اردوخانی امیدوارم که حالتون خوب باشه 
استاد من پروژه ای پیام رسانی از گیت هاب دانلود کردم و با npm run build چیز هایی که نیاز بود برای نمایش در جنگو استخراج کردم صفحه به خوبی کار میکنه  DRF نیز برای API پیاده سازی شده ولی نمیدونم چجوری مقادیر رو پاس بدم مثل یک صفحه معمولی نیست مثلا یوزر نیم به صورت دیفالت در این قالب یه چیزی الکی نوشته شده ولی من میخوام از بک اند مقادیر واقعی ارسال بشه ممنون میشم راهنمایی کنید 

 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/static/dist/vectors/logo-gradient.svg" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300;500;600;700&display=swap" rel="stylesheet" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Avian Messaging</title>
  <script type="module" crossorigin src="/static/dist/assets/index-CdcqKCv1.js"></script>
    <script src="/static/reconnecting-websocket.js"></script>
  <link rel="stylesheet" crossorigin href="/static/dist/assets/index-B-ODYNmS.css">
</head>

<body>
<script>
    fetch("/api/user-profile/")
        .then((response) => {
            if (!response.ok) throw new Error("Unauthorized");
            return response.json();
        })
        .then((data) => {
            document.getElementById("username").textContent = data.username;
            document.getElementById("email").textContent = data.email;
            document.getElementById("fullname").textContent = data.fullname;
        })
        .catch((error) => {
            console.error("Error loading user profile:", error);
        });

    
    const roomId = "{{ id }}"; 
    const protocol = window.location.protocol === "https:" ? "wss" : "ws";

 
    const chatSocket = new ReconnectingWebSocket(
        `${protocol}://${window.location.host}/ws/chat/${roomId}/`
    );


</script>
{#<p id="username"></p>#}
{#<p id="fullname"></p>#}
{##}
{#<p id="email"></p>#}

  <div id="app"></div>
</body>

</html>
  • 1404/05/03
  • ساعت 19:18

سلام خدمت شما دوست عزیز

برای اینکه بتونین از این سورس استفاده کنین نیاز هستش که با django-channels آشنایی داشته باشین دوست من

از اونجایی که این پکیج بسیار بزرگ هستش نمیشه در قالب پرسش و پاسخ در موردش صحبت کرد

میتونین از قسمت داکیومنت رسمی این پکیج رو مطالعه کنین یا از دوره ی رایگان و یا نقدی که در سایت منتشر شده استفاده کنین

مبحث احراز هویت در channels پیچیده هستش و باید حتما با این پکیج آشنایی داشته باشین

موفق باشین :)


logo-enamadlogo-samandehi