Слишком сложно развернуть приложение на сервере SharePoint несколько раз и протестировать приложение или создать фиктивные данные для локального построения SPFx.
Хорошо, что мы можем сделать это с помощью аддона Requestly, который будет извлекать эти данные с сервера и влиять на текущие изменения в пользовательском интерфейсе. Я пройду все этапы того, как мы можем использовать аддон Requestly для локальной разработки нашего приложения.
- Установите дополнение Requestly на свой компьютер.
Перейдите в Google, найдите аддон Requestly и установите аддон на свой локальный компьютер.
2. Откройте окно Запросить с новым правилом.
Перейдите в свой браузер справа, там есть значок R, доступный для запроса Requestly, нажмите и откройте.
Затем нажмите кнопку «Новое правило» на изображении ниже.
После нажатия на запрос перенаправления ниже появится окно.
Нам нужно указать исходный URL-адрес и URL-адрес назначения, а также правило, после чего оно будет работать.
3. Узнайте исходный URL
Чтобы узнать URL-адрес источника, нам нужно развернуть SPFx в первый раз. Шаги приведены ниже
Перейдите в приложение и проверьте свое приложение, после чего откроется дополнительное окно для консоли.
Затем найдите наш компонент или веб-часть, над разработкой которой вы работаете. Здесь я использовал doctPrescription, поэтому я выбрал приведенный ниже.
Скопируйте ссылку на исходный файл, выполнив следующие шаги.
Скопируйте адрес ссылки и вставьте адрес нового раздела правил.
4. Узнайте правило назначения
Перейдите по ссылке вашего локального рабочего места, например https://localhost:4321/temp/workbench.html
Выберите свою веб-часть и проверьте элемент, скопируйте адрес ссылки, следуя предыдущим шагам, и вставьте адрес ссылки в Запрос нового окна правила.
5. Сохраняйте запрос и наслаждайтесь
Теперь измените свои коды и обновите развернутую веб-часть, и вы увидите, что изменения будут отражены в пользовательском интерфейсе.
После изменения локального файла автоматическое отражение на странице в реальном времени.