Jocular June
Apisix & Dev frontend en TDD
25/06/24
Un Grand Merci A
Qui sommes-nous ?
Ivan Beauté
Fabrique-IT
Sébastien Planard
I. Présentation Softway Médical
II. Rétro
III.APISIX
IV.REX développement frontend en TDD
V. Quizz
VI.Apéro / Buffet
Sommaire
25/06/2024 Introduction au TDD avec Vue.js et Faros 5
NOS DONNÉES CLÉS
+ 850
collaborateurs
+ 20%
du CA
Réinvesti
En R&D
CA de
100 M€
en 2022
+ 1300
Sites de
radiologie
+ 700
Centres
de santé
25 ans
de CA
en moyenne
/an
+ 15%
de CA
en moyenne
/an
+ 1300
Établissements
27 GHT
Contractualisé en < 4 ANS
P 6
NOS
SAVOIR-FAIRE
ASSISTANCE
24H / 24h - 7 J / 7
P 7
P 8
8
ERP PARCOURS PATIENT TERRITORIAL – DPI ÉTENDU
Rétrospective
10 meetups (+2)
42 jeux de mot douteux
10 jeux
Aix 6 / Marseille 4
8 places offertes / goodies
● CNIs
● Kubecon
● DevX
● CNAPP
● Platform Engineering
● Terrragrunt
● Test Containers
● APISIX
● Dev TDD
● HTMX
● Werf
● Sécurité dans k8s
● AI avec kubectl
● Freelancing
● Tekton
● Hetzner
● Falco
● KSM
● Keda
19 sujets (+1)
Sans compter les 923 parenthèses (😀)
15 speakers (+6)
Vous !
● 1013 membres !!! (+153)
● Environ 30 participants par meetups
● Grande variabilité de niveau / attentes
(Back To The) Futur (de 2023)
● Plus de speakers ✅
● Plus de représentativité 🥺
● Encore plus de régularité ✅
● Des événements spéciaux ✅
Le Futur (de 2024/2025)
● Plus de représentativité
● Plus de sujets de la communauté
● Garder le rythme d’un meetup par mois
DevOps needs you !
● Speakers pour les prochains meetups
● Volontaires
Oui nide iou !
APISIX
APISIX
APISIX
APISIX - 3 APPS
➔ API Gateway
➔ Ingress Controller + Operator
➔ Dashboard
API GATEWAY Kézako
API GATEWAY Kézako
API GATEWAY Kézako
- Single HTTPS entrypoint
- Authentication for all API
- Circuit breaking
- Traffic shaping
- Response caching
- Request validation
- Access restriction
- Advanced load balancing
- OpenAPI specifications
- Mocking API
- Proxy rewrite
- Plugins
APISIX VS THE WORLD
APISIX VS THE WORLD
APISIX VS THE WORLD
● Documentation séparée (API 7)
● Architecture distribuée (DP + CP)
● Architecture modulaire (plugin hub)
● Basé sur le performant OpenResty (nginx+luaJIT)
● Operator Kubernetes (CRD)
● 85 vidéos officielles sur youtube
● Base de données ETCD
● Intégration avec le dashboard
APISIX - DEMO TIME
https://github.com/meetup-devops-aix-marseille/2024-06-apisix
Développer
une application frontend
en TDD avec
Vue.js et Faros
(Design System)
Sommaire
Présentation des concepts
Démonstration
Questions ? 29
Présentation des
concepts
Point « Techno / Méthodo »
31
Faros
TD
D
(Composition
API)
(Design System
SWM)
Spécification du besoin
32
Tester un composant Vue.js
25/06/2024
Introduction au TDD avec Vue.js et
Faros
33
Composant
Entrants
???
Produits / responsabilités
???
Tester un composant Vue.js
25/06/2024
Introduction au TDD avec Vue.js et
Faros
34
Composant
Props
(attributs)
Interactions utilisateurs
(clics, valeurs saisies
dans des formulaires, etc.)
Données externes
(récupérées d’une API, par
ex.)
Événements
(levés par des composants
enfants)
HTML / DOM
(ce que l’utilisateur voit à
l’écran)
Événements
(levés vers le composant
parent)
Interactions avec des
dépendances
Structure d’un test de composant
25/06/2024
Introduction au TDD avec Vue.js et
Faros
35
Component Factory
Page Object
Composants
pour tests
Mocks, stubs, spies
produit
gèrent les interactions avec
des éléments extérieurs
inspecte et
interagit avec le
DOM Scénarios de
test métier
Démo
Rappel du besoin
37
Questions ?
29 Allée Saint-Jean
Arteparc, Bâtiment D
13710 Fuveau, France
+33 4 88 71 13 00
contact@softwaymedical.fr
www.softwaymedical.fr
meetup.com/Devops-Aix-
Marseille
ibd.sh/openbar
Let’s play !
Quizz !!

2024-06-25 - meetup devops aix marseille