Como faço para incorporar o aplicativo Angular4 em um modo de exibição ASP.NET MVC?
Ben
Eu tenho um aplicativo existente que foi escrito em ASP.NET MVC com um widget Silverlight embutido em uma das visualizações MVC. O widget Silverlight está em seu próprio projeto e se comunica com um back-end do WCF.
Minha reescrita está em Angular4 usando Visual Studio Code. Fiz algum progresso no desenvolvimento do novo aplicativo SPA (página inicial simples com algumas funcionalidades nela e uma página de detalhes obtida com roteamento). Estou expondo a funcionalidade do serviço WCF via API da Web para fornecer pontos de extremidade tranquilos (até agora, tudo bem).
O problema que me deixa perplexo é como faço para juntar os dois. O plano quando fiz o briefing era substituir o contêiner div que incorporava o widget Silverlight no aplicativo MVC pelo novo "widget" Angular4.
Obviamente, preciso fazer isso no meu PC de desenvolvimento e também no servidor IIS em que estarei implantando. Estamos usando o Visual Studio 2015, pois o Silverlight não é compatível com o Visual Studio 2017.
Ringo
Uma solução potencial para o seu problema, você pode criar uma visão parcial na ASP.NET MVC e fazer com que ela traga o aplicativo angular. em sua visão parcial, inclua isto:
@Html.Raw(File.ReadAllText(Server.MapPath("~/dist/index.html")))
O index.html trará os arquivos html, JS e CSS compilados e agrupados. Certifique-se de remover o cabeçalho e a tag do corpo de src / index.html, se houver.
Você precisa colocar o processo de construção angular junto com MVC no VS Studio? Atualmente eu construo o aplicativo angular e o aplicativo MVC separadamente (Angular no VSCode).
Se você insistir em construir o aplicativo angular junto com o aplicativo MVC, você pode acionar a construção NPM do aplicativo angular como um evento de construção no aplicativo MVC.
Acesse as propriedades do projeto de inicialização e coloque o seguinte comando na linha de comando do evento de pré-criação:
powershell start-process npm -ArgumentList '"run $(ConfigurationName)"'
isso acionará um script npm com base no nome de configuração do seu build. Por exemplo, se você tiver um UAT de chamada de perfil de publicação, quando você construir / publicar o projeto, ele executará o UAT do npm run no seu PowerShell.
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
editar em
Artigos relacionados
TOP lista
- 1
Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?
- 2
Como obter a entrada de trás de diálogo em treeview pyqt5 python 3
- 3
Why isn't my C# .Net Core Rest API route finding my method?
- 4
Como adicionar corretamente o mapa à imagem raster em R
- 5
Como adicionar o cabeçalho de autorização à solicitação de http Angular?
- 6
Compreensão e ajuste do contêiner de fios
- 7
Correspondência de valor-chave Regex Python
- 8
Problema de escalada que requer programação dinâmica
- 9
Curved lines using border
- 10
Continuously add multiple data to my excel database but in the same column only
- 11
How to use reshape on a 4D matrix after using fread on a RGB RAW file?
- 12
FIRApp.Configure Crashing App
- 13
Expressão regular 0 * 1 * 1 + 11 * 0 * 1 DFA
- 14
Passar dados do componente filho para o componente pai Angular2
- 15
¿Cómo obtener las fechas alternativas entre dos fechas en la misma tabla e insertar esas fechas en una tabla temporal?
- 16
Posso atribuir valores a este elemento html
- 17
Excel: 'Sumifs' ignorando # n / a
- 18
Pergunta sobre a criação da função Lambda de rotação de credenciais para o banco de dados Aurora MySQL RDS
- 19
Por que o sono não funciona?
- 20
Qual é a diferença entre JavaScript, JScript e ECMAScript?
- 21
Suporte para AnimatedVectorDrawable <24
deixe-me dizer algumas palavras