EB Ingénierie Informatique

Le logiciel libre, c'est une vaste communauté où chacun y trouve son intérêt !

ecrit par: tonton
Premiere démo Shopinvaders avec Odoo 10


Afin de démontrer le produit shopinvaders Akretion nous a offert en cette fin d'année une demo à essayer chez soit! Cette dernière va vous démontrer l'usage et les services apporté par shopInvaders

Installation Shopinvader + Odoo

 

Sommaire

 

1) Fichier docker-compose.yml

2) Locomotive

3) Odoo

4) Algolia

5) Export du catalogue à Algolia

6) Liaison de tout les catalogues à Algolia

7) Configuration des index dans Algolia

8) Liaison de notre ShopInvader avec notre Algolia

 

1) Fichier docker-compose.yml

 

Récupérer le fichier docker-compose.yml dans lequel se trouve tout les éléments pour lancer une démo fonctionnelle de Shopinvader

 

Créer un nouveau dossier et placer le fichier dedans, rentrer dans le dossier et lancer dans un Terminal la commande :

 

docker-compose up

 

Cette commande vas lire le fichier, télécharger et installer tout les éléments nécessaire

 

2) Locomotive

 

Notre Locomotive côté client se trouve à cette adresse par défaut :

 

http://localhost:3000

 

Et notre Locomotive côté Administration se trouve sur à cette adresse :

 

http://localhost:3000/locomotive

login : demo@shopinvader.com

password : akretion

 

3) Odoo

 

Notre Odoo est à cette adresse par défaut :

 

http://localhost:8069

login : admin

password : admin

4) Algolia

Créer un compte Algolia sur :

https://www.algolia.com/

Algolia vas être utilisé pour effectuer la liaison entre notre Locomotive et notre Odoo, les requêtes clients effectuées sur Locomotive iront interroger Algolia afin de fluidifier le trafic et éviter que les requêtes s’effectuent sur Odoo.

5) Export du catalogue à Algolia

Une fois le compte créé, se rendre dans le menu API Key et récupérer l’ID de l’application ainsi que l’API Admin Key.

Se rendre dans Odoo, dans le menu Connectors, dans Algolia Backends, par défaut nous avons une configuration vierge et deux Index, remplir le champ APP ID et le champ API KEY avec les identifiants que l’on vient de récupérer.


 

Note : Renommer les deux index en rajoutant ‘_en_US’ à leurs noms.

 

6) Liaison de tout les catalogues à Algolia

 

Toujours dans Odoo, se rendre dans le menu Shopinvader, dans Backends, sélectionner la Demo Shopinvader Backend, se rendre dans l’onglet ‘Developper’.

 

Cliquer sur les boutons Bind Product, puis Bind Category, puis Synchronize Metadata

 

 

7) Configuration des index dans Algolia

 

Se rendre sur Algolia, dans le menu Indices

 

Par défaut nous devrions avoir l’index ‘algolia-product_en_US’ qui correspond à notre export Odoo, dans l’onglet ‘Display’ on retrouve les les attributs par lesquels on vas pouvoir effectuer des recherches dans la boutique Shopinvader

 

Pour algolia-product_en_US, il faut ajouter les attributs :

 

categories.id 
hierarchicalCategories.lvl0
hierarchicalCategories.lvl1
hierarchicalCategories.lvl2
main
price.default.value
sku
url_key

Et pour algolia-category_en_US,
il faut ajouter les attributs :

url_key
level

8) Liaison de notre ShopInvader avec notre Algolia

Se rendre sur Shopinvader, sur le site Administration, dans le menu Store Settings,
renseigner le clé d’application et la clé d’API
(Attention, il s’agit de la clé public et non pas de la clé privé récupéré précédemment, la clé public se trouve dans Algolia dans le menu API Key, sous l’appellation Search-Only API Key).

Modifier également l’index des indices, changer le contenu par algolia-category et algolia-product


set category


Une fois toutes ces modification effectuées,
il faut redémarrer tout les dockers et se rendre sur notre Shopinvader côté client,
et vérifier que les nouveaux produits sont présent, l’ancienne liste de produit à disparue et est remplacer par une liste qui s’appelle ‘All’ qui contient différents produits informatique.


Suppléments :


Ajouter des langues pour Shopinvader :

Se rendre dans Odoo et ajouter manuellement deux nouveaux
Index avec la langue souhaitée
(autoriser les langues dans les Settings de Odoo).

Une fois les index ajoutés, se rendre dans Shopinvader, Demo Shopinvader Backend, dans l’onglet Configuration, ajouter les langues à la liste présente.

Puis se rendre dans l’onglet Developper, cliquer sur les boutons Bind all products (le chiffre à côté devrait augmenter), Bind all category, Recompute et Export.
Maintenant, du côté de notre Algolia on actualise la liste des indices et les nouveaux index sont apparus.

Ajouter les attributs comme précédemment
pour nos nouveaux index (onglet Display).
Actualiser le site Shopinvader, sélectionner la langue FR en haut à gauche, le site devrait être maintenant disponible en Français.