Le mélange Angulaire et ASP.NET MVC/api Web?

Je viens d'utiliser ASP.NET MVC, Web API et maintenant, je commence à utiliser Anguleux, mais je ne suis pas clair sur la façon correcte de les mélanger.

Une fois que je suis en utilisant Angulaire de la MVC sever côté des concepts de toujours fournir une valeur quelconque ? Ou devrais-je être strictement en utilisant l'API Web uniquement à obtenir des données pour la angulaires HTTP appels ?

Vos conseils pour un ASP.NET MVC gars de la transition vers Angulaire serait utile

  • Ça dépend, mais je pense que "je devrais être strictement en utilisant l'API Web uniquement à obtenir des données pour la angulaires HTTP appels" est la façon correcte de le faire.
  • Voici un tutoriel pour la création d'un Angulaires application avec un ASP.NET Web de Base de l'API backend -> medium.com/@levifuller/...
InformationsquelleAutor user2256870 | 2014-01-13
  1. 112

    Pur API Web

    Je l'habitude d'être assez hardcore avec ASP.NET MVC, mais depuis que j'ai rencontré Angulaire je n'en vois pas la raison pourquoi je voudrais utiliser tout côté serveur de génération de contenu du cadre. Pure Angulaire RESTE(WebApi) donne un son plus riche et plus lisse résultat. C'est beaucoup plus rapide et permet de construire des sites qui sont très proches pour les applications de bureau, sans aucun funky hacks.

    Angulaire a un peu de courbe d'apprentissage, mais une fois que votre équipe a maîtrisé cela, vous allez construire beaucoup mieux les sites web en moins de temps. Surtout que cela a à voir avec le fait que vous n'avez pas tous ces état(moins) les questions de plus.

    Par exemple imaginer un assistant formulaire avec n'importe quel serveur traditionnel côté du cadre. Chaque page doit être validé et présenté séparément. Peut-être que le contenu de la page dépend de valeurs à partir d'une page précédente. Peut-être que l'utilisateur a appuyé sur le bouton de retour et est re-soumission d'une forme antérieure. Où en est-on stocker l'état de la client? Toutes ces complications n'existent pas lors de l'utilisation Angulaire et de REPOS.

    Donc ... venir du côté obscur ... nous avons des cookies.

    Question similaire

    • Je suis d'accord re: la vitesse et la fluidité du développement d'applications via Angulaire. Dans MVC ou WebForms (pouah) vous passer un peu de temps à la faire cracher le balisage, puis à faire un couple de passes boulonnage code client sur elle, qui se sent bizarre, c'est beaucoup de travail, et en raison de la déconnectés de la nature, les déchets beaucoup de temps à faire des choses simples.
    • Merci, moi aussi je me demandais pourquoi nous avons besoin des deux et il est venu ici. Je vois dans le post suivant, de ne pas utiliser MVC "rend votre site invisible aux moteurs de recherche". stackoverflow.com/questions/19609148/... Quel est le problème avec ça?
    • href="http://www.yearofmoo.com/2012/11/angularjs-and-seo.html" >Ceci offre de RÉFÉRENCEMENT amour.
    • Parce que quand j'ai renommer une propriété sur un modèle en particulier, je n'ai pas à creuser autour AngularJS pour "chaînes magiques"? Angulaire est agréable, mais dans une stricte type de coffre-fort monde de .net, une intégration plus étroite permet de tirer parti de sécurité de type côté serveur.
    • Smith: j'ai eu de cet argument à plusieurs reprises avec des personnes dans mon équipe, mais à la fin code de conventions, les tests unitaires et la séparation des préoccupations offre beaucoup plus que tous les type de sécurité dans le monde. Moi aussi, j'aimerais voir JS pour être remplacé par quelque chose comme C#, mais en réalité ce n'est pas le cas. Tout ce qui compte c'est le résultat que vous pouvez obtenir. Vos clients ne se soucient pas de vos préférences de codage, ils veulent un regard frais, lisse, exécution de site web, et ce, rapidement. Angulaire obtient que le travail soit fait.
    • btw, je ne dis pas de ne pas utiliser Angulaire. Je veux dire, vous pouvez l'effet de levier et de maillage des deux côtés. Vous pouvez générer des serveur de côté JS appel de la syntaxe razor pour le côté serveur de modèle nom de la propriété et de la sortie par le biais de cache + CAN. T4MVC peut générer de l'Ajax URL du point de terminaison et de la pompe à travers le JS, référence par RequireJS.
    • OK, je reçois ce que vous dites et je vous remercie pour l'explication. Mais c'est toujours dos répond pas complètement à la question. MVC a quelques très belles bult-dans les fonctionnalités que je ne suis pas sûr de la façon de mettre en œuvre facilement dans Angulaire seul. Par exemple, l'Authentification et l'Autorisation. Pour ne pas mentionner la voie de la facilité de mise en œuvre de connexion pour Google, Twitter, etc.. je suis confus sur la façon de faire usage de toutes les bonnes choses que ASP.NET MVC offre si je décide d'aller Angulaire seul. Donc, comment faire pour fusionner les deux?
    • Par exemple, lors de l'utilisation de KnockoutJS j'ai utilisé pour créer un normal ASP.NET MVC application et chaque point de vue de recevoir des données du modèle de la MVC du Contrôleur. Ensuite ces données à partir du serveur serait sérialisé en JSON et à partir de là, KnockoutJS serait de les transformer en données observables, donc, je voudrais obtenir les deux sens de la liaison de données. Et c'était super! Mais ce que nous faisons maintenant, depuis AngularJS a son propre système de routage? Ce qui se passe avec MVC de routage? Faisons-nous de l'utiliser à tous? Ce qui se passe maintenant avec "_Layout" afficher et @RenderBody()?
    • J'ai vraiment envie de continuer à utiliser le meilleur de ASP.NET MVC. Regardé un peu de cours, mais je n'ai pas trouvé cette réponse pour l'instant. Pouvez-vous m'aider ou me diriger vers n'importe quelle direction?
    • nous avons des cookies. Épique lulz

    InformationsquelleAutor null
  2. 43

    AngularJS est plus associé avec le single page application paradigme, et en tant que tel, n'a pas grand chose à tirer de technologies côté serveur qui rendent le balisage. Il n'y a pas de raison technique qui s'oppose à vous de les utiliser ensemble, mais dans un sens pratique, pourquoi le feriez-vous?

    Un SPA récupère les biens dont il a besoin (JS, CSS, HTML et points de vue) et fonctionne sur son propre, à informer les services pour envoyer ou récupérer des données. Ainsi, une technologie côté serveur est toujours nécessaire pour la prestation de ces services (ainsi que d'autres moyens tels que l'authentification et l'aime), mais le rendu des pièces sont largement hors de propos et n'est pas particulièrement utile, car il est une duplication des efforts, à l'exception MVC fait sur le côté serveur et Angulaire t-il sur le client. Si vous utilisez Angulaire, vous souhaitez sur le client pour obtenir de meilleurs résultats. Vous pouvez faire Angulaire de la poste des formulaires HTML et de récupérer des vues partielles de MVC actions, mais vous pourriez être absent dehors sur les plus simples et les plus caractéristiques de l'Angulaire et de rendre votre vie plus difficile.

    MVC est assez flexible et vous pouvez l'utiliser pour les appels de service à partir d'un SPA. Cependant, WebAPI est plus fine et un peu plus facile à utiliser pour de tels services.

    J'ai écrit un certain nombre d'applications AngularJS, y compris un couple qui ont migré à partir des WebForms et MVC applications, et la ASP.NET aspect évolue vers une plate-forme pour la prestation de l'application AngularJS que le client réel, et pour l'hébergement de la couche d'application, le client communique à la via de REPOS (à l'aide de WebAPI). MVC est un beau cadre, mais il se retrouve sans emploi dans ces sortes d'applications.

    L'ASP.NET l'application devient une autre couche de l'infrastructure, où ses responsabilités sont limitées à:

    • L'hôte de la dépendance conteneur.
    • Fil de la logique métier des implémentations dans le récipient.
    • Ensemble des actifs faisceaux pour JS et CSS.
    • Hôte WebAPI services.
    • Appliquer la sécurité, effectuer la journalisation et les diagnostics.
    • L'interfaçage avec l'application des caches pour la performance.

    Une autre grande chose au sujet d'un SPA, il peut augmenter la bande passante de votre équipe. Un groupe peut faire sauter sur les services, tandis que l'autre réside dans l'application cliente. Puisque vous pouvez facilement stub ou se moquer des services REST, vous pourriez avoir un travail entièrement client application sur maquette de services et d'échanger pour les vrais quand ils ont terminé.

    Vous avez à investir directement sur Angulaire, mais il paye de gros. Puisque vous êtes déjà familier avec MVC, vous avez une longueur d'avance sur certains des concepts de base.

    • Ok, donc je veux aller avec Angulaires et des ont une .NET back-end pour garder ma productivité avec l'API, Entity Framework, la sécurité, etc. Faire mes pages encore besoin d'un serveur maître-enfant de configuration/mise en page? Que dois-je utiliser pour que - WebForms (nan - puis-je obtenir viewstate), MVC, ASP.NET des Pages Web, ou autre chose?
    • Techniquement, vous n'avez pas besoin de n'importe quel serveur de pages, mise en page des pages, etc. Juste à droite HTML va faire. Toutefois, en fonction de la taille et de la complexité de votre demande, vous pouvez rompre votre Angulaire application dans plusieurs applications distinctes par la fonctionnalité (et vous pouvez accéder à partir d'une application à l'autre à l'aide d'un commun nav ou quoi que ce soit). Dans ce cas, vous pouvez utiliser une application de mise en page pour garder les choses à SEC et cohérente. En outre, vous utilisez probablement des actifs des ensembles de CSS ou de scripts, et d'avoir de la racine des pages qui sont de Rasoir ou tout ce qui pourrait amener les choses bien.
    • J'ai été en utilisant ASP.NET MVC depuis maintenant trois ans sur au moins 8 grands projets et je me suis habitué à cette belle mature à côté serveur-cadre. Cependant, je sais l'importance de SPAs et j'adore Angulaire, j'ai donc décidé aujourd'hui d'aller pour les mini-SPAs ou des applications hybrides... ou "SPA silos" comme Miguel Castro a appelés. Ma question est - Ce que sur l'autorisation et l'authentification? Je sais ASP.NET MVC facilite cette tâche siginficantly. Comment est-ce fait sans ASP.NET MVC?
    • Je pense que la question est plus une question de comment vous voulez faire de l'authentification dans WebApi vs MVC. Normalement, c'est avec les cookies (vous pouvez même utiliser FormsAuth ou ASP.NET l'Identité des témoins avec WebApi) ou les en-têtes (OAuth, etc.). L'approche est entièrement prise en charge par l'API Web et Angulaire, mais vous oblige à faire un choix sur la mise en œuvre. Il est difficile de donner une réponse précise sans plus de détails sur ce que vous faites et ce que vos objectifs sont.
    • Je comprends. Et maintenant, je pense que ce serait vraiment génial si j'avais eu plus de temps pour creuser dans l'API Web plus...
    InformationsquelleAutor HackedByChinese
  3. 6

    Cela dépend du projet sur lequel vous travaillez.

    Si angularJS est quelque chose de nouveau pour vous, je voudrais plutôt choisir un petit faible risque de pression/projet de commencer et de vous assurer que vous apprendre à faire les choses dans le droit chemin (j'ai vu de nombreux projets utilisant Angularjs mal à cause de la pression, les délais... manque de temps pour l'apprendre d'une manière appropriée, par exemple à l'aide de JQuery ou de l'accès aux DOM à l'intérieur de l'contrôleurs, etc...).

    Si le projet est un champ vert, et vous avez acquis une certaine expérience sur AngularJS, il est logique d'abandonner ASP.net MVC et dans le côté serveur aller pour un pur REPOS/WebAPI.

    Si c'est un projet existant, vous pouvez ramasser un complexe sous-ensemble de la fonctionnalité et à bâtir une page séparée, angularJS application (par exemple, votre application est composée d'un gros bouquet de standard simple /moyen complexité de Rasoir en fonction des pages, mais vous avez besoin et éditeur avancé /page, qui pourraient être la cible morceau de construire avec AngularJS).

    • J'aime votre réponse et convenir à la plupart de ce que vous avez dit. Cependant il y a une chose qui me trouble. ASP.NET MVC est une très belle et mature web côté serveur-cadre avec beaucoup de fonctionnalités intégrées telles que l'authentification et l'autorisation. Vous avez écrit que l'on pouvait abandonner ASP.NET MVC afin de passer pour un pur REPOS/WebAPI. Maintenant je me demande: Est l'authentification et l'autorisation, facile à accomplir que dans ASP.NET MVC? Pour ne pas mentionner combien il est facile à mettre en œuvre le protocole OAuth pour Google etc.. Donc ma question est, combien il est facile d'accomplir toutes les thigs avec le RESTE/WebAPI. Donc, je considère avoir un mini SPA.
    • Dans notre cas, on a mis en place un jeton dans chaque requête http (http par défaut seul endroit pour l'ajouter) utiliser ASP .net MVC, web api AuthorizeAttribute pour vérifier le jeton et autorisations, vous pouvez aussi bien à l'intérieur de l'api web méthode d'obtenir le jeton et d'effectuer plus d'amende à l'écoute de contrôle de sécurité. Si vous avez besoin d'OAuth il y a des bibliothèques sur le côté angulaire de vous aider avec ça.
    InformationsquelleAutor Braulio
  4. 0

    Vous pouvez utiliser Angulaire cadre pour le développement front end, je.e pour construire des points de vue. Il vous fournit une architecture robuste et une fois que vous apprenez que vous trouverez les avantages de plus de Asp.net MVC rasoir moteur d'affichage. Pour récupérer les données, vous devez utiliser WebAPIs et maintenant ASP.Net MVC projet de soutien à la fois WebAPI et des contrôleurs MVC hors de la boîte. Vous pouvez consulter ci-dessous le lien de commencer avec des angles et ASP.Net MVC de développement d'applications.

    http://hive.rinoy.in/angular4-and-asp-net-mvc-hybrid-application/

    Il y a deux cadres actuellement disponibles pour le développement des composants de l'INTERFACE utilisateur angulaire applications. J'ai utilisé deux de ces cadres dans l'un des angulaire des projets qui j'ai travaillé.

    Matériel
    https://material.angular.io/

    PrimeNG
    https://www.primefaces.org/primeng/#/

    InformationsquelleAutor rinoy