====== Ajouter une application web dans DSM ======

==== Méthode "mods" from GitHub ====
Utiliser l'outil disponible [[https://github.com/vletroye/Mods|ici]] pour créer un package ''spk'' qu'il faut ensuite installer par le gestionnaire de packages.

==== Methode application.cdg (obsolète) ====
Depuis DSM 5, l'interface fait appel au script ''synohdpack.cgi'' pour récupérer les fichiers d'icones.
Il faut donc que l'appel se fasse convenablement par l'url suivante : \\
''/webman/synohdpack.cgi?method=getHDIcon&res=72&retina=false&path=webman/3rdparty/freebox/free_{0}.png''


Tout se passe dans ''/volume1/@appstore'' où il vous faut créer les répertoires suivants :
<code>
/volume1/@appstore/freebox/
/volume1/@appstore/freebox/app
/volume1/@appstore/freebox/env
/volume1/@appstore/freebox/var
</code>

Dans le répertoire ''/volume1/@appstore/freebox/app'' vous allez créer le fichier ''application.cfg'' avec le contenu suivant : 
<file apache application.cfg>
text = Freebox
description = Freebox
icon_32=free_48.png
type = embedded
protocol = https
port = 443
address=www.example.com
path=/
</file>

Le **type** peut également être configuré à ''url'' pour que le bouton ouvre un nouvel onglet.


Ensuite, il faut créer un lien symbolique ''freebox'' dans ''/usr/syno/synoman/webman/3rdparty/'' qui pointe vers ''/volume1/@appstore/freebox/app'':
<code bash>
cd /usr/syno/synoman/webman/3rdparty/
ln -s /volume1/@appstore/freebox/app freebox
</code>

Ensuite, il suffit de créer un répertoire images ici : ''/usr/syno/synoman/webman/3rdparty/sickbeardbutton/**images**''

Et de mettre les fichiers images attendus directement dans ''/volume1/@appstore/freebox/app'' :
<code bash>
find /volume1/@appstore/freebox/app  
/volume1/@appstore/freebox/app
/volume1/@appstore/freebox/app/application.cfg
/volume1/@appstore/freebox/app/free_48.png
</code>

Le script se chargera de récupérer le fichier correspondant.

==== Methode config (ne marche pas)====
Tout se passe dans ''/usr/syno/synoman/webman/3rdparty/''

Il faut créer un répertoire comme par exemple : 
<code bash>
cd /usr/syno/synoman/webman/3rdparty/
mkdir sickbeardbutton
cd sickbeardbutton
</code>


Ensuite, il faut créer un fichier ''config'' avec le contenu suivant : 
<file json config>
{
    ".url": {
        "com.synocommunity.packages.sickbeardbutton": {
            "title": "SickBeard",
            "desc": "SickBeard Custom Web UI",
            "icon": "images/sickbeard-custom-{0}.png",
            "type": "legacy",
            "url": "/sickbeard/home/",
            "protocol": "https",
            "port": "443",
            "allUsers": true,
            "grantPrivilege": "local"
        }
    }
}
</file>

Le **type** peut également être configuré à ''url'' pour que le bouton ouvre un nouvel onglet.

Ensuite, il suffit de créer un répertoire images ici : ''/usr/syno/synoman/webman/3rdparty/sickbeardbutton/**images**''
Et de mettre les fichiers images attendus (16 et 32 pixels) : 
<code bash>
find /usr/syno/synoman/webman/3rdparty/sickbeardbutton/  
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/application.cfg
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/images
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/images/sickbeard-custom-16.png
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/images/sickbeard-custom-48.png
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/images/sickbeard-custom-32.png
/usr/syno/synoman/webman/3rdparty/sickbeardbutton/images/sickbeard-custom-24.png
</code>