SharePoint 2010 : Déploiement D application Silverlight 2010

Transcription

1 1

2 Contents Introduction... 3 Pré requis :... 4 Coté développer... 4 Cotez serveur :... 4 Coté clients :... 4 Installation d une Plateforme de développement Pour les développeurs... 5 Installation de SharePoint foundation sur Windows 7 : Installation des Prérequis... 5 Installation de SharePoint foundation sur Windows 7 : Installation de SharePoint Configuration de SharePoint et création d un site à l aide de l assistant de configuration Installation de Visual Studio Application Silverlight création et déploiement via les paquets wsp Création de l application Silverlight Création d un projet SharePoint et déploiement Déployer une application Silverlight en mode texte Conclusion

3 Introduction Silverlight est un plugin pour navigateur Web multiplateforme. Il permet la lecture de contenus multimédia comme des vidéos (MPEG4, H264, Windows Media) du son etc...il permet aussi de développer des applications web riches (Riche Internet Applications, ou RIA) Pour créer des applications Silverlight une certaine maitrise du XAML pour l'interface et du code VB ou C# pour le code behind est nécessaire. La Suite Expression Studio Permet de réaliser des applications et des animations Silverlight de manière assisté. SharePoint est une plateforme collaborative permettant la gestion de contenu, de document et peut servir de générateur de site de blog etc...le déploiement d application Silverlight a été facilité à l arrivée de SharePoint En effet la version 2007 ne supportait pas en natif Silverlight ce qui est le cas avec SharePoint Le ruban permet en quelque clique l intégration des applications Silverlight. 3

4 Pré requis : Coté développer Visual Studio 2010 qui est l IDE recommandé pour le développement en.net (C#, VB, J#...) dans sa version si vous ne disposez pas de License sachez qu une version gratuite la version Visual studio express reste disponible sur le site de téléchargement de Microsoft. Silverlight 3 ou 4 SDK selon la version que vous souhaitez utilisé sur le site de téléchargement de Microsoft Je vais utilisez la version 3 pour ce tutorial. Blend 4 qui est un outil permettant la conception de l interface de votre application vous pourrez avoir une version d évaluation de 60jours sur le site de Microsoft. Cependant sachez que blend n est pas obligatoire pour ce tutorial Visual Studio permet d avoir une vue simplifié pour crée une interface Les deux dll suivante : o o Microsoft.SharePoint.Client.Silverlight.dll Microsoft.SharePoint.Client.Silverlight.Runtime.dll Cotez serveur : Une ferme SharePoint 2010 installé et configurer Coté clients : Composant Silverlight. 4

5 Installation d une Plateforme de développement Pour les développeurs Installation de SharePoint foundation sur Windows 7 : Installation des Prérequis Ouvrez un terminal cmd et via la commande cd rendez-vous le répertoire ou se trouve l installation de SharePoint foundation ou pressez la touche shift et faite clique droit. Et cliquez sur «ouvrir une fenêtre de commandes ici». Figure 1 Nous allons commencer par créer un répertoire de destination pour les composants d installation de SharePoint foundation. Via la comande «mkdir <Nom du répertoire>». Figure 2 Nous allons maintenant extraire les fichiers de l installeur de SharePoint foundation. Via la comande : «SharePointFoundation /extract:<repertoire de destination>». 5

6 Figure 3 Nous allons maintenant modifier le fichier config.xml afin d autoriser l installation de SharePoint sur Windows 7. Le fichier config.xml se trouve dans «<répertoire de package>\files\setup». Et il faudra rajouter la ligne : <Setting Id="AllowWindowsClientInstall" Value="True"/> Votre fichier ressemblera à celui-ci <Configuration> <Package Id="sts"> </Package> <Setting Id="SETUPTYPE" Value="CLEAN_INSTALL"/> <DATADIR Value="%CommonProgramFiles%\Microsoft Shared\Web Server Extensions\14\Data"/> </Configuration> <Logging Type="verbose" Path="%temp%" Template="Microsoft SharePoint Foundation 2010 Setup *.log"/> <Setting Id="UsingUIInstallMode" Value="1"/> <Setting Id="SETUP_REBOOT" Value="Never" /> <Setting Id="AllowWindowsClientInstall" Value="True"/> Ne sautez surtout pas l étape précédent car sinon vous aurez une fenêtre d erreur comme celleci vous lancez l application: 6

7 Figure 4 Commençons par installer les prérequis logiciel qui seront pour SharePoint foundation : Microsoft Sync Framework SQL Server Native Client Windows Identity Foundation ADO.NET Data Services v1.5 Microsoft Filter Pack 2.0 Disponible sur le site de microsoft. Dans Un premier temps nous allons installer Microsoft Sync Framework il s agit d une installation basique avec quasiment que des suivants. 7

8 Figure 5 Figure 6 Figure 7 8

9 Figure 8 Maintenant nous allons procéder à l installation de SQL server Native Client Figure 9 Figure 10 9

10 Figure 11 Figure 12 Figure 13 10

11 Figure 14 Figure 15 Apres nous allons installer la mise à jour Windows Windows Identity Framework. Figure 16 11

12 Figure 17 Figure 18 Installons ADO.NET Data Services v1.5 toujours pareil il s agit d une succession de suivant. Figure 19 12

13 Figure 20 Figure 21 Maintenant nous allons installer Microsoft Filter Pack 2.0 : Figure 22 13

14 Figure 23 Figure 24 Figure 25 Maintenant il est nécessaire d activé IIS 7.5 ainsi que certaine fonctionnalité qui je rappelle est un serveur de service web. Deux méthodes pour installer le service IIS 7.5 via le panneau de configuration Programmes et fonctionnalités: 14

15 Figure 26 Et cochez les cases dans la section service Internet IIS : Dans Outils d administration web Console de gestion IIS Scripts et outils de gestion IIS Compatibilité avec la gestion IIS 6 o Compatibilité avec la métabase IIS et la configuration IIS 6 o Compatibilité avec le service WMI IIS 6 Dans Services World Wide Web Etat de santé et diagnostics o Journalisation HTTP o Journalisation personnalisée o Observateur de demandes o Outils de journalisation o Suivi Fonctionnalités de développement d application o APS.NET 15

16 o o o Extensibilité.NET Extensions ISAPI Filtres ISAPI Fonctionnalités de performances o Compression de contenu dynamique o Compression du contenu statique Fonctionnalités HTTP communes o Contenu Statique o Document par défaut o Erreurs HTTP o Exploration de repertoire Sécurité o Authenfication de Base o Authentification Digest o Authentification Windows o Filtrage des demandes Selon moi la méthode la plus simple est la réalisation d un script permettant d installer IIS. (veuillez penser à retirer les saut de ligne avant de lancer la commande). start /w pkgmgr /iu:iis-webserverrole;iis-webserver;iis-commonhttpfeatures; IIS-StaticContent;IIS-DefaultDocument;IIS-DirectoryBrowsing;IIS-HttpErrors; IIS-ApplicationDevelopment;IIS-ASPNET;IIS-NetFxExtensibility; IIS-ISAPIExtensions;IIS-ISAPIFilter;IIS-HealthAndDiagnostics; IIS-HttpLogging;IIS-LoggingLibraries;IIS-RequestMonitor;IIS-HttpTracing;IIS- CustomLogging;IIS-ManagementScriptingTools; IIS-Security;IIS-BasicAuthentication;IIS-WindowsAuthentication;IIS- DigestAuthentication; IIS-RequestFiltering;IIS-Performance;IIS-HttpCompressionStatic;IIS- HttpCompressionDynamic; IIS-WebServerManagementTools;IIS-ManagementConsole;IIS-IIS6ManagementCompatibility; IIS-Metabase;IIS-WMICompatibility;WAS-WindowsActivationService;WAS-ProcessModel; WAS-NetFxEnvironment;WAS-ConfigurationAPI;WCF-HTTP-Activation; WCF-NonHTTP-Activation 16

17 Figure 27 Vérifions que le service IIS fonctionne via Internet Explorer. Figure 28 17

18 Installation de SharePoint foundation sur Windows 7 : Installation de SharePoint 2010 Lancer le fichier setup.exe qui se trouve dans le répertoire dans lequel vous avez extrait les paquets d installation. Cochez la case «J accepte les termes de ce contrat.» cliquez sur continuer. Figure 29 Cliquez sur Batterie de serveurs. Figure 30 18

19 Cochez la case Installation en mode autonome qui va permettre d installer SharePoint 2010 en mode autonome c est dire avec un le moteur SQL express Nous allons voir comment le mettre à jour et le faire passer à la version 2008R2 Figure 31 Figure 32 Décochez la case «Exécuter l assistant de configuration des produits SharePoint». Et cliquez sur fermer 19

20 Figure 33 Cliquez sur «Mise à niveau de SQL serveur 2000,» Figure 34 Cliquez sur Install pour installer les fichiers de support du programme d installation. 20

21 Figure 35 Acceptez les termes du contrat. Et cliquez sur suivant. Figure 36 Sélectionnez l instance de base donnée à mettre jour. Et cliquez sur suivant. 21

22 Figure 37 Cliquez sur suivant. Figure 38 Ici nous avons un résumé sur l espace disque qui sera consommé. Et cliquez sur suivant. 22

23 Figure 39 Ici le fait de cochez la case permettra d envoyer les rapports de d erreur chez Microsoft. Cliquez sur suivant. Et le processus d installation commencera. Figure 40 23

24 Figure 41 Cliquez sur fermer. Figure 42 24

25 Configuration de SharePoint et création d un site à l aide de l assistant de configuration Lancer l assistants de configuration des produits SharePoint. Figure 43 Cliquez sur suivant et à l apparition de l alerte cliquez sur ok. Figure 44 Il s agit d un avertissement vous prévenant que votre SharePoint doit être utiliser à des fin de développement et pas autre chose. Puis au second message clique sur oui il vous indique que certain service vont être redémarré. 25

26 Figure 45 Figure 46 Et la configuration de la ferme se lance immédiatement. Figure 47 26

27 L installation s est terminer cliquez sur Terminer. Figure 48 Voilà notre SharePoint 2010 est installé sur mon Windows 7 Professionnel. Figure 49 Maintenant nous allons créer une bibliothèque dans laquelle nous stockerons les applications déployer cliquer sur : Action du site puis cliquez sur autre option cliquez sur Bibliothèque de document saisir un nom. Et cliquez sur créer. 27

28 Figure 50 Maintenant que nous avons installé notre SharePoint de développement nous allons installer notre IDE Visual studio

29 Installation de Visual Studio 2010 Cliquez sur Installer Microsoft Visual Studio Figure 51 Patientez pendant le chargement des modules pour Visual studio 2010 Figure 52 Accepté les termes de License et cliquez suivant. 29

30 Figure 53 Pour le moment on choisira l installation complète qui installera tous les composants de Visual studio En cliquant sur personnalisé vous pourrez choisir de ne pas installer les composant de langage (J#, VB.NET etc..) que l on ne compte pas utilisée. Je vous conseille de vous rapprocher sur du site labo-dotnet ou des sites sur les techno.net. cliquez sur installer. Figure 54 L installation peut durer environs entre 30 à 40 minutes. Des redémarrage seront nécéssaire. 30

31 Figure 55 Cliquez sur terminer. Pour terminer l installation. Figure 56 Bien sûr pour plus d option dans votre développement en silverlight vous pouvez installer la suite Expression de Microsoft, les composant Ria Services, RiaServices_Toolkit, Silverlight 4 SDK, et surtout Silverlight développer etc Maintenant que nous avons installé notre environnement de développement nous allons pouvoir développer une application puis la déployer. 31

32 Application Silverlight création et déploiement via les paquets wsp Création de l application Silverlight Lancer Visual Studio Et créer un nouveau projet application Silverlight et cliquez sur ok pour lancez la création des fichiers nécessaires pour commencer à développer. Figure 57 Donnez ici un nom à votre projet web définissez la version de Silverlight 3 ou 4 ici. Et cliquez sur ok. Figure 58 Votre projet est créé. Nous allons via une référence dire que notre application sera utilisée pour une application SharePoint. Pour se faire nous allons ajouter les référence nécessaire pour le développement de l application ainsi qu as sont déploiement. 32

33 Figure 59 Dans l explorateur de solution, dans la partie références faite un clic droit ajouté une référence (ici add reference comme nous utilisons une version anglaise de Visual studio) Figure 4. Figure 60 Dans l onglet parcourir allez dans C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\ClientBin Et sélectionnez les deux dll suivante. Microsoft.SharePoint.Client.Silverlight.dll Microsoft.SharePoint.Client.Silverlight.Runtime.dll Et cliquez sur ok. 33

34 Notez que je développe sur l application sur le serveur directement. Mais rien ne vous empêche de récupérer ces références sur le serveur. Figure 61 Vous devriez avoir le résultat de la figure suivante. Figure 62 Faite un clique droit puis afficher le code. Vous verez votre code behind. Figure 63 34

35 Maintenant nous allons importer les références dans notre projet. Via la ligne : using Microsoft.SharePoint.Client; Figure 64 Maintenant il faut implémenter le code de votre application Silverlight. Pour nos besoin on va simplement réalisez une application qui lit une vidéo mon clip «Avec toi». Vu que je ne suis pas un artiste du code je vais utiliser expression blend. Pour créer rapidement une application. Figure 65 35

36 Mon code au final ressemblera à ceci : XAML <UserControl x:class="monlecteurvide.main" xmlns=" xmlns:x=" xmlns:d=" xmlns:mc=" mc:ignorable="d" d:designheight="400" d:designwidth="500"> <Grid x:name="layoutroot" Background="White" Width="500" Height="400"> <MediaElement x:name="test_wmv" Margin="20,29,20,84" Source="/video/Marysa.wmv" Stretch="Fill"/> <Button Content="Play" x:name="playbut" HorizontalAlignment="Left" Height="30" Margin="35,0,0,27" VerticalAlignment="Bottom" Width="104" Click="PlayBut_Click" /> <Button Content="Pause" x:name="pausebut" Height="30" Margin="152,0,242,27" VerticalAlignment="Bottom" Click="PauseBut_Click" /> <Slider HorizontalAlignment="Right" Height="17" Margin="0,0,53,27" VerticalAlignment="Bottom" Width="145" x:name="vol" Minimum="0" Maximum="1" Value="{Binding Mode=TwoWay,ElementName=test_wmv,Path=Volume}"/> </Grid> </UserControl> C# using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using Microsoft.SharePoint.Client; namespace MonLecteurVide { public partial class Main : UserControl { public Main() { InitializeComponent(); } private void PlayBut_Click(object sender, RoutedEventArgs e) { test_wmv.play(); } } } private void PauseBut_Click(object sender, RoutedEventArgs e) { test_wmv.pause(); } 36

37 Maintenant que notre application Silverlight a été créée nous allons le déployer via Visual studio. Création d un projet SharePoint et déploiement Toujours dans notre solution. Nous allons créer un projet SharePoint2010 Figure 66 Figure 67 Visual Studio vous propose dans un premier temps de spécifier la collection de site qui fera office de debuggage. Puis vous demande si il s agit d une solution sandbox(qui permet de lancer les application en développement donnant le pouvoir a votre SharePoint 2010 de stopper l application si elle devient trop gourmande il est recommander de l utiliser en phase de test nous verrons après que dans le processus d un vrai déploiement la seconde option sera la bonne afin de déployer l application définitivement). Cliquez sur terminer. Vous aurez le résultat de la figure

38 Figure 68 Figure 69 Maintenant nous allons ajoutez un élément module qui permettra de déclarer notre application Silverlight dans notre.wsp. clic droit sur le projet ajouter > Nouvel element. 38

39 Figure 70 Prenez le fichier module. Et cliquez sur ajouter. Figure 71 Ici nous avons un exemple pour la déclaration d un fichier exemple «Sample.txt) Figure 72 39

40 Supprimons le fichier sample.txt vous devriez avoir le résultat suivant : Figure 73 Nous allons procédez a la déclaration de notre fichier.xap (application Silverlight). Tous d abord cliquez sur le module que nous venons de créer puis dans la section propriété cliquez sur références de sortie de projet. Figure 74 40

41 Dans la section nom du projet sélectionnez le nom de votre projet. Comme type de projet Elementfile et automatiquement des lignes viendront se rajoutez dans votre Element.xml. Figure 75 Figure 76 Rajoutez dans la balise Module Url= «Apps1» (cela peut différer pour vous). Votre fichier devrait ressembler. Figure 77 41

42 Nous allons modifier les actions de déploiement tous d abord toujours dans la solution SharePoint faite un clic droit les propriétés de la solution dans la section SharePoint Ajouter une nouvelle configuration ayant les mêmes paramètres que l écran 78 et 79. Figure 78 Figure 79 Mettez votre l option Solution bac à sable à false dans les propriétés du projet. 42

43 Figure 80 Compiler votre projet. Vous devriez avoir un résultat semblable aux figures 81 et 82. La figure 81 il s agit des logs de déploiement de ma solution sous Visual studio. Et la figue 82 il s agit de la liste des fonctionnalité et on voit bien que mon application MyDeployment feature1 a été déployer convenablement. Figure 81 Figure 82 43

44 Rendons nous sur la page d accueil. Rendez-vous sur le site récemment crée cliquez sur éditer la page soit en cliquant sur l icône gauche de parcourir (la feuille avec le crayon ou action du site puis modifie la page. Figure 83 Allez sur l onglet insérer et cliquez Composant WebPart. Cela nous permettra d intégrer des composants de tous types (Silverlight, Excel,.) 44

45 SharePoint 2010 : Déploiement D application Silverlight 2010 Figure 84 Allez dans media et contenu puis sélectionnez composant intégrer Silverlight. Cliquez sur ajouter. Figure 85 Au popup vous allez rentrer l url de votre application *.xap pour nous se sera : 45

46 qui donne en chemin relatif : ~site/apps1/mesmodules/monlecteurvide.xap Figure 86 Sur la flèche en à droite du composant Silverlight cliquez sur modifier le composant webpart permet d accéder aux propriétés du composant taille titre etc Figure 87 Nous venons de déployer le composant Silverlight avec Visual studio. 46

47 Figure 88 Bien sûr vous pourrez voir le fichier wsp dans l administration centrale de SharePoint (qui la console qui permet la gestion et la configuration complète de votre SharePoint) dans la section administration centrale puis gestion des solutions. Figure 89 Maintenant que nous avons réalisé un déploiement avec Visual studio nous allons maintenant le faire avec les outils en mode texte. 47

48 Déployer une application Silverlight en mode texte Recréer un projet SharePoint 2010 comme vu précédemment avec un nom différent et des paramètres différents. Mon Projet Silverlight sera sensiblement pareil sauf qu ici je vais changer le clip de celui-ci. Figure 90 Allez dans le menu générer puis cliquez sur package pour générer le.wsp Figure 91 Rendons nous dans le répertoire ou se situe le.wsp. pour se sera dans le «C:\Users\Administrateur\Documents\Visual Studio 2010\Projects\LaFouineAmiralT\AdmirlDeploy\bin\Debug\» Pour vérifier la présence du.wsp 48

49 Figure 92 Nous allons commencer le déploiement de se.wsp via power Shell et la commande Add-SPSolution qui uploade la nouvelle solution et Install-SPSolution qui installe celle-ci Pour cela lancer SharePoint 2010 Management Shell. Une console power Shell va se lancer Figure 93 A dans le répertoire du fichier wsp grâce à la commande cd.\<chemin du repertoire du fichier wsp> Et tapez la commande dir pour vérifier la présence des fichiers. 49

50 Figure 94 Dans un premier temps nous allons uploader la solution via la commande : Add-SPSolution <chemin de la du fichier.wsp> Puis nous allons vérifier l états de déploiement des application via la commande Get-SPSolution Figure 95 Maintenant nous allons déployer (installer) la solution via la commande : Install-SPSolution Identity <le nom du fichier.wsp> GACDeployment 50

51 Figure 96 Maintenant rendez-nous sur la collection de site sur lequel nous faisons nos tests cliquez sur action du site puis paramètre du site : Figure 97 51

52 Dans la section action du site cliquer sur gérer les fonctionnalités. Figure 98 Et activer la solution que vous venez de créer maintenant retournons dans la bibliothèque d application le Apps que nous avons créé. Figure 99 Retournons sur la page d accueil et nous allons de nouveau effectuer les mêmes étapes pour l ajout d un composant web part Silverlight. Normalement vous devriez avoir un résultat semblable. Figure

53 Conclusion SharePoint 2010 confirme bien sa facilité d usage. En effet nous avons vu comment déployer des applications Silverlight tous d abord via Visual studio l IDE en quelque clique nous avons des applications prêt à être déployer en quelque seconde. Avec des outils en mode texte via les applets PowerShell Add-SPSolution et Install-SPSolution qui viennent remplacer l outils stsadmin de SharePoint. Concernant les outils sandbox très utiles pour les environnements de test et de débogage il permet au développeur d étudier les réactions dans un environnement sensible sans pour autant déployer le réelement. Néanmoins il existe d autres outils de déploiement de SharePoint comme SharePoint Solution Installer V2.0 de codeplex qui vous permettra de déployer vos applications. Pour le déploiement des applications je vous invite fortement de visiter des sites comme codeplex et Microsoft pour vos applications SharePoint. 53