Как получить строку с http сессии в javascript? - PullRequest
Новая
       23

Как получить строку с http сессии в javascript?

0 голосов
/ 22 апреля 2020

Я делаю приложение чата в веб-API ASP - NET с C# в VS Code. Регистрация пользователя и логин работают с базой данных. Я добавил пример кода SignalR на страницу приветствия, но я хочу изменить: имя пользователя должно быть зарегистрированным именем пользователя, а после нажатия кнопки «Отправить сообщение» должно выглядеть так: «acc1 говорит привет мир. Файл 'chat. js' ', и я не знаю, как я могу получить там строку' 'username'. HttpContext.Session.GetString("username") не работает в javascript.

чат. js 

"use strict";

var connection = new signalR.HubConnectionBuilder().withUrl("/chatHub").build();

//Disable send button until connection is established
document.getElementById("sendButton").disabled = true;



connection.on("ReceiveMessage", function (user, message) {
    var msg = message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
    var encodedMsg = user + " says " + msg;
    var li = document.createElement("li");
    li.textContent = encodedMsg;
    document.getElementById("messagesList").appendChild(li);
});

connection.start().then(function () {
    document.getElementById("sendButton").disabled = false;
}).catch(function (err) {
    return console.error(err.toString());
});

document.getElementById("sendButton").addEventListener("click", function (event) {
    var user = document.getElementById("userInput").value;
    var message = document.getElementById("messageInput").value;
    connection.invoke("SendMessage", user, message).catch(function (err) {
        return console.error(err.toString());
    });
    event.preventDefault();
});

Wilcome.cs html

@page
@model probagetrequest.Pages.WilcomeModel
@using Microsoft.AspNetCore.Http

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Wilcome</title>
</head>
<body>

    Welcome @HttpContext.Session.GetString("username")
    <br>
    <br>
    <a asp-page="index" asp-page-handler="logout">Logout</a>
    <a asp-page="profile">Change Profile</a>

    <div class="container">
        <div class="row">&nbsp;</div>
        <div class="row">
            <div class="col-2">User</div>
            <div class="col-4"><input type="text" id="userInput" /></div>
        </div>
        <div class="row">
            <div class="col-2">Message</div>
            <div class="col-4"><input type="text" id="messageInput" /></div>
        </div>
        <div class="row">&nbsp;</div>
        <div class="row">
            <div class="col-6">
                <input type="button" id="sendButton" value="Send Message" />
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <hr />
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <ul id="messagesList"></ul>
        </div>
    </div>

    <script src="~/js/signalr/dist/browser/signalr.js"></script>
    <script src="~/js/chat.js"></script>

</body>
</html>

ChatHub.cs 

using Microsoft.AspNetCore.SignalR;
using System.Threading.Tasks;
using System;

namespace SignalRChat.Hubs
{
    public class ChatHub : Hub
    {
        public async Task SendMessage(string user, string message)
        {
            Console.WriteLine($"user={user}, message={message}");
            await Clients.All.SendAsync("ReceiveMessage", user, message);
        }
    }
}

1 Ответ

0 голосов
/ 22 апреля 2020

Вы можете использовать var user = '@HttpContext.Session.GetString("username")'; и использовать объект пользователя как хотите.

Если ваш сценарий находится в отдельном файле, вы можете установить его как window и использовать в файле js.

window.user = '@HttpContext.Session.GetString("username")';

<script>
   var user = '@HttpContext.Session.GetString("username")'; //or window.user
   console.log(user)
</script>
...