Вопрос Как из VueJS передать значение переменной на серверную часть

[Sublimate]

Привет всем. Решил понемногу делать сервер в связке JS+JS. Возник вопрос как условный логинпароль из окна регистрации передать на серверную часть

 

[Jerry (ChatGPT)]

Привет! Для передачи данных с клиентской стороны (VueJS) на серверную сторону (Node.js) можно использовать HTTP запросы. Например, с помощью библиотеки Axios вы можете отправить POST запрос на сервер с данными логина и пароля из формы регистрации. В серверном коде (Node.js) вы можете обработать этот запрос и сохранить полученные данные. Надеюсь, это поможет вам разобраться!

 

[youngBeaver]

Привет всем. Решил понемногу делать сервер в связке JS+JS. Возник вопрос как условный логинпароль из окна регистрации передать на серверную часть

В стандартном решении, на сколько я помню, нет передачи напрямую на сервер.
Ты можешь использовать, либо RPC, либо написать свой эвент на клиенте, который принимает в виде аргумента название эвента и массив данных. Далее по этому названию сразу триггерить на сервере эвент.

// cef
mp.trigger("ui:server:event", "login", ["login", "password"])

// client-side
mp.events.add("ui:server:event", (eventName, data) => {
    if (eventName === "" || !data[0]) {
        return mp.console.logInfo("[ui:server:event] the arguments do not meet the requirements")
    }

    mp.events.callRemote(eventName, data)
})

// server-side

mp.events.add("login", (data) => {
})

 

[Sublimate]

В стандартном решении, на сколько я помню, нет передачи напрямую на сервер.
Ты можешь использовать, либо RPC, либо написать свой эвент на клиенте, который принимает в виде аргумента название эвента и массив данных. Далее по этому названию сразу триггерить на сервере эвент.

// cef
mp.trigger("ui:server:event", "login", ["login", "password"])

// client-side
mp.events.add("ui:server:event", (eventName, data) => {
    if (eventName === "" || !data[0]) {
        return mp.console.logInfo("[ui:server:event] the arguments do not meet the requirements")
    }

    mp.events.callRemote(eventName, data)
})

// server-side

mp.events.add("login", (data) => {
})

А как это смешать с vue?

 

[youngBeaver]

А как это смешать с vue?

Не понимаю твоего вопроса, на vue тебе нужно просто использовать mp.trigger или другой метод, который передаст на клиент данные.

 

[Sublimate]

Не понимаю твоего вопроса, на vue тебе нужно просто использовать mp.trigger или другой метод, который передаст на клиент данные.

Можешь пожалуйста дать пример кода с mp.trigger, как это может выглядеть в реальности?

 

[youngBeaver]

Можешь пожалуйста дать пример кода с mp.trigger, как это может выглядеть в реальности?

https://wiki.rage.mp/index.php?title=Trigger

 

[Sublimate]

https://wiki.rage.mp/index.php?title=Trigger

Спасибо)

 

[Sublimate]

Появилась новая проблема: Вместо логина и пароля -

mp.trigger("ui:server:event", "register", [username, password]);

mp.events.add("register", (data) => {
    console.log(data)
})

 

[Sublimate]

up

 

[m0v1l3]

up

Не пробовал обрабатывать через JSON.parse или JSON.stringify (мало ли сработает)

 

[youngBeaver]

Появилась новая проблема: Вместо логина и пароля -
Посмотреть вложение 14358

mp.trigger("ui:server:event", "register", [username, password]);

mp.events.add("register", (data) => {
    console.log(data)
})

если эвент "mp.events.add("register")", то первым аргументом всегда идет игрок на сервере.
UPD. Опять я хуйню сморозил, исходя из консоли, это 100% сервер. В таком случае, ты первым аргументом получаешь игрока и называешь его data. В таком случае ты должен сначала принимать player (игрок, который инициировал эвент) и data (массив данных, которые ты передал). Ребят, хватит все на форум постить. Про pendingRPC я нашел ответ в другой теме.

 

[Sublimate]

если эвент "mp.events.add("register")", то первым аргументом всегда идет игрок на сервере.
UPD. Опять я хуйню сморозил, исходя из консоли, это 100% сервер. В таком случае, ты первым аргументом получаешь игрока и называешь его data. В таком случае ты должен сначала принимать player (игрок, который инициировал эвент) и data (массив данных, которые ты передал). Ребят, хватит все на форум постить. Про pendingRPC я нашел ответ в другой теме.

Можешь дать пожалуйста, как это должно выглядеть?

 

[youngBeaver]

Можешь дать пожалуйста, как это должно выглядеть?

mp.events.add("register", (player, data) => {})

 

[Sublimate]

mp.events.add("register", (player, data) => {})

Спасибо, всё работает, но когда пытаюсь получить пароль, а это наверное data[1] вылезает undefined

 

[Vermilion]

mp.events.add("register", (player, data) => {})

no no no, listen listen...
Данил, где типизация?

 

[youngBeaver]

no no no, listen listen...
Данил, где типизация?

Вадим, это же обычный JS исходя из примеров. Так то я с C# не слазию, поэтому про типизацию помним всегда.

Спасибо, всё работает, но когда пытаюсь получить пароль, а это наверное data[1] вылезает undefined

А тебе нужно через JSON.stringify перевести массив в строку и в консоли посмотреть содержание. А еще лучше не отвлекать на протяжении получаса, я доте хочу выиграть((

 

[Sublimate]

Вадим, это же обычный JS исходя из примеров. Так то я с C# не слазию, поэтому про типизацию помним всегда.

А тебе нужно через JSON.stringify перевести массив в строку и в консоли посмотреть содержание. А еще лучше не отвлекать на протяжении получаса, я доте хочу выиграть((

Понял, GL))

 

[Sublimate]

Короче тут я передаю login и password в data

mp.trigger("ui:server:event", "register", login, password);

А тут я пытаюсь их достать

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data[0]))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data[0].login))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data.login))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data.login), JSON.stringify(data.password))} catch (e) {console.log(e)}
})

Но ни-ши-ша, достаётся только логин(Везде, где я написал только для login подразумевается что и для пароля тоже было(Например data.login, data.password))

 

[youngBeaver]

Короче тут я передаю login и password в data

mp.trigger("ui:server:event", "register", login, password);

А тут я пытаюсь их достать

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data[0]))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data[0].login))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data.login))} catch (e) {console.log(e)}
})

mp.events.add("register", (player, data) => {
    try {console.log(JSON.stringify(data.login), JSON.stringify(data.password))} catch (e) {console.log(e)}
})

Но ни-ши-ша, достаётся только логин(Везде, где я написал только для login подразумевается что и для пароля тоже было(Например data.login, data.password))

а ты проверь на CEF, что ты именно передаешь в переменной password.