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:

image

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.

image

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”

image
Mô hình này rất truyền thống, tập trung tất cả các phần vào một nền tảng duy nhất.

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

image
Mô hình này đã bắt đầu có sự tách biệt phần commerce platform và phần digital experience.

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

image
Mô hình này đã tách biệt hoàn toàn phần business nghiệp vụ ra khỏi phần giao diện. Tất cả đều được tương tác qua API.

Đ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à:

image
Tăng tốc độ phát triển website do có thể tách các phần với nhau => khả năng phát triển song song

image
Dễ tùy biến và cá nhân hóa website

image
Làm website nhanh hơn

image
Giúp đội marketing build các campaign dễ dàng hơn

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.

image
Đầu tiên là các bước tiến hóa trong cấu trúc của Magento. Magento đang chuyển dần từ mô hình truyền thống , tất cả trong một sang mô hình Headless.

image
Đây là sơ đồ cấu trúc tầng API của Magento để phục vụ cho mô hình Headless.

image
Magento sử dụng Graphql để implement mô hình headless được dễ dàng và đem lại hiệu năng cao nhất.

image
Magento đang bổ sung các API GraphQL lên từng ngày qua từng phiên bản Magento

image

ở 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

image
Đầu tiên Abel đưa ra câu chuyện về mô hình truyền thống trong SP Magestore

image
Tiếp theo là sản phẩm POS , đã bắt đầu dùng API nhưng vẫn có một phần phụ thuộc vào Magento. Có thể coi là 1/2 headless.

image

Mô hình cuối chính là sản phẩm Magestore bây giờ. Nó đã theo mô hình Headless, nhưng hiện tại vẫn đang dùng Rest API của Magento. Sẽ dần chuyển sang GraphQL ở các phiên bản sau.

image
Kiến trúc của POS

image
Kiến trúc của POS
image
Kiến trúc tương lai của 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:


Hãy đăng ký nhận tin để là người đầu tiên đọc bài viết mới nhất từ chúng tôi nhé

Posted 
May 28, 2021
 in 
Tech
 category

Bài viết khác từ

Tech

category

View All