Вопрос Передача события

[nazikshow.]

ребят всем привет, только начал разрабатывать сервер на C#, и я бы хотел в цефе вызвать событие через c#, например вывести текст ошибки, как я могу это сделать?
если быть короче - как передать событие с c# -> js

 

[Jerry (ChatGPT)]

Привет! Для передачи события с C# на JS в цепочке веб-разработки можно воспользоваться технологией SignalR. SignalR позволяет организовать двустороннюю связь между сервером C# и клиентским JavaScript. Таким образом, вы сможете вызывать события на сервере и обрабатывать их на клиентской стороне. Более подробную информацию по работе с SignalR вы можете найти в документации Microsoft.

 

[MADARAdev]

ребят всем привет, только начал разрабатывать сервер на C#, и я бы хотел в цефе вызвать событие через c#, например вывести текст ошибки, как я могу это сделать?
если быть короче - как передать событие с c# -> js

Привет! Чтобы нативно вызвать эвент сервера на cef стороне, тебе нужно создать клиентский эвент

Т.е. по цепочке cef -> client -> server

Чтобы вызвать эвент клиента на cef:

mp.trigger("EventName")

Если используешь библиотеку rage-rpc, можно напрямую вызвать серверный эвент в cef

Чтобы вызывать эвент сервера на cef (rage-rpc):

rpc.callServer("EventName")

GitHub - micaww/rage-rpc: A universal, asynchronous RPC implementation for RAGE Multiplayer

A universal, asynchronous RPC implementation for RAGE Multiplayer - micaww/rage-rpc

github.com

 

[nazikshow.]

Привет! Чтобы нативно вызвать эвент сервера на cef стороне, тебе нужно создать клиентский эвент

Т.е. по цепочке cef -> client -> server

Чтобы вызвать эвент клиента на cef:




Если используешь библиотеку rage-rpc, можно напрямую вызвать серверный эвент в cef

GitHub - micaww/rage-rpc: A universal, asynchronous RPC implementation for RAGE Multiplayer

A universal, asynchronous RPC implementation for RAGE Multiplayer - micaww/rage-rpc

github.com

а если я хочу воспользоваться функцией ExecuteJs, как мне написать запрос чтобы он вызывал метод? вот как написано у меня сейчас

openedWindow.ExecuteJs("document.dispatchEvent(new Event('enableRegisterButton'))");

openedWindow.ExecuteJs("document.dispatchEvent(new CustomEvent('set_error_text', { detail: 'Такой аккаунт уже существует.' }))");

 

[XDeveluxe]

а если я хочу воспользоваться функцией ExecuteJs, как мне написать запрос чтобы он вызывал метод? вот как написано у меня сейчас

openedWindow.ExecuteJs("document.dispatchEvent(new Event('enableRegisterButton'))");

openedWindow.ExecuteJs("document.dispatchEvent(new CustomEvent('set_error_text', { detail: 'Такой аккаунт уже существует.' }))");

Во-первых, я так понимаю у тебя C# клиент.
ExecuteJs вызывает конкретный код, как если бы ты его просто вписал в консоль браузера, типа ExecuteJs("console.log(bla bla bla);");

Для вызова RAGEMP Event'ов нужно использовать openedWindow.Call("названиеИвента", аргументы);
Важное уточнение, что это вызывает только те ивенты, которые зарегистрированы в CEF'е как window.mp.events.add("названиеИвента", обработчик);

 

[MADARAdev]

а если я хочу воспользоваться функцией ExecuteJs, как мне написать запрос чтобы он вызывал метод? вот как написано у меня сейчас

openedWindow.ExecuteJs("document.dispatchEvent(new Event('enableRegisterButton'))");

openedWindow.ExecuteJs("document.dispatchEvent(new CustomEvent('set_error_text', { detail: 'Такой аккаунт уже существует.' }))");

Судя по коду я так понимаю что ты хочешь еще наоборот, с сервера триггерить какие либо cef events.

Для этого ты по той же схеме должен создать event на клиенте и в cef, далее вызвать на сервере клиентский events ,
и на клиенте вызывать cef событие

На клиентской стороне события cef вызываются вот так:

mp.events.call("EventName")

 

[nazikshow.]

извините, может чего не понимаю, но вот мой код js

mounted() {
            document.addEventListener("set_error_text", (event) => {
                this.error.text = event.detail; // Устанавливаем текст ошибки из C#
              });
            document.addEventListener("enableAuthButton", this.enableAuthButton);
            document.addEventListener("enableRegisterButton", this.enableRegisterButton);

        },
        beforeUnmount() {
          // Удаляем обработчик при уничтожении компонента
          document.removeEventListener("set_error_text", (event) => {
            this.error.text = event.detail;
          });
          document.removeEventListener("enableAuthButton", this.enableAuthButton);
          document.removeEventListener("enableRegisterButton", this.enableAuthButton);
        },
methods: {
enableAuthButton() {
                const button = document.querySelector('.js-btn-auth');
                if (button) button.disabled = false;
            },
            enableRegisterButton() {
                const button = document.querySelector('.btn.purple');
                if (button) button.disabled = false;
            },
}

 

[XDeveluxe]

извините, может чего не понимаю, но вот мой код js

            document.addEventListener("set_error_text", (event)

Это не RAGEMP event. Чтобы добавить RAGEMP event нужно использовать

window.mp.events.add("set_error_text", (text) =>
{
    // Делаешь что хочешь с текстом, который ты получил
});

 

[MADARAdev]

извините, может чего не понимаю, но вот мой код js

mounted() {
            document.addEventListener("set_error_text", (event) => {
                this.error.text = event.detail; // Устанавливаем текст ошибки из C#
              });
            document.addEventListener("enableAuthButton", this.enableAuthButton);
            document.addEventListener("enableRegisterButton", this.enableRegisterButton);

}

Не используй document.addEventListener для связи Rage MP API

Создаешь события в cef так:

mp.events.add('"EventName", () => {
// Todo
})

 

[nazikshow.]

Не используй document.addEventListener для связи Rage MP API

Создаешь события в cef так:

если я всё правильно понял, мне нужно написать так:

mounted() {
        //
        if (window.mp && window.mp.events) {
            window.mp.events.add("set_error_text", (text) => {
                this.error.text = text;
                this.isProcessing = false; // Разблокируем кнопку после ошибки
            });
        }

просто я с ютуба переписываю

 

[MADARAdev]

если я всё правильно понял, мне нужно написать так:

mounted() {
        //
        if (window.mp && window.mp.events) {
            window.mp.events.add("set_error_text", (text) => {
                this.error.text = text;
                this.isProcessing = false; // Разблокируем кнопку после ошибки
            });
        }

просто я с ютуба переписываю

Да! Теперь верно

 

[nazikshow.]

Да! Теперь верно

спасибо, всё работает!

 

[MADARAdev]

спасибо, всё работает!

Удачи в разработке.