×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "block"; document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Поиск
Программирование, разработка, тестирование
→
Microsoft Office 365 E3 (Teams plug-in, SharePoint web api)
→
Создаем новое приложение "Microsoft Teams web application (plug-in)" using React
Посмотрели
2766
раз(а)
Создаем новое приложение "Microsoft Teams web application (plug-in)" using React
последнее обновление: 16 декабря 2021
Что такое Teams web application?
https://docs.microsoft.com/en-us/microsoftteams/platform/overview
Вступление
Я буду использовать
Node.js
Поэтому, если вы не установили
Node.js
, тогда
Устанавливать Node.js ...
Я буду использовать мой
Microsoft 365
логин
web@evgapp.onmicrosoft.com
.
Я создал этот логин так:
Create account for Microsoft Office 365 E3 (web services)
План (Создаем новое приложение "Microsoft Teams web application (plug-in)" using React)
Шаг 1.
Открываем Visual Studio Code
Шаг 2.
Добавляем Teams Toolkit
Шаг 3.
Создаем новое Teams app
Шаг 4.
Добавляем npm модули
Шаг 5.
Запускаем программу
Шаг 6.
Исправляем ошибку "Permissions needed. Add your IT admin to add MyTeamsApp1 to this team"
Шаг 7.
Пробуем после исправления ошибки запустить программу. Увидим результат
Шаг 1. Открываем Visual Studio Code
Если у вас не установлена
Visual Studio Code
нужно
установить Visual Studio Code ...
Открываем
Visual Studio Code
Шаг 2. Добавляем Teams Toolkit
Шаг 3. Создаем новое Teams app
Приложение Teams создалось
Шаг 4. Добавляем npm модули
Пишем текст в терминальной строке:
npm install
Шаг 5. Запускаем программу
Откроем
https://localhost:3000
в браузере
Google Chrome
потом откроется
Видим ошибку:
Permissions needed. Add your IT admin to add MyTeamsApp1 to this team.
В
Visual Studio Code
останавливаем программу:
нажимаем клавишу
Shift-F5
(Stop Debugging) или нажимаем на красный квадрат
[]
Шаг 6. Исправляем ошибку "Permissions needed. Add your IT admin to add MyTeamsApp1 to this team"
Чтобы исправить ошибку откроем:
https://admin.teams.microsoft.com/policies/app-setup
Шаг 7. Пробуем после исправления ошибки запустить программу. Увидим результат
В
Visual Studio Code
нажимаем клавишу
F5
или нажимаем в меню
Run
→
Start Debugging
Ждем
Программа запускается
Увидим
Нажмем
Add
чтобы добавить нашу программу в
Teams
и увидим что наша программа запустилась внутри
Teams
Microsoft
Читать:
Build and run your first Microsoft Teams app with React
← Предыдущая тема
Protect your account in Microsoft Office 365 E3 (web services)
Следующая тема →
Создаем Azure Web Service для React Teams web application. То есть создаем пустой web server
Ваши Отзывы ... комментарии ...
Вашe имя
Ваш комментарий
(www ссылки может добавлять только залогиненный пользователь)
+ картинку
Объявления
Объявления
•
Create account for Microsoft Office 365 E3 (web services)
•
Login in account Microsoft Office 365 E3 (web services)
•
Protect your account in Microsoft Office 365 E3 (web services)
Teams plug-in application
•
Создаем новое приложение "Microsoft Teams web application (plug-in)" using React
•
Создаем Azure Web Service для React Teams web application. То есть создаем пустой web server
•
Приложение .Microsoft Teams web application делаем publish в → Azure | используем Visual Studio Code
•
Upload app in teams
SharePoint
•
Создаем страницу в SharePoint для Microsoft Office 365 E3 (web services)
•
Разрешаем удаленный доступ в SharePoint для Microsoft Office 365 E3 (web services)
•
Используя Postman делаем запрос в SharePoint для получения данных из SharePoint | Microsoft Office 365 E3 (web services)
Ваши вопросы присылайте по почте:
info@dir.by