Conditions d’utilisation

🌐 Projet Front-Back End Easy_Admin_YouTube_NewsLetter_Firebase

Front:
Site VertinGo — conçu avec Symfony + Front File Manager
Back end:
Api YouTube + FireBase(Push Notification) + NewsLetters + File Manager
A la suite de ce tuto à vous de personnaliser votre partie front!

#### Illustrationss Front-End

#### Ci-dessus tous vos fichiers upload sur le File Manager regroupés sous forme de carousel automatique!















#### Ci-dessous un aperçu de la page Playlist Youtube généré automatiquement une fois votre compte synchronisé avec YouTube!

Back-End

Données extraites de Google Analytics et mise en forme sous forme de graphique!
Ci-dessous comment intégrer des données analytics en deux vidéos:

• YouTube Analytics: YouTube Analytics Video Tuto
• Google Analytics: Google Analytics Video Tuto

Personnaliser votre Panel Football LiveScore en choississant votre championnat, joueur et club favori!
















Pour l'utilisation des Newsletters ne pas oublier d'attribuer la valeur default au champs Mandant de la table FosUser!

#### Installation Localement avec Xampp

Prérequis:

- *Gestionnaire de commande composer with Xampp! ==> Vidéo Tutoriel

Une fois Xampp installé il faut lancer le serveur apache et MySQL illustré ci-dessous: Assurer vous que les références à votre base de donnée sont bien renseignés dans parameters.yml.dist et parameters.yml. A priori les valeurs sont déjà correct pour l'environnement de dev! A noter qu'il faut bien distinguer config_dev.yml et config_prod.yml qui comme son nom l'indique sont deux fichiers de config propre à leur environnement dans lequelle l'application évolue! Soit local pour config_dev.yml et en ligne config_prod.yml!

Cliquer sur admin pour accéder à l'interface PhpMyAdmin:

Une fois vos bases de données recréés elles seront accessibles dans PhpMyAdmin!
Pour les recréer voir les commandes ci-dessous:

composer install php bin/console doctrine:database:create (Ou créer la base de donnée easy_admin directement dans PhpMyAdmin) php bin/console doctrine:schema:create (Création des tables dans la base de donnée easy_admin) php bin/console fos:user:create name test@example.com password (Utilisation du bundle fosuserbundle) php bin/console fos:user:promote user ROLE_ADMIN (Afin de vous logger sur l'interface admin) Page de login de l'admin interface ==> http://localhost/easyadmin-master/web/app_dev.php/login Page de front interface ==> http://localhost/easyadmin-master/web/app_dev.php/vertingo-website-introduction
#### How to deploy on Heroku

Prérequis avant la phase de déploiement:

Ajout des lignes suivantes dans le front controller de prod donc app.php dans le dossier web:

Request::setTrustedProxies(array($request->server->get('REMOTE_ADDR'))); Request::setTrustedHeaderName(Request::HEADER_FORWARDED, null); Request::setTrustedHeaderName(Request::HEADER_CLIENT_HOST, null); Ajout d'un fichier procfile avec le contenu suivant spécifique pour les applications symfony dans le dossier racine du projet:

web: vendor/bin/heroku-php-apache2 web/ Ajouter une extension PostgreSQL pour la persistance des données:

Cliquer sur votre extension dans le sous menu du champs recherche:

Cliquer ensuite sur settings:


Cliquer sur view credentials:



Les différents champs doivent être ajouter dans le parameters.yml et parameters.yml.dist dans app/config dans les variables d'environnements prod donc database_host_prod. Pour database_host_mandanta et b il faut ajouter une fois de plus la même extension PostgreSQL! Il faut également préciser la variable d'environnement database url dans composer.json disponible une fois l'ajout de l'extension PostgreSQL effectué:

"incenteev-parameters": { "file": "app/config/parameters.yml", "env-map": { "database_url": "DATABASE_URL", "database_url2": "HEROKU_POSTGRESQL_BLUE_URL" "database_url3": "HEROKU_POSTGRESQL_ONYX_URL", "monolog_action_level": "LOG_LEVEL" } } Commande de Déploiement:
Prérequis:

-*Gestionnaire de commande Git!(Git Cli)
-*Gestionnaire de commande Composer!(Composer Cli)
-*Gestionnaire de commande Heroku!(Heroku Cli)

Créer un projet sur Heroku, installer le gestionnaire de commande Heroku en local et taper les commandes suivantes:
heroku login heroku create (Créer un nom d'app aléatoire sinon créer la sur Heroku directement!) heroku git:remote -a nom_de_votre_app_heroku heroku config:set ENV=PRODUCTION git add . git commit -am "make it better" git push heroku master

Une fois déployé sur le serveur heroku:
Il faut recréer la base donnée en se connectant à distance sur le terminal du serveur:

heroku run bash php bin/console doctrine:schema:create (Création des tables dans la base de donnée easy_admin) php bin/console fos:user:create name test@example.com password (Utilisation du bundle fosuserbundle) php bin/console fos:user:promote user ROLE_ADMIN (Afin de vous logger sur l'interface admin) Page de login de l'admin interface ==> /login Page de front interface ==> /vertingo-website-introduction
Suppléments de configuration pour la connexion à YouTube:

Créer un projet dans Google Cloud Console! Activer YouTube Data Api V3

Cliquer sur créer des identifiants Id Client Auth

Origines JavaScript autorisées:
- http://votre_heroku_app.herokuapp.com

Et URI de redirection autorisés:
- http://votre_heroku_app.herokuapp.com/admin/dashboard/
- http://localhost/easyadmin-master/web/app_dev.php/admin/dashboard/

Une fois la clé créé copier coller cette clé puis renseigné la dans web/youtube:
- auth.js ligne 5
- analytics_codelab.js ligne 4

Une fois la connexion via Google configuré logger vous sur votre Interface Admin afin de synchroniser votre compte avec YouTube et ensuite accédez à la page:
https://votre_heroku_app.herokuapp.com/my-youtube-list-playlist?pseudo=votre_nom_d_utilisateur

Voici l'exemple de ma page playlist automatiquement généré une fois loggé sur mon espace administrateur et la connexion établi via YouTube Api V3:
/my-youtube-list-playlist?pseudo=vertingo

Ci-dessous la page Playlist Youtube généré une fois synchronisé avec YouTube!

#### Synchroniser avec l'application mobile
- Synchronisation des fichiers uploads sur le File Manager.
- Synchronisation des vidéos et playlist de votre chaîne YouTube.
- Synchronisation avec Google Cloud Messaging pour réception de notification push.

Ci-dessous illustration de la synchronisation avec l'application mobile TopsiteApp et réception de notification push!

Tester l'application Mobile avec l'email et le mot de passe suivant afin de visionner et récupérer le contenu VertinGo Website:

• Email: default_user@gmail.com
• Mot de passe: default_user