網路交易平台開發案
本案採用前後端分離的方式進行協作,我們公司主要負責「純前端」部分,採用 Angular 前端開發框架,不但大幅縮短開發時程,同時也提升了網站效能與操作體驗。在其複雜功能的背後,更維持網站具有一定的可維護性。
基富通證券官網擁有為數龐大的各式基金商品資訊,為了能夠提升使用者體驗,前端頁面進基富通證券官網擁有為數眾多的各式基金商品資訊,龐雜的資訊讓他們的客戶很難快速的找到想得到的資訊。為了能夠大幅提升使用者體驗,便對整個網頁前端進行了一次大幅度的改造。
由於頁面數相當多,而且需要符合國家主管機關的規定,我們最後採用前後端分離的方式進行協作,我們公司主要負責「純前端」部分,而後端 API 部分則使用 OpenAPI 與 Postman 進行協作。
我們在本案採用 Angular 前端開發框架,不但大幅縮短開發時程,同時也提升了網站效能與操作體驗。在其複雜功能的背後,更維持網站具有一定的可維護性!
本案在疫情尖峰的期間完成,數十位團隊成員在「線上」進行互動,我們的專案管理人員採用了 Azure Boards 進行看板管理,透過一目了然的 Backlogs 工作規劃,與每個衝刺週期(Sprint)的工作安排,幫助我們每天只需要 5 ~ 10 分鐘的晨會就能輕鬆掌握專案的現況,並且有效的改善前後端彼此之間的溝通難題。
由於前後端開發人員不在同一個辦公室工作,雙方的溝通協調就變的時分重要。我們雖然負責前端開發部分,但後端部分我們也提供了完整的開發流程建議,透過自動化的 API 測試與用戶端函式庫的整合,可以大幅提高協作的效率,降低前後端規格不一致的情況發生。
本案採用 Angular 開發框架,其程式語言使用 TypeScript 進行開發,我們在與後端 API 串接的時候,採用了 100% 強型別的方式開發,所有前端用來存取後端 API 的用戶端程式庫都是由工具自動產生的,程式碼在強型別的保護下,可以幫助我們在第一時間就能得知後端 API 的異動情況,因此大幅的改善了前端開發者體驗。
我們在專案初期,設計了數十個可以被重複使用的共用元件 (Components),並透過 Storybook 建立動態的元件說明網站,此舉幫助我們的前端工程團隊縮短了開發的工期,同時也提升的網站的穩定度與品質。