Évitez que Cloudfront ne mette en cache mes éléments d'application angulaires

Question

J'ai configuré CloudFront pour mon application Web avec la terminaison SSL. Les déploiements ultérieurs ne mettent pas immédiatement à jour la production et la propagation du changement prend beaucoup de temps. Comment réduire l'écart de temps?

Answer 1

Il y a plusieurs options disponibles dans CloudFront, ainsi qu'à l'extérieur que vous pouvez faire pour réduire le temps de mise en cache

• Exécuter une infirmation après chaque déploiement (Cela prend environ 15 minutes, mais il fait que le cache est nettoyé après chaque déploiement et peut également être automatisée en utilisant le CloudFront CLI)
• la réduction de la valeur TTL du cache (Non recommandé car, il réduit également le temps de la mise en cache, ce qui réduit les performances)
• Pour chaque déploiement, changer les noms de fichiers en annexant une valeur aléatoire et se référant également à la nouvelle valeur de l'application. eg /js/test_23434.js (Vous pouvez automatiser ceci avec Gulp ou n'importe quel script automatisé)
• Pour chaque déploiement, incluez un paramètre de requête dans le chemin du fichier url par exemple /js/test.js?v=23434 et activez également le transfert paramètres de requête dans la configuration de comportement CloudFront

Answer 2

Peu d'options:

1. Vous pouvez définir TTL inférieure (dans les paramètres de CloudFront) sur vos actifs.
2. Si vous souhaitez mettre en cache vos objets pour une durée plus longue; et vos ressources (html/css/js) ne changent pas fréquemment, vous pouvez vouloir purger ces ressources manuellement à l'aide de la console CloudFront. Vous pouvez le faire manuellement à l'aide de la console AWS via AWS CLI.
3. Le plus propre est de mettre un numéro de version avec chaque actif comme fichier js/css. Utilisez un outil comme BURP tout en construisant votre application angulaire. Quelque chose app.1235.js .. Chaque fois que votre actif change; la version change et automatiquement il sera chargé frais.