Meetup Liferay Open Api Angular Liferay

1. OPEN API
LIFERAY
ANGULAR

2. MEETUP
• Expression des besoins
• Architecture
• OPEN API
• SWAGGER
• LIFERAY
• ANGULAR

3. EXPRESSIONS DES BESOINS
• Hotel “Le Sunset” doit créer une app pour
référencer et créer des recettes
innovantes de cocktails.
• L’app sera développée par une équipe
Angular uniquement
• Le métier doit pouvoir administrer les
cocktails en back office via Liferay
• Les équipes doivent travailler en parallèle :
• Android
• IOS
• Desktop
• Watch
• IOT
• telé

4. STRATÉGIE OMNICANALE
Créer une expérience uniforme pour le client, et ce,
peu importe le canal utilisé.

5. ACHITECTURE

6. HOW ?
• OPEN API
• Mocks
• Agnostique
• Découplage fort

7. ARCHITECTURE

8. OPEN API
https://openapi-map.apihandyman.io/
https://swagger.io/specification/
OpenAPI Standard – What WSDL is to
SOAP, OAS is to REST
Machine and Human readable
documentation
SwaggerUI and SwaggerHub for
beautiful presentation of your API
documentation with a testing tool

9. OAI
• https://www.openapis.org/membership/members

10. ANGULAR
• https://angular.io/
• https://github.com/stoplightio/pris
m
• https://github.com/stoplightio/pris
m/blob/master/docs/guides/01-
mocking.md
• https://github.com/json-schema-
faker/json-schema-faker

11. ANGULAR -> MOCK COCKTAILS API
Angular
MOCK
COCKTAILS
API

12. APP

13. ANGULAR -> MOCK COCKTAILS API
DYNAMIC
Angular
MOCK
COCKTAILS API
« DYNAMIC »

14. CODE TIME
Angular 8
Services
Generate

15. LIFERAY
• Rest builder
• https://help.liferay.com/hc/en-
us/articles/360039425671-REST-Builder-
OpenAPI
• SwaggerHUB
• https://app.swaggerhub.com/organizati
ons/liferayinc
• Headless Liferay
• https://help.liferay.com/hc/en-
us/articles/360028726992-Headless-REST-
APIs?_ga=2.75738461.934759514.1604249
596-443786668.1600895849

16. SWAGGER EDITOR -> LIFERAY
COCKTAILS API
Swagger Editor
Cocktails Api
Rest builder
Liferay

17. CODE TIME
BDD
Code
OpenAPITags

18. ANGULAR => LIFERAY COCKTAILS API
Angular
Liferay
Cocktails API

19. PENDANT CE TEMPS …
API
Cocktails
Liferay
Angular
React
Watch
Iot
IOS
Android
IA ?

20. MERCI POUR VOTRE ÉCOUTE
• https://app.swaggerhub.com/search?owner=liferayinc
• https://app.swaggerhub.com/apis/glenoir62/Cocktails/v1.0
• https://github.com/stoplightio/prism/blob/master/docs/guides/01-mocking.md
• prism mock ./openapi/cocktails.yaml
• https://www.npmjs.com/package/@openapitools/openapi-generator-cli
• https://github.com/marak/Faker.js
•
https://liferay.dev/blogs/-/blogs/creating-headless-apis-part-1
https://liferay.dev/blogs/-/blogs/creating-headless-apis-part-2
https://liferay.dev/blogs/-/blogs/creating-headless-apis-part-3
• https://help.liferay.com/hc/en-us/articles/360036343312-REST-Builder
https://help.liferay.com/hc/en-us/articles/360028708852-Introduction-to-REST-Builder