Créer un média source pour votre accès client #6 [Niveau intermédiaire]

• 03 octobre 2016
• Steeve

Pour ce tutoriel vous n’avez pas besoin d’avoir de connaissance particulière.

Ce tutoriel est réalisé sur MODX Revolution 2.3.5-pl (traditional)

Maintenant que vous avez pu voir et comprendre comment créer un accès restreint au gestionnaire de site pour limiter ce a quoi ont accès dans le gestionnaire du site vos clients ou vos éditeurs, nous allons voir comment leurs donner un accès afin qu’ils puissent gérer leurs média (images, vidéos, PDF, MP3, etc...). Mais cet accès doit être restreint car il ne faudrait pas qu’ils puissent modifier des fichiers servants au bon fonctionnement du site Internet et/ou du gestionnaire de site web MODX.

Pour créer ce nouveau « média source », vous devez vous rendre dans Média > Media source.

Dans la nouvelle fenêtre vous trouverez une liste de tous les média sources déjà créé. Pour le moment vous n’avez que celui par défaut nommé « filesystem ».

Cliquez sur le bouton « Créer un nouveau Média Source » pour en créer un nouveau, et remplissez comme ci-dessous :

Nom : Client Media Source
Description : Le média source pour l'accès client.
Type de source : Système de fichier

Vous avez deux choix pour le système de fichiers (Système de fichiers et Amazon S3) qui sont les principaux système déjà créé pour vous.

Le système de fichiers est le système de fichiers classique, les fichiers seront hébergés sur votre espace web, au même endroit que la ou sont les fichiers qui constituent votre site Internet.

Le système de fichiers Amazon S3 vous permet d’héberger les fichiers utilisés sur votre site par Amazon. L’avantage est que quand un internaute appel une des vos pages de votre site web, il n’y a pas que le serveur qui héberge votre site Internet qui envoie les fichiers, il y aussi les fichiers qui seront hébergés par Amazon. Ceci seront donc envoyés par le serveur d’Amazon ce qui sera un avantage pour le temps de chargement de vos pages web. Si vous souhaitez plus d’information sur l’hébergement de fichiers avec Amazon S3 c’est par ici : Amazon S3

Vous pouvez d’ailleurs créer votre propre système de fichier si vous désirez, ou rajouter Dropbox ou Google Drive comme type de système de fichiers. Voici un tutoriel en Anglais réalisé par Mark Hamstra pour créer un  système de fichiers avec Dropbox : Dropbox Media Source

Dans mon exemple je vous montre comment utiliser le média source avec le système de fichiers classique (fichiers sur votre espace web).

Vous n’avez plus qu’à cliquer sur « enregistrer » pour créer le nouveau « Média Source ». Une fois enregistré, nous allons a présent le configurer. Cliquez droit sur le nouveau média source fraichement créé et choisissez « Mettre à jour le Media Source ».

Ci-dessous la liste de toutes les propriétés disponibles pour notre média sources :

• basePath 
• basePathRelative (oui/non)
• baseUrl
• baseUrlRelative (oui/non)
• allowedFileTypes
• imageExtensions
• thumbnailType
• thumbnailQuality
• skipFiles

Dans mon exemple je voudrais que les client n’est accès qu’a un seul dossier nommé « upload », lui même situé dans le dossier de MODX « assets ». Ils pourront à terme créer des sous dossiers, ajouter des fichiers mais ce uniquement à l’intérieur du dossier « upload », selon les configurations que vous avez fait lors de la création de votre accès limité pour les clients. Vous pourrez toujours modifier leurs droits d’accès en modifiant votre « Accès client ».

Dans un premier temps vous devez donc créer le fameux dossier « upload » dans le dossier « assets » en passant par FileZilla ou par le « Gestionnaire de fichiers ».
Allez dans Média > Gestionnaire de fichiers.

Faites un clique droit sur le dossier « assets » puis cliquez sur « Créer un répertoire ici ».

Dans la fenêtre pop-up remplissez le champ « nom » avec « upload » et normalement si vous avez cliquez au bonne endroit précédemment vous devriez avoir « assets » dans le champ «  Répertoire parent ».

Vous devriez voir le nouveau dossier créé comme dans mon image ci-dessous.

Maintenant retourné dans la fenêtre de mise à jour de votre nouveau média source « Client Media Source » pour le configurer comme ci-dessous.

basePath : /assets/upload/
basePathRelative : oui
baseUrl : assets/upload/
baseUrlRelative : oui
allowedFileTypes :   txt,html,htm,xml,js,css,zip,rar,mp3,mp4,
aac,wav,wmv,avi,mpg,mpeg,pdf,doc,docx,xls,
xlsx,ppt,pptx,jpg,jpeg,png,gif,ico,bmp
imageExtensions : jpg,jpeg,png,gif
thumbnailType : PNG
thumbnailQuality : 90
skipFiles : .svn,.git,_notes,nbproject,.idea,.DS_Store

Vous pouvez choisir de ne pas autoriser autant de fichiers que je l’ai fait ou choisir une qualité des miniatures différente de la mienne si vous le désirez.

Vous avez désormais un média source pour vos clients. Ci-dessous le nouveau média source dans l’onglet « Fichiers » du manager de MODX.

Ci-dessous le nouveau média source dans le système de fichiers du manager de MODX.

Pour limiter votre client pour qu’il est accès seulement au « média source client », il faut aller dans « Listes des contrôles d’accès » dans le menu « paramètres » en haut à droite.

Dans la fenêtre « Listes des contrôles d’accès », onglet « Groupes d’utilisateurs », cliquez droit sur votre « Accès client » pour le mettre à jour.

Puis vous devez ajouter dans l’onglet « Autorisations » et le sous onglet « Accès Media Source » le média sources auquel votre client n’aura pas accès. Je sais c’est un peu capillotracté (tiré par les cheveux) de devoir limiter au lieu de laisser accéder. Pour ce faire dans l’onglet « Autorisations » et le sous onglet « Accès Media Source » cliquez sur « Ajouter un Media Source » et remplissez comme ceci :

• Source : Filesystem
• Rôle minimal : Super user – 0
• Règle d'accès : Media Source Admin

Et cliquez sur « enregistrer » pour sauvegarder cette nouvelle configuration. 

Pui cliquez sur encore sur « enregistrer » pour sauvegarder le « groupe d’utilisateurs ».

Par sécurité vider le cache de toutes les permissions avant de tester votre configuration client en cliquant sur Administration > Vides le cache des permissions.

Vous n’avez plus qu’à tester votre configuration. Pour éviter toutes confusions, j’ouvre un nouveau navigateur, j’accède à l’interface administrateur de MODX de mon site web avec les codes client. Puis un fois dans l’interface je clique sur Média > Gestionnaire de fichiers. Vous devriez arriver directement dans le dossier « upload » et ne voir que les sous dossiers que vous avez créé. Si vous essayez de changer de média source, vous ne devriez trouver que celui auquel votre client à accès.

Contrairement ou vous, l’administrateur, vous avez accès à tous les média sources disponibles.

Voilà ce tutoriel sur MODX est fini, j’espère qu’il vous sera utile. Merci de partager un maximum si tel est le cas afin de me donner un coup de main au développement de la communauté de MODX.