QUESTIONS? CALL: (+84) 24 666 026 12

HiveTech Solutions

HiveTech Solutions

HiveTech is a technology company focus on AI and big data technologies for educational purposes.

T (+84) 24 666 026 12
Email: contact@hivetech.vn

HiveTech JSC
No. 98 Hoang Quoc Viet Str, Cau Giay Dist, Ha Noi

Open in Google Maps
  • HOME
  • SERVICES
  • OUR MISSIONS & VALUES
  • PARTNERS
  • CONTACT
  • NEWS & EVENTS
  • RECRUITMENTS
  • Home
  • Posts
  • Front-End và Back-End giao tiếp như thế nào?
2023-05-31

Front-End và Back-End giao tiếp như thế nào?

by Thao Nguyen / Friday, 19 February 2021 / Published in Posts, Technology














I. Vấn đề xảy ra khi không giao tiếp

– Tôi đã trải qua các dự án, có làm việc chung với các bạn rank từ intern tới junior, middle(ít hơn). Đều nhận thấy những vấn đề chung xảy ra:

  • Xung đột quá trình phân tích task, cặp FE – BE không thống nhất cách làm task.
  • FE chờ BE làm xong mới thực hiện task đó được: chờ api, data, deploy.
  • BE thay đổi api, data không báo với FE, hoặc các bạn BE khác có dùng chung entity đó.
  • Gần hết dự án mới nêu vấn đề của mình gặp phải.
  • Không làm đúng yêu cầu, làm thiếu phần tích.

– Những vấn đề trên xảy ra thường xuyên đối với các đội chưa có kinh nghiệm nhiều. Nguyên nhân chủ yếu do thiếu kinh nghiệm, chưa thống nhất giữa các bên, chưa phân tích mà bắt tay vào code luôn,…

—> Để khắc phục những vấn đề trên, đội tôi thực hiện “chuyên nghiệp hóa” bằng cách lập ra “Contract”.

II. Ý tưởng

– Khi bắt tay làm task, bên FE – BE thống nhất cách làm như: data mẫu là gì, api như thế nào, có authentication – authorize không, bao giờ có api đó được đẩy lên server, có server mock không?…

– Khi có sự thay đổi phía khách hàng, thì phải thông báo sửa những gì bên BE cho FE.

– Khi task đó bị “lock” bởi ai đó, cần thông báo lên kênh dự án, để mn biết để suppor, cái này gọi là “kêu đúng lúc”, không ai chê trách bạn kém cả.

– Bên tôi đang dùng https://jsoneditoronline.org/ để tạo data mẫu trước, nâng cấp  đang sử dụng: https://restbird.org/, còn rất nhiều loại khác như: mockserver, postman mockserver, atomo mockserver, ….

– Các tool trên hỗ trợ: tạo data mẫu, tạo api mẫu, tạo client – server để mock vào api, một số chức năng khác

– Thêm nữa, để mọi người trách các lỗi chung: có tạo confluence của dự án. Viết unit test.

– BE – FE dùng các kĩ năng để thực hiện task: vẽ diagram, pseudo-code.

> Những thứ ràng buộc ở trên có thể không quen, có thể làm chậm tốc độ của bạn, nhưng nó có lợi ích rất lớn.

III. Lợi ích

– Khi đã có “CONTRACT”: thì bên FE-BE có thể làm song song, FE không cần đợi BE xong api nữa, có thể gọi luôn vào mock-server.

– Tránh các sự thay đổi như: BE thay đổi số lượng lớn data, thay đổi data base.

– Khi có sự thay đổi thì bên BE- FE thông báo với nhau, vì đã có contract nên sự thay đổi là ít nhất.

– Khi một bạn FE /BE làm xong task đó mà còn thời gian thừa, hỗ trợ đồng đội. Như thế mới trở thành một team.

– Các bạn dần trở nên chuyên nghiệp, khác hẳn với những đội “thân ai người đó lo”. Khi trở nên chuyên nghiệp thì đương nhiên $.$ sẽ theo đuổi bạn.

– Tránh lãng phí thời gian của các bên, tiết kiệm chi phí.

– … còn nhiều nữa.

Cuối cùng, hãy luôn trang bị hành trang để trở nên chuyên nghiệp nhé. Thân ái và chào quyết thắng!

Ugo Tran

  • Tweet
Tagged under: Communication, Front-end

About Thao Nguyen

What you can read next

Intern tại HiveTech có gì hay?
Hệ cơ sở dữ liệu – MariaDB
Newbie Back-end chuyển sang newbie Front-end

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Thực Tập Sinh Nhân Sự Tổng Hợp

    1. Mô Tả Công Việc Hỗ trợ các công việc hành ch...
  • DevOps Engineer (AWS/Azure/GCP)

    1. Mô Tả Công Việc Nghiên cứu, xây dựng và triể...
  • Tester/Quality Assurance Engineer

    1. Mô Tả Công Việc Tham gia các dự án có domain...
  • Giảng Viên Tiếng Anh nội bộ

    1. Mô Tả Công Việc Trực tiếp tham gia giảng dạy...
  • CHỦ TỊCH HIVETECH VIỆT NAM NGÔ THÀNH LÊ: “HÃY TRỞ THÀNH MỘT NHÂN VIÊN GIỎI TRƯỚC KHI KHỞI NGHIỆP”

    Từ bỏ vị trí công việc ổn định tại doanh nghiệp...

Recent Comments

  • hivequeen on Intern/Fresher ReactJS/VueJS Developer
  • Khuất Anh Tuấn on Intern/Fresher ReactJS/VueJS Developer

Archives

  • November 2022
  • October 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • March 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • November 2019
  • September 2019
  • July 2019
  • June 2019

Categories

  • Mobile
  • Networking
  • Posts
  • Recruitment
  • Sale
  • Technology
  • Uncategorized

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Featured Posts

  • Thực Tập Sinh Nhân Sự Tổng Hợp

    0 comments
  • DevOps Engineer (AWS/Azure/GCP)

    0 comments
  • Tester/Quality Assurance Engineer

    0 comments
  • Giảng Viên Tiếng Anh nội bộ

    0 comments
  • CHỦ TỊCH HIVETECH VIỆT NAM NGÔ THÀNH LÊ: “HÃY TRỞ THÀNH MỘT NHÂN VIÊN GIỎI TRƯỚC KHI KHỞI NGHIỆP”

    0 comments
  • DISCLAIMER
  • SUPPORT POLICY
  • LEGAL
HiveTech Solutions

© HiveTech 2019 All rights reserved

TOP