The Full Page Cache is an essential part of Magento 2. All modules with any frontend components have to be developed with Varnish in mind, in order for a site to meet scalability requirements. Caching is easy if all pages look the same for all customers, but what if they need individualization? The Magento 2 framework provides several tools to deal with this scenario, each providing a varying degree of flexibility and having different costs of implementation. In this short presentation Vinai guided you through the steps required to display private data on cached catalog pages in a secure manner. He used the most flexible approach provided by the framework, but boiled down to it’s essentials, thereby reducing the complexity as much as possible. The goal of the presentation is to equip you with an understanding of how private customer data can be displayed fully cached pages.

2. MAGENTO 2
FULL PAGE CACHE
!(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

3. CACHING
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

4. SOUNDS EASY
BUT HARD TO GET RIGHT...
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

5. WHY IS IT HARD?
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

6. MULTIPLE FACTORS CAUSE
COMPLEXITY
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

7. CACHE LIFETIME
(TTL)
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

8. PUBLIC DATA(EXAMPLE TTL 86400)
SHARED DATA(EXAMPLE TTL 500)
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

9. SHARED DATA
VARNISH: ESI
BUILT IN: !
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

10. PUBLIC DATA
VS.
PRIVATE DATA
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

11. MOST PAGES
ARE MIXED:
PUBLIC + SHARED + PRIVATE
CACHE HITS + MISSES
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

12. REMEMBER:
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

13. THE LESSPRIVATE AND DYNAMIC DATA A PAGE HAS,
THE BETTER
THE FPC WILL WORK!
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

14. Ready for some details?
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

15. ADDING
PRIVATE DATA
TO A PAGE IN
MAGENTO 2
(A.K.A HOLEPUNCHING)
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

16. $.ajax()
(DIY)
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

17. $_isScopePrivate
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

18. customer-data.js
!
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

19. window.localStorage
APPLICATON LEVEL CACHING INCLUDED
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

20. DEMO TIME
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

21. STEP BY STEP
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

22. 1. Create
SectionSourceInterface
implementation
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

23. 2. In etc/frontend/di.xml:
add section to
SectionPool
argument
sectionSourceMap
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

24. 3. In etc/frontend/sections.xml:
list actions to cause section refresh
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

25. 4. Use
Magento_Customer/js/customer-data
method get()
to retrieve ko observable with data
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25

27. Thank you for your attention!
!
Questions? !
! Source: https://github.com/Vinai/VinaiKopp-FavoriteProducts-Example/
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IT on 2018-05-25