Fermer

janvier 30, 2019

Construire une application angulaire exploitant Sitefinity


Dans ce didacticiel, découvrez comment créer une application angulaire utilisant les services OData de Sitefinity CMS à l'aide du SDK OData simple à utiliser de Sitefinity.

Le CMS Sitefinity fournit de puissantes fonctionnalités de gestion de contenu et des API robustes permettant de consommer du contenu via Les services OData, vous permettant de mettre en œuvre des cas d’utilisation sans système de gestion de contenu. Dans de tels scénarios, vous créez et organisez votre contenu via Sitefinity CMS et vous l'exposez à l'aide de l'API RESTFul prête à l'emploi. Cette approche vous permet de développer et de diffuser ce contenu sur différents appareils et de tirer parti des infrastructures frontales les plus populaires.

Cet article explique comment créer une application angulaire utilisant les services OData de CMS Sitefinity. Vous ne devez pas être trop familiarisé avec les requêtes HTTP ou le protocole OData, car nous utiliserons le SDK OData de Sitefinity (également appelé ci-après WebServices SDK). Le SDK est disponible via npm et possède une API simple et complète. Le SDK évoluera constamment en 2019 avec d’autres améliorations fonctionnelles et documentaires.

Conditions préalables

  1. Notre application utilise des données provenant d'une instance de Sitefinity CMS. Dans cet exemple, nous utilisons un site Web Sitefinity à l’essai hébergé (Sandbox). Si vous n'en avez pas, la création ne prend que quelques clics. Commencez ici: https://www.progress.com/sitefinity-cms/try-now/sandbox .
  2. Node.js 8.10+
  3. Clavier angulaire ( https://github.com/angular/angular-cli/wiki )
  4. Le code source complet de l'application que nous sommes Vous pouvez en discuter ici: https://github.com/Sitefinity/QuantumHeadlessAngularApp

Configuration initiale

  1. Commencez par créer une nouvelle application Angular et donnez-lui un nom
     . ng new new QuantumHeadlessAngularApp

        

  2. Ajoutez sitefinity-webservices-sdk en tant que dépendance npm et installez-le.
     npm installez sitefinity-webservices-sdk --save

        

  3. Ajoutez une référence au site javascript de sitefinity-webservices-sdk dans le fichier angular.json. 
     "scripts" :   [
      "node_modules / sitefinity-webservices-sdk / dist / sitefinity-webservices-sdk.js" 
     ] 
     
     Le meilleur outil 2023 pour ta croissance Instagram ! 
     
     
       
     
    Source link