Здравствуйте, Сергей! Такой вопрос: в Вашем репозитории на GitHub с шаблоном нет папки dist, о которой Вы говорили в начале видео, пытался создать её вручную. Такой вопрос: что там должно быть, только index.html с блоком и bundle.js, или что-то еще?
Здравствуйте! Её самому создавать не надо! Её создает вебпак если я правильно помню. Создает какой-то командой, вроде npm run build-dev точно не помню уже
как вариант - вы написать микро бэкенд, который будет проксировать любой запрос в любой запрос. Это будет бэкенд с 1 энпоинтом, который принимает POST и редиректит его куда-то как GET
А можете подсказать, у меня приложение общается с моим сервером через уникальный токен, который пользователь вводит сам из нашего кабинета, т.е. он генерит токен и должен добавить в приложение, я так понимаю это делается после установки в install файле. А где можно посмотреть, как его настроить и как он работает, смотрю курс в битрикс, там про него не слова. Может подсказать пожалуйста
токен - да пользователь вводит сам - нет вы получаете авторизацию в апи битрикса и она отдает вам токен. если я правильно помню конечно, давно уже ничего не писал под Б24
Размещаю тестовое приложение, но битрикс не отображает, ругается на локалхост и все. У вас заметил аккаунт технического партнера у меня тестовый тариф, это влияет как-то? Или у них какое-то обновление вышло
@@SergeiMikharevich-f5c Я нашел ошибку, у вас в коде есть такое момент, обработка пост запроса: onAfterSetupMiddleware: function (devServer) { devServer.app.post('*', (req, res) => { res.redirect(req.originalUrl); }); }, у меня проект vite + react. Но я не могу найти подобной настройки, буду благодарен если подскажите
@@Nini-sv1bd супер! там еще бэкенд сервер надо было запустить из папки devServer. (это коммент на будущее вдруг кто-то будет читать и будет подобная проблема)
В данном примере вообще использовался только фронт, т.е. только js. От него отказаться сложно. Впрочем если приложение серверное, то его бек может быть на любом языке лишь бы тот мог в html.
@@SergeiMikharevich-f5c Ошибок нет, просто создает bundle.js, webpack, также пишет, что - "[webpack-dev-server] Content not from webpack is served from './dist' directory ".
Все починил. Нужно в настройках webpack установить HtmlWebpackPlugin и прописать вот это и должно работать - plugins: [ new HtmlWebpackPlugin({ meta:{viewport: 'width=device-width, initial-scale=1, shrink-to-fit=no'}, title: 'Hello app', templateContent: `` }), ],
Выглядит как проблема в пути до папки Скорее всего он смотрит на папку из которой вызывается команда npm run build-dev Если вызывать команду в корне проекта - скорее всего норм сработает А если например зайти в папку dist и оттуда вызвать, то видимо выдаст эту ошибку Но это предположение. Пока не у компа, проверить не могу
Здравствуйте, Сергей!
Такой вопрос: в Вашем репозитории на GitHub с шаблоном нет папки dist, о которой Вы говорили в начале видео, пытался создать её вручную. Такой вопрос: что там должно быть, только index.html с блоком и bundle.js, или что-то еще?
Здравствуйте! Её самому создавать не надо! Её создает вебпак если я правильно помню. Создает какой-то командой, вроде npm run build-dev точно не помню уже
@@SergeiMikharevich-f5c Спасибо вам большое! я просто ранее на Реакте не писал, вот разбираюсь)
Добрый день! А можно ли подобные приложения создавать используя jQuery?, а то я в реакте не очень от слова совсем
а как быть с обработкой post запросов если не использовать webpack ? приложение поднято на докере с nginx
как вариант - вы написать микро бэкенд, который будет проксировать любой запрос в любой запрос.
Это будет бэкенд с 1 энпоинтом, который принимает POST и редиректит его куда-то как GET
@@SergeiMikharevich-f5c ок, а как быть с https? битра отправляет запросы только по этом протоколу, вы ставили ssl сертификат локально?
А можете подсказать, у меня приложение общается с моим сервером через уникальный токен, который пользователь вводит сам из нашего кабинета, т.е. он генерит токен и должен добавить в приложение, я так понимаю это делается после установки в install файле. А где можно посмотреть, как его настроить и как он работает, смотрю курс в битрикс, там про него не слова. Может подсказать пожалуйста
токен - да
пользователь вводит сам - нет
вы получаете авторизацию в апи битрикса и она отдает вам токен. если я правильно помню конечно, давно уже ничего не писал под Б24
Размещаю тестовое приложение, но битрикс не отображает, ругается на локалхост и все. У вас заметил аккаунт технического партнера у меня тестовый тариф, это влияет как-то? Или у них какое-то обновление вышло
По идее не должно влиять.
Обновление - возможно такое, я давно не проверял
@@SergeiMikharevich-f5c Я нашел ошибку, у вас в коде есть такое момент, обработка пост запроса:
onAfterSetupMiddleware: function (devServer) {
devServer.app.post('*', (req, res) => {
res.redirect(req.originalUrl);
});
},
у меня проект vite + react. Но я не могу найти подобной настройки, буду благодарен если подскажите
Решил
@@Nini-sv1bd супер! там еще бэкенд сервер надо было запустить из папки devServer. (это коммент на будущее вдруг кто-то будет читать и будет подобная проблема)
@@SergeiMikharevich-f5c подскажите пожалуйста где можно найти более подробную инфу vite + react bx24?
Правильно понимаю, что я могу люблю htnl, php страницу добавить в виде приложения в б24?
html - да
php - не уверен
А на каком языке можно писать? Python не хотелось бы менять на php или надо только на php?
В принципе можно на любом языке, который умеет http запрос
Я в видео тоже на php не пишу ))
На Python есть либа fast-bitrix, с тем же функционалом, что и на React JS
В данном примере вообще использовался только фронт, т.е. только js. От него отказаться сложно. Впрочем если приложение серверное, то его бек может быть на любом языке лишь бы тот мог в html.
Сергей, здравствуйте а где папка dist ее в репозитории нет
Да, в репозитории add-task я её забыл видимо, но эту папку можно скопировать с репозитория template как я делаю на видео начиная с 5:49
@@SergeiMikharevich-f5c Сергей подождите в папке dist в репозитории template нету тоже чтобы скопировать
@@Greenduck-k7v ща посмотрю, сек
@@Greenduck-k7v добавил и там и там. проверяйте. только не забудьте сделать git pull с репозитория
@@SergeiMikharevich-f5c Хорошо спасибо вам огромное
Доброго времени суток. После ввода команды npm run build-dev, файл index.html не появился. Пробовал дважды это делать и перезапускать.
А какую ошибку выдаёт?
@@SergeiMikharevich-f5c Ошибок нет, просто создает bundle.js, webpack, также пишет, что - "[webpack-dev-server] Content not from webpack is served from './dist' directory
".
Все починил. Нужно в настройках webpack установить HtmlWebpackPlugin и прописать вот это и должно работать - plugins: [
new HtmlWebpackPlugin({
meta:{viewport: 'width=device-width, initial-scale=1, shrink-to-fit=no'},
title: 'Hello app',
templateContent: ``
}),
],
Выглядит как проблема в пути до папки
Скорее всего он смотрит на папку из которой вызывается команда npm run build-dev
Если вызывать команду в корне проекта - скорее всего норм сработает
А если например зайти в папку dist и оттуда вызвать, то видимо выдаст эту ошибку
Но это предположение. Пока не у компа, проверить не могу