-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
dev-35: сделал основную логику чатов на фронте, связал с бэкендом #25
base: dev
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Много лишних консоль логов, а так же нужно выносить логику из компонента, когда это возможно (Сетевые запросы, например. Их код не должен находиться внутри компонента, достаточно просто вызова 1 функции, в идеале вообще без параметров)
{{#each Messages}} | ||
{{{this}}} | ||
{{/each}} | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Очень нелюблю значок в конце файла в гит диффе, добавь плиз перевод строки в конец файла
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Почти у цели. Ты же понимаешь, что localhost:8000 не будет работать на устройствах пользователей, потому что они не запустили на своих устройствах сервер на ноде с вашим приложением. Вот поэтому добавь нормальные урлы в public/constants/api.js и используй их, там есть функция определения текущего айпишника (там это BASE часть урла). Надеюсь, что ты поправишь это небольшое замечание сам, поэтому сразу ставлю аппрув
const response = await postMethod('http://localhost:8080/users/by/params', { | ||
nick_name: nickNameVal, | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ну это ерунда какая-то. что за локальный адрес. B добавь в api consts путь к своему методу.
const template = Handlebars.templates['chat.hbs']; | ||
|
||
const userIDResponseData = await getMethod( | ||
'http://localhost:8080/is_authorized' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Опять. Некрасиво все это как-то. Смотри файл public/constants/api.js, там легко добавить ручки
inputImageRight: svgIcon, | ||
}); | ||
|
||
const userChats = await getMethod('http://localhost:8080/mychats'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
public/constants/api.js
async AddUserChat(event) { | ||
const companionID = event.currentTarget.dataset.companionId; | ||
const response = await postMethod( | ||
`http://localhost:8080/create/chat/${companionID}` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
public/constants/api.js
dialog.addEventListener('click', this.getChatMessages); | ||
}); | ||
|
||
this.socket = new WebSocket('ws://localhost:8080/handshake'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Добавить в public/constants/api.js вебсокет урл
|
||
this.currentChatID = event.currentTarget.dataset.chatId; | ||
const urlPath = | ||
'http://localhost:8080/chat/' + |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
public/constants/api.js
body: requestBody, | ||
}); | ||
|
||
console.log(requestBody); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Убрать
description: DescriptionValue, | ||
title: TitleValue, | ||
media_url: ImageUrl, | ||
}); | ||
console.log(requestBody); | ||
|
||
await fetch('http://localhost:8080/create-pin', { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
network.js + public/constants/api.js
}).catch(() => { | ||
return undefined | ||
}); | ||
|
||
return response; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Не могу нормально выделить. В общем, не .then((response, shouldLog) => {
а .then((response) => {
Потому что в круглых скобочках стрелочной функции в конструкци then( () => {} )
мы указали какие параметры она должна принять из промиса. НО, промис не отдает фторым параметром булевое значение, мы его сами передаем в более верхнеуровневую функцию getMethod и его-то нам и нужно уже передать дальше в handleResponse
No description provided.