Migration de site et perte des icones

**tigunn** · 18/08/2016, 12h38

Bonjour,

J'ai récupéré l'administration d'un site développé avec Symfony 2 et j'ai voulu en créer une copie en local sur mon poste de travail.
Les sources et la base de données copiées dans mon installation de wamp: rien ne marchait.

Bon, je prends un cours sur la toile pour le développement avec symfony 3 (la dernière version quite à faire); et je finis par remettre le site en fonctionnement. Pourquoi la version 3: car le site actuel sera recrée.
Bref tout fonctionne maintenant (en local, la copie serveur, voir plus bas, a encore des problèmes d'url) sauf que le site n'affiche plus aucune icône. Elles sont remplacées par des petits carrés contenant du texte (ex: "e61e").
Le css généré pour une icône est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.icon-home::before {
    content: "\e61e";
}

Or la personne qui a développée le site n'est plus joignable, il n'y a aucune doc et je ne maitrise pas du tout ces bibliothèques d'icônes et de polices utilisées maintenant. Apparemment c'est le cas ici, mais je ne parviens même pas à dire laquelle.

Vous pouvez voir le site original ici : http://www.racetorank.com/
et une copie : http://race2rank.com/ sans les icônes

En local, avec app_dev, je n'obtiens pas de messages d'erreur au sujet des icônes, hormis peut-être celui-ci dans logs:

DEPRECATED - Defining the getGlobals() method in the "assetic" extension is deprecated without explicitly implementing Twig_Extension_GlobalsInterface. -

Called from Twig_Environment::initGlobals() at line 3617
Called from Twig_Environment::getGlobals() at line 3623
Called from Twig_Environment::mergeGlobals() at line 4869
Called from Twig_Template::display() at line 4876
Called from Twig_Template::render() at line 50
Called from TwigEngine::render() at line 72
Called from TwigEngine::render() at line 97
Called from TwigEngine::renderResponse() at line 176
Called from Controller::render() at line 35
Called from HomeController::indexAction()
Called from call_user_func_array() at line 3106
Called from HttpKernel::handleRaw() at line 3068
Called from HttpKernel::handle() at line 3219
Called from ContainerAwareHttpKernel::handle() at line 2441
Called from Kernel::handle() at line 28

J'ai modifié avec l'éditeur en ligne de FF l'url de font-icons.css pour la faire pointer sur sa copie locale: ça marche!
Donc j'ai regardé dans base.html.twig la vue parente de toutes et il y a:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="{{ asset('css/font-icons.css') }}" type="text/css" />

Donc le problème viendrais des assets gérés par Assetic.

En fouillant j'ai trouvé qu'il faudrait mettre à jour mes assets; ce que j'ai fait avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

php app/console assets:install --symlinks

Ce qui me retourne :
Nom : Capture.PNG
Affichages : 389
Taille : 10,9 Ko

Mais après un F5 apparemment rien n'a changé dans les urls utilisées.

Alors quel bibliothèque d'icône est utilisée et comment la remettre en fonction?

Merci de votre aide

**MehrezLabidi** · 18/08/2016, 21h33

Bonjour,
ca arrive que lors de la copie des fichiers , certains etaient manquants .
Pense a mettre a jour le composer https://getcomposer.org/doc/01-basic-usage.mdpour être sur que sous vendor on a zéro problème.
Apres montre nous ou se sont placés les fichiers css et comment tu les appelles dans les fichiers twig.

**tigunn** · 19/08/2016, 09h48

Bonjour MehrezLabidi,

J'ai mis à jour composer avec le commande:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

composer update

et j'obtiens :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
c:\wamp\www\src.racetorank.com>composer update
You are running composer with xdebug enabled. This has a major impact on runtime
 performance. See https://getcomposer.org/xdebug
Loading composer repositories with package information
Updating dependencies (including require-dev)
  - Removing symfony/asset (v3.1.3)
  - Removing twig/twig (v1.23.1)
  - Installing twig/twig (v1.24.1)
    Loading from cache
 
  - Removing doctrine/cache (v1.5.1)
  - Installing doctrine/cache (v1.6.0)
    Loading from cache
 
  - Removing doctrine/common (v2.5.1)
  - Installing doctrine/common (v2.6.1)
    Loading from cache
 
  - Removing doctrine/instantiator (1.0.4)
  - Installing doctrine/instantiator (1.0.5)
    Loading from cache
 
  - Removing doctrine/dbal (v2.5.1)
  - Installing doctrine/dbal (v2.5.4)
    Loading from cache
 
  - Removing doctrine/orm (v2.5.0)
  - Installing doctrine/orm (v2.5.4)
    Loading from cache
 
  - Removing doctrine/doctrine-cache-bundle (v1.0.1)
  - Installing doctrine/doctrine-cache-bundle (1.3.0)
    Loading from cache
 
  - Removing doctrine/doctrine-bundle (v1.4.0)
  - Installing doctrine/doctrine-bundle (1.6.4)
    Loading from cache
 
  - Removing twig/extensions (v1.2.0)
  - Installing twig/extensions (v1.3.0)
    Loading from cache
 
  - Removing kriswallsmith/assetic (v1.2.1)
  - Installing kriswallsmith/assetic (v1.3.2)
    Downloading: 100%
 
  - Removing symfony/assetic-bundle (v2.6.1)
  - Installing symfony/assetic-bundle (v2.8.0)
    Downloading: 100%
 
  - Removing swiftmailer/swiftmailer (v5.4.0)
  - Installing swiftmailer/swiftmailer (v5.4.3)
    Loading from cache
 
  - Removing symfony/swiftmailer-bundle (v2.3.8)
  - Installing symfony/swiftmailer-bundle (v2.3.11)
    Loading from cache
 
  - Removing monolog/monolog (1.13.1)
  - Installing monolog/monolog (1.21.0)
    Loading from cache
 
  - Removing symfony/monolog-bundle (v2.7.1)
  - Installing symfony/monolog-bundle (2.11.1)
    Loading from cache
 
  - Removing sensiolabs/security-checker (v2.0.1)
  - Installing sensiolabs/security-checker (v3.0.2)
    Loading from cache
 
  - Removing sensio/distribution-bundle (v3.0.20)
  - Installing sensio/distribution-bundle (v3.0.36)
    Downloading: 100%
 
  - Removing sensio/framework-extra-bundle (v3.0.7)
  - Installing sensio/framework-extra-bundle (v3.0.16)
    Loading from cache
 
  - Removing incenteev/composer-parameter-handler (v2.1.0)
  - Installing incenteev/composer-parameter-handler (v2.1.2)
    Loading from cache
 
  - Removing phpoffice/phpexcel (1.8.0)
  - Installing phpoffice/phpexcel (1.8.1)
    Downloading: 100%
 
  - Removing liuggio/excelbundle (v2.0.1)
  - Installing liuggio/excelbundle (v2.1.0)
    Downloading: 100%
 
  - Removing beberlei/doctrineextensions (v1.0.1)
  - Installing beberlei/doctrineextensions (v1.0.11)
    Downloading: 100%
 
Writing lock file
Generating autoload files
> Incenteev\ParameterHandler\ScriptHandler::buildParameters
Updating the "app/config/parameters.yml" file
> Sensio\Bundle\DistributionBundle\Composer\ScriptHandler::buildBootstrap
> Sensio\Bundle\DistributionBundle\Composer\ScriptHandler::clearCache
 
  [Symfony\Component\DependencyInjection\Exception\ParameterNotFoundException]
 
  You have requested a non-existent parameter "mailer_port". Did you mean thi
 
  s: "mailer_host"?
 
Script Sensio\Bundle\DistributionBundle\Composer\ScriptHandler::clearCache handl
ing the post-update-cmd event terminated with an exception
 
 
  [RuntimeException]
  An error occurred when executing the ""cache:clear --no-warmup"" command:
 
 
    [Symfony\Component\DependencyInjection\Exception\ParameterNotFoundExcepti
  on]
    You have requested a non-existent parameter "mailer_port". Did you mean t
  hi
    s: "mailer_host"?
 
 
update [--prefer-source] [--prefer-dist] [--dry-run] [--dev] [--no-dev] [--lock]
 [--no-custom-installers] [--no-autoloader] [--no-scripts] [--no-progress] [--no
-suggest] [--with-dependencies] [-v|vv|vvv|--verbose] [-o|--optimize-autoloader]
 [-a|--classmap-authoritative] [--ignore-platform-reqs] [--prefer-stable] [--pre
fer-lowest] [-i|--interactive] [--root-reqs] [--] [<packages>]...

Bon je ne sais pas trop pourquoi il s'obstine à me demander un paramètre "mailer_port" dans app/config/parameters.yml; alors qu'il ne le regénère pas automatiquement mais cela n'est pas le problème pour l'instant.
Je rajoute donc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

mailer_port: 465

dans mon fichier de paramètres puis je vide le cache avec la commande:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

php app/console cache:clear

Alors, j'ai à nouveau à rajouter mon paramètre mailer_port mais à part cela tout se passe bien.
Je retourne sur le site, actualise la page: toujours pas d'icône.

Je retente :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

php app/console assets:install --symlink

Je supprime le cache (règle le pb du paramètre ci-dessus) et de retour sur le site aucun changement; le code généré est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<!-- Stylesheets -->
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dags/css/bootstrap.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dags/css/style.css" type="text/css" />
      <!-- PB AVEC LES ASSET(): retourne url http://www.racetorank.com/bundles/dags/ au lieu de  http://src.racetorank.com/bundles/dags/ -->
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dags/css/font-icons.css" type="text/css" />
      <!-- <link rel="stylesheet" href="http://src.racetorank.com/bundles/dags/css/font-icons.css" type="text/css" /> -->
      ...
 
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Voici le composer.json:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
{
    "name": "symfony/framework-standard-edition",
    "license": "MIT",
    "type": "project",
    "description": "The \"Symfony Standard Edition\" distribution",
    "autoload": {
        "psr-0": { "": "src/", "SymfonyStandard": "app/" }
    },
    "require": {
        "php": ">=5.3.3",
        "symfony/symfony": "2.7.*",
        "doctrine/orm": "~2.2,>=2.2.3",
        "doctrine/doctrine-bundle": "~1.2",
        "twig/extensions": "~1.0",
        "symfony/assetic-bundle": "~2.3",
        "symfony/swiftmailer-bundle": "~2.3",
        "symfony/monolog-bundle": "~2.4",
        "sensio/distribution-bundle": "~3.0.12",
        "sensio/framework-extra-bundle": "~3.0",
        "incenteev/composer-parameter-handler": "~2.0",
	"genemu/form-bundle" : "2.2.*",
        "liuggio/excelbundle": "~2.0",
        "beberlei/DoctrineExtensions": "*"
    },
    "require-dev": {
        "sensio/generator-bundle": "~2.3"
    },
    "scripts": {
        "post-root-package-install": [
            "SymfonyStandard\\Composer::hookRootPackageInstall"
        ],
        "post-install-cmd": [
            "Incenteev\\ParameterHandler\\ScriptHandler::buildParameters",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::buildBootstrap",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::clearCache",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::installAssets",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::installRequirementsFile",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::removeSymfonyStandardFiles"
        ],
        "post-update-cmd": [
            "Incenteev\\ParameterHandler\\ScriptHandler::buildParameters",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::buildBootstrap",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::clearCache",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::installAssets",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::installRequirementsFile",
            "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::removeSymfonyStandardFiles"
        ]
    },
    "config": {
        "bin-dir": "bin"
    },
    "extra": {
        "symfony-app-dir": "app",
        "symfony-web-dir": "web",
        "symfony-assets-install": "relative",
        "incenteev-parameters": {
            "file": "app/config/parameters.yml"
        },
        "branch-alias": {
            "dev-master": "2.6-dev"
        }
    }
}

Ensuite, les fichiers css sont dans src/monBundle/Ressources/public/css/. Il y a une redirection (lien symbolique) dans web/bundles ou je retrouve un lien vers dags/css/...
Le fichier pour les icones s'appelle font-icons.css par exemple, mais le problème c'est cette fonction asset() dans le template twig qui ne me retourne pas la bonne url.
Le template:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="SemiColonWeb" />
 
    <title>{% block title %}D - Gestion d'évènements en ligne{% endblock %}</title>
 
    <!-- Stylesheets -->
    {% block stylesheets %}
      <link rel="stylesheet" href="{{ asset('css/canvasfonts.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/style.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/dark.css') }}" type="text/css" />
      <!-- PB AVEC LES ASSET(): retourne url http://www.racetorank.com/bundles/dags/ -->
      <link rel="stylesheet" href="{{ asset('css/font-icons.css') }}" type="text/css" />
      <!-- <link rel="stylesheet" href="http://src.racetorank.com/bundles/dags/css/font-icons.css" type="text/css" /> -->
      <link rel="stylesheet" href="{{ asset('css/animate.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/magnific-popup.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/calendar.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/responsive.css') }}" type="text/css" />
      <link rel="stylesheet" href="{{ asset('css/jquery-ui.css') }}" type="text/css" />
 
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Bien sûr je vous parle de css mais ce sont tous les appels à asset() qui sont faux pour le javascript, ...

**MehrezLabidi** · 19/08/2016, 12h51

Bonjour,
si on suppose que tu un namespace appelé "Dag" et un bundle appelé " GestionBundle" , et que dans ce bundle tu as :
>Ressources:
>Public:
>css
>js
apres la commande asset:install , ces fichiers seront copié sous /web/bundles/daggestion/

dans la vue twig , par exemple , on fais appel avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
   <link rel="stylesheet" href="{{ asset('bundles/daggestion/css/fontawesome/css/font-awesome.min.css') }}"/>
                 <script src="{{ asset('bundles/daggestion/js/plugins/jQuery/jQuery-2.1.4.min.js') }}" type="text/javascript"></script>

**tigunn** · 19/08/2016, 15h19

J'avais vu cet exemple sur des forums mais cela ne résout pas mon problème; voici ce que j'obtiens:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="SemiColonWeb" />

    <title>{% block title %}Dag System - Gestion d'évènements en ligne{% endblock %}</title>

    <!-- Stylesheets -->
    {% block stylesheets %}
<!-- Stylesheets -->
          <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/canvasfonts.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/bootstrap.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/style.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/dark.css" type="text/css" />
      <!-- PB AVEC LES ASSET(): retourne url http://www.racetorank.com -->
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/bundles/dagsystem/css/font-icons.css" type="text/css" />
      <!-- <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/font-icons.css" type="text/css" /> -->
      <!-- <link rel="stylesheet" href="http://src.racetorank.com/bundles/dagsystem/css/font-icons.css" type="text/css" /> -->
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/animate.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/magnific-popup.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/calendar.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/responsive.css" type="text/css" />
      <link rel="stylesheet" href="http://www.racetorank.com/bundles/dagsystem/css/jquery-ui.css" type="text/css" />

Le bundle s'appelle DagSystemBundle; mais ce n'est pas dans celui-ci que se trouve le template avec les asset() qui me pose problème.
Le template c'est app/Ressources/views/base.html.twig qui est appelé sur tous les templates (1ere ligne) de DagSystemBundle:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part