Во-первых, спасибо Микаэлю Свенсону за эту деталь, так как она очень важна в новом современном опыте. Хотя Microsoft не рекомендует использовать загрузку сценариев на новой платформе, существует определенное ограничение, которое может возникнуть из-за использования доступных веб-частей. Конечно, доступные веб-части со временем будут расти в геометрической прогрессии, но на данный момент возможность использовать редактор сценариев - настоящее облегчение.
- Клонировать или скачать репо
Вам нужно будет клонировать это репо: https://github.com/SharePoint/sp-dev-fx-webparts
Хотя мы будем использовать только одну конкретную веб-часть (вы можете git sparse, если хотите): https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-script-editor
Документация там довольно хороша, но я просто хотел остановиться на некоторых моментах, которые могут быть полезны.
2. Отредактируйте файл Write-manifest.json.
Здесь вам нужно добавить путь к CDN. Убедитесь, что вы включили общедоступную сеть CDN Office 365 для своего клиента Office 365. Чтобы убедиться, что он настроен правильно, откройте консоль управления SharePoint Online от имени администратора, а затем запустите комментарии из этой статьи:
Подумайте, где вы хотите разместить файлы для приложения в своем семействе сайтов (siteAssets - хорошее место, как показано ниже), создайте необходимую папку и затем скопируйте путь к файлу write-manifest.json.
3. Создайте пакет
Итак, сначала убедитесь, что в вашем терминале установлены npm install, gulp trust-dev-cert, а затем gulp serve.
Если он не работает в вашей локальной рабочей среде, маловероятно, что он будет работать там, где вы хотите установить веб-часть. Убедитесь, что в какой-то момент установка npm не завершилась ошибкой. В моем случае мне пришлось обновить npm до последней версии, чтобы наконец заставить его работать локально.
4. Скомпилируйте пакет и разверните
Как только вы попадете сюда, вам нужно будет выполнить команды, упомянутые в вики:
- глоток - корабль
- глоток пакет-решение - корабль
Вы увидите 2 новых каталога: sharepoint и temp.
- Скопируйте содержимое temp \ deploy в папку CDN. Это папка, которую мы определили на шаге 1.
- Загрузите файл .sppkg из sharepoint \ solution в каталог приложений вашего клиента. Если вы еще не настроили каталог приложений SharePoint, выполните следующие действия, чтобы завершить его: https://support.office.com/en-us/article/use-the-app-catalog-to-make-custom- бизнес-приложения-доступные-для-вашей-точки-доступа-онлайн-среды-0b6ab336-8b83-423f-a06b-bcc52861cba0
- Перейдите на сайт, на котором вы хотите добавить веб-часть, и сначала добавьте его как приложение. Вы должны увидеть это в разделе «Добавить приложение».
Наконец, теперь мы можем добавить веб-часть на современные страницы интерфейса в Sharepoint. Просто отредактируйте фрагмент, чтобы добавить int любой необходимый html, css или js и наслаждайтесь!
***
Хотите больше новостей об Office 365 и SharePoint? Подпишитесь на нашу рассылку!