Тёмный
No video :(

Битрикс24 + React JS: Делаем приложение по добавлению задачи через REST API Bitrix24 

Sergei Mikharevich
Подписаться 204
Просмотров 10 тыс.
50% 1

Заготовка приложения: github.com/Mik...
Код из видео: github.com/Mik...

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

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