Trong webinar lần này, chúng đã sẽ chia sẻ bài học kinh nghiệm về một kiến trúc mới trong thiết kế Website eCommerce. Đó là kiến trúc “Headless”. Vậy kiến trúc Headless là gì ? Nó có những ưu điểm gì mà Magestore đang dần chuyển hướng thiết kế phần mềm theo hướng đó?

Mini Game với phần quà hấp dẫn

Phần đầu chương trình là màn warn up hết sức thú vị với những câu hỏi xoay quanh Thương mại điện tử trong thời đại 4.0 và Covid hiện nay. Đó là những thông tin bổ ích mà Abel đã đem đến webinar. Có tới 3 phần quà dành cho 3 người xuất sắc. Đã được trao cho:

• Bạn Vincent Nguyễn
• Bạn Oliver Hoàng
• Bạn Thái Hà

Ba bạn sẽ nhận được phần quà nho nhỏ là một chiếc loa bluetooth rất đẹp mắt:

Phần đầu chương trình, Leo, software engineer của Magestore đã trình bày về tổng quan kiến trúc Headless Commerce và so sánh với các mô hình khác.

‍

Kiến trúc Headless là kiến trúc mà tách phần logic nghiệp vụ, data ra khỏi phần giao diện. Điều này mang tới nhiều lợi thế so với các mô hình khác.

Leo đã đưa ra 3 mô hình phổ biến hiện nay:

‍

Commerce Led – “Full Stack”

‍

TIếp theo là mô hình Experience Led – “Hybrid”

‍

Sau cùng chính là API-based – “Headless Commerce”

‍

Điều này đã đem tới website của chúng ta những lợi thế khi phát triển phần mềm. Đó là:

‍

‍

‍

‍

Kiến trúc Headless trong Magento

Phần tiếp theo, Eden - Senior Software Engineer tại Magestore đã đưa ra mô hình Headless này đã được ứng dụng trong Magento thế nào.

‍

‍

‍

‍

‍

‍

‍

ở slide cuối, Eden đưa ra một số những câu hỏi thường gặp và các câu trả lời xung quanh mô hình Headless của Magento

• Headless thực ra không mới ở Magento, nhưng magento mới triển khai GraphQL đem lại hiệu quả tốt hơn.
• PWA Studio là headless và tối ưu cho storefront
• Merchant nên bắt đầu chuyển sang headless vì phát triển nó rất khác mô hình truyền thống

Headless trong sản phẩm Magestore

Vậy Magestore đã áp dụng Headless như thế nào? Ở phần cuối, Abel đã cho ta thấy ứng dụng của Headless trong sản phẩm Magestore

‍

‍

‍

‍

‍

Đây sẽ là kiến trúc chung của SP Magestore sau này. Đó là Headless hoàn toàn với sự xuất hiện của GraphQL ở API, và các app khác sẽ được build hầu hết dùng ReactJS.

Với những phần này, để dễ hiểu hơn nữa các bạn hãy xem Video của sự kiện để nắm bắt thông tin được chi tiết hơn.

Khi những thông tin về buổi webinar vừa khép lại, đã có một số câu hỏi được đặt ra cho các diễn giả. Đó là về bài học thất bại, về kinh nghiệm các website nào nên sử dụng Headless … khiến buổi webinar trở lên sôi động hơn.

Webinar ngày hôm đó khép lại vào lúc 9h30 tối với sự tham gia của khoảng 35 người. Magestore xin chân thành cảm ơn các bạn đã tham gia webinar, ở lại đến những giây phút cuối cùng, cùng trao đổi chia sẻ và đóng góp tích cực cho chương trình. Chúng mình sẽ mang đến những topic thú vị, ý nghĩa trong các số Chân Chất Kể Tất tiếp theo.

Video webinar #14:

‍