Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

Comme Chez Soi

Une version web de #UnToitPourCaramel –mon précédent logiciel d'aggrégation d'annonces immobilières– utilisant Angular 5 et AWS Lambda.

Contexte

En 2016 j'ai programmé en Python #UnToitPourCaramel afin de m'aider dans ma recherche d'appartement et après avoir trouvé grâce à lui l'appartement de mes rêves en moins d'une semaine, plusieurs de mes amis furent intéressés pour l'utiliser.

Cependant, l'installation et l'utilisation de celui-ci étaient peu triviales pour ceux qui avaient peu d'expérience technique.

Fin 2017, j'ai donc entrepris de réécrire complétement cette application afin de la rendre accessible à tous à partir d'un simple navigateur web.

Fonctionnement

Cette application est composée de deux composants :

  • Une web-app Angular en charge de :
    • Gérer et stocker (dans un LocalStorage) les critères de recherches
    • Appeler les Lambdas AWS de récupération des annonces
    • Stocker (dans une IndexedDB) et afficher les annonces
  • Plusieurs Lambdas AWS en charge de :
    • Récupérer les critères qui leurs sont envoyés
    • Effectuer les requêtes vers les APIs des différents sites d'annonce
    • Parser les réponses et les retourner dans des objets Annonce

Déploiement

AWS Lambda

  1. Se déplacer dans /awslambda
  2. Modifier le champ ORIGIN de src/main/java/sh.leroy.awel.commechezsoi.awslambda\Constants.java afin qu'il corresponde à l'URL (protocole et port compris) sur laquelle la web-app sera disponible
  3. Compiler les lambdas
    mvn package
  4. Installer serverless
    npm install -g serverless
  5. Déployer
    export AWS_ACCESS_KEY_ID=<your-AMI-key-here>
    export AWS_SECRET_ACCESS_KEY=<your-AMI-secret-key-here>
    serverless deploy --stage [dev|production] --region [aws-region]
    et noter l'URL à laquelle les lambdas sont déployées.

Angular

  1. Se déplacer dans /angular
  2. Modifier le champ aws_lambda_endpoint dans src/environments/environments.ts afin qu'il corresponde au à l'URL notée plus haut (ex : https://xxxxxxx.execute-api.eu-west-2.amazonaws.com/production/)
  3. Installer angular-cli
    npm install -g @angular/cli
  4. Construire l'application
    ng build --prod
  5. Copier le contenu de dist sur votre serveur ou un repo GitHub Pages.

To-Do List

  • Support de Bien'ici, LogicImmo et PAP
  • Critères avancés (type de logement, commodités, etc.)
  • Tri des annonces
    • Par site
    • Par ville
    • Par prix
    • Par surface
    • etc.
  • Interface à la Trello
  • Récupération des coordonnées GPS et affichage sur une carte

Crédits