Speedcurve integracja z CI/CD to kontynuacja do artykułu na temat przedmiotowego narzędzia. W ramach swojej pracy badawczej dokonałem integracji narzędzia. Przedstawiam Wam dzisiaj krótkie – ale skuteczne rozwiązania integracji.
Ogólne
Kilkanaście miesięcy temu stworzyłem artykul o narzędziu SpeedCurve. Narzędzie – jak wspomniałem może być bardzo przydatne dla osób które dbają o szybkość ładowania aplikacji webowej,
Bitbucket
W naszym projekcie testowym tworzymy plik bitbucket-pipelines.yml a następnie uzupełniamy go w najprostszy sposób
image: node:latest
pipelines:
default:
- step:
name: Page Speed Loading
caches:
- node
script:
- npm install --save speedcurve
- npx speedcurve --version
- npx speedcurve deploy wait --site 111111 --metrics --note "Bitbucket-Pipelines-$(date +'%Y-%m-%d_%H:%M:%S')" --key=/youAPIKey/
- Korzystamy z obrazu dockerowego Node
- Instalujemy Speedcurve
- Wykonujemy komendę z deployem – aby wywołać test na przygotowanej przez Was stronie. –site 11111 – to numer który znajdziecie w polu gdzie edytujcie stronę na speedcurve
- Po takiej interakcji zostaje uruchomiony test i otrzymujecie rezultat
- Dodatkowo w ramach polecenia dodałem notatkę która będzie się wyświetlać na osi czasu – abyśmy wiedzieli kiedy miejsce miał test – –note „Bitbucket-Pipelines-$(date +’%Y-%m-%d_%H:%M:%S’)” –key=/youAPIKey/
Gitlab
W naszym projekcie testowym tworzymy plik gitlab-ci.yml a następnie uzupełniamy go w najprostszy sposób:
stages:
- test
page_speedloading_test:
stage: test
image: node:latest
script:
- npm install --save speedcurve
- npx speedcurve --version
- npx speedcurve deploy wait --site 111111--metrics --note "Gitlab-CI-$(TZ='Europe/Warsaw' date +'%Y-%m-%d_%H:%M:%S')" --key=/youAPIKey/
Podobnie jak wcześniej – wykorzystałem to samo flow – jedyną zmianą była struktura dostosowana do Gitlaba. Jak wygląda trigger na osi czasu:
Podsumowanie
Speedcurve integracja z CI/CD to kontynuacja wpisów o narzędziu które pozwala Wam automatycznie monitorować szybkość ładowania stron. O innych narzędziach godnych uwagi, szerzej piszemy w niniejszym dziale.
