Добавить статический веб-сайт из учетной записи хранения Azure в приложение Asp.net MVC? - PullRequest
0 голосов
/ 27 октября 2019

Я должен включить приложение React в проект dotnet MVC. У меня есть простое приложение React, которое содержит только сетку KendoUI.

  • Я выполнил сборку приложения React и загрузил его как статический веб-сайт, используя учетную запись хранения Azure.

  • Затем я создал CDN Azureэто указывает на статическое приложение React

Вот что мне нужно сделать:

У меня есть следующий код (ASP.net MVC):

enter image description here

Комментируемый div - это div, который содержит старую сетку (ту, которую нужно заменить статическим приложением React).

Я бы хотелдобавьте статическое приложение React в тестовый div (приложение с идентификатором «scheduleSitesGrid2»)

Я настроил мое статическое приложение React для поиска того же самого div (здесь index.tsx):

enter image description here

При этом я могу легко включить это реагирующее приложение в приложение MVC с помощью Azure CDN? Я не смог найти другой вопрос, касающийся добавления приложения React в MVC с использованием CDN.

Я попытался включить CDN в тег сценария, но это не сработало. Мне также интересно, что поскольку приложение React размещено как статический сайт, оно уже создано, поэтому я не смогу добавить его в div MVC (поскольку оно уже вставлено в файл index.html приложения Reactкак показано на следующем рисунке). Затем мне нужно будет загрузить все приложение в Azure, кроме index.html. Я прав?

enter image description here

Большое спасибо!

Мир!

1 Ответ

1 голос
/ 27 октября 2019

Если я правильно понимаю, у вас есть веб-приложение MVC, размещенное с использованием какого-либо плана обслуживания приложений, и приложение React, которое не выполняет код на стороне сервера, а только Javascript?

Если это правильно, то вы наверняка будете обслуживать контентиз двух отдельных доменов: один для вашего веб-приложения, представленный через CDN;и один для учетной записи хранения, где размещается статический контент, который представлен только через URI учетной записи хранения.

Оба могут действительно быть представлены через одну конечную точку CDN, но вам нужно будет использовать премиальный уровень ииспользовать правила перезаписи URL. Маршрут по умолчанию настроен на URI веб-приложения, а затем вы настроите правило перезаписи, например, переписать (перевести) "/ static / ..." в "https://{{yourstaticstorage}}.storage.azure.com/yourstaticpath/...".

Перезапись Verizon Premiumзадокументировано здесь: https://docs.microsoft.com/en-us/azure/cdn/cdn-verizon-premium-rules-engine-reference-features#url-rewrite

Если вы не хотите использовать Verizon Premium, вы также можете взглянуть на входную дверь Azure.

https://azure.microsoft.com/en-gb/services/frontdoor/

По сути, Front Door - это CDN на стероидах. Он имеет встроенный WAF и позволяет настраивать правила маршрутизации. Сравнивайте цены, прежде чем идти по этому маршруту, поскольку я вполне уверен, что вам придется платить за каждое правило маршрутизации.

Вы можете также извлечь статический контент из кода перед его доставкой, но он не будет кэшироваться в CDN, поскольку каждая динамическая страница требует выполнения. Вам лучше создать правило маршрутизации и использовать относительные пути к статическому контенту, которыеизвлекаются и кэшируются CDN / парадной дверью.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...