Làm thế nào để tiếp cận tái cấu trúc một ứng dụng web hiện có?

Gần đây tôi đã đọc và suy nghĩ rất nhiều, và tôi đã đi đến kết luận rằng có lẽ tôi nên suy nghĩ lại về chiến lược phát triển web của mình. Tôi đang làm rất nhiều chương trình đang hoạt động, và trong 2 năm tôi đã làm việc trên một ứng dụng web PHP, những gì có thể đã bắt đầu khi một công cụ nhỏ đã trở thành một dự án lớn. Nhưng có rất nhiều mã kế thừa từ tôi và người tiền nhiệm của tôi, đoạn mã có thể có ý nghĩa vào thời điểm đó, nhưng bây giờ tôi đang đặt câu hỏi về tính hữu dụng của mã nói ở dạng thực sự. Hơn nữa, những thứ như thử nghiệm đơn vị và Phát triển dựa trên thử nghiệm không nằm trong phạm vi của tôi cho đến gần đây.

Vì vậy, làm thế nào bạn sẽ tiếp cận tái cấu trúc ứng dụng web? Điều gì sẽ là những thứ tôi nên tìm kiếm và theo thứ tự nào? Những gì về trò chơi trình duyệt so với ứng dụng web chức năng? Sau đó sẽ có sự khác biệt trong cách tiếp cận?

Khá giống với cách bạn tiếp cận bất kỳ loại mã kế thừa nào. Bạn tìm thấy một mảnh có thể kiểm tra được, bạn viết các bài kiểm tra cho nó và tái cấu trúc.

Nếu bạn không thể tìm thấy một mảnh dễ kiểm tra, bạn sẽ cần phải kiểm tra nó mà không cần khai thác an toàn của bộ kiểm tra, trong trường hợp đó bạn rất cẩn thận thay đổi một số mã gần như có thể kiểm tra để có thể kiểm tra được.

Mã không hiển thị mọi thứ cho trình duyệt - mã "cơ sở hạ tầng", mô hình, công cụ chạm vào cơ sở dữ liệu - có thể là một nơi tốt để bắt đầu.

Chỉnh sửa: Kiểm tra giao diện người dùng: Với cảnh báo rằng tôi có ít kinh nghiệm ở đây, một người bạn của tôi thực hiện điều này: anh ta chạy một số đoạn mã tạo HTML. Sau đó, anh ta hack mã của mình và so sánh mã được tạo mới so với phiên bản cũ (sử dụng diff; anh ta đã không tự động hoàn toàn). Thay đổi trong HTML có nghĩa là tái cấu trúc của bạn bị hỏng.

Có một cuốn sách tuyệt vời về điều này được gọi là "Làm việc hiệu quả với Bộ luật kế thừa" của Michael Feathers. Hãy đối mặt với nó, tất cả chúng ta đều có mã kế thừa.

Điều chính là lái thử mã mới mà bạn đang tạo. Khi bạn phải chạm vào các đoạn mã khác, bạn cũng sẽ tìm thấy cơ hội để kiểm tra chúng. Đó là một quá trình chậm chạp dài, nhưng nếu bạn thực hiện nó một cách có hệ thống, bạn thực sự có thể cải thiện tổng thể sản phẩm theo thời gian.

• Có - Ứng dụng web khác với Trang web

Tôi sẽ đối xử với họ một cách riêng biệt. Nếu bạn có một phần của trang web của mình chỉ đơn giản là một bộ tài liệu (trông giống với người dùng ẩn danh và người dùng đã đăng nhập) - thì phương pháp tốt nhất để cấu trúc nó rất khác với ứng dụng web phục vụ các trang khác nhau động cho mỗi người dùng. Chia hai phần của trang web thành hai ứng dụng / thành phần và giải quyết từng phần khác nhau.

• Bắt đầu sử dụng Kiểm soát phiên bản

Khi mã của bạn nằm dưới sự kiểm soát phiên bản, bạn có thể tự tin và loại bỏ tất cả các mã không cần thiết mà trước đây bạn đã giữ 'chỉ trong trường hợp', v.v. Tôi không biết làm thế nào tôi sống sót mà không kiểm soát phiên bản.

• Giảm thiểu vô số

Nếu bốn url khác nhau đều trỏ đến cùng một tài nguyên, thì vấn đề sẽ lớn hơn nhiều. Bạn kết thúc đối phó với một lượng vô hạn của các url. Ngay khi bạn có thể, hãy đảm bảo rằng bạn có chính sách Bình thường hóa URL. Khi đã xong, bạn có thể bắt đầu đính kèm ý nghĩa ngữ nghĩa vào URL và có thể thực hiện tra cứu ngược từ tài nguyên sang url. Điều này cho phép bạn tách 'dấu ấn web' khỏi 'tài nguyên' của trang web.

Bạn phải tự hỏi, "được cung cấp một url, dạng chuẩn hóa của nó là gì?". Một khi bạn đã có pin ghim xuống. Sau đó, 50,0000+ url trên trang web của bạn có thể được giảm xuống, 2.000. đó là dễ dàng hơn nhiều để hiểu và quản lý trong tâm trí của bạn.

xem: http://www.sugarrae.com/be-a-n normalizer-a-c14n-exterminator/

• Bắt đầu bằng cách mô hình hóa 'cái gì là', không phải 'cái bạn muốn'

Nếu bạn đang dọn dẹp một trang web cũ, không được thiết kế với tâm trí tốt nhất ngay từ đầu, thì thật là hấp dẫn khi chuyển từ 'một mớ hỗn độn' sang 'thiết kế lý tưởng'. Tôi tin rằng bạn cần thực hiện trong ít nhất hai bước: 'mess' -> 'mã kế thừa được mô hình hóa tốt' -> 'mã mới lý tưởng với các tính năng được thêm vào'. Dừng thêm tính năng. Tập trung vào việc sửa chữa mớ hỗn độn hoặc gói gọn nó đằng sau một lớp chống tham nhũng. Chỉ sau đó, bạn có thể bắt đầu thay đổi thiết kế thành một cái gì đó tốt hơn.

Xem: http://www.joelonsoftware.com/articles/fog0000000069.html

Xem: http://www.laputan.org/mud/

• Đặt nó dưới sự kiểm tra là một ý tưởng tốt.

Tạo một bộ kiểm tra / khung và bắt đầu thêm các bài kiểm tra. Nhưng, nó khá khó để kiểm tra một số mã kế thừa. Vì vậy, đừng quá bận tâm về nó. Miễn là bạn có khung ở đó, bạn có thể thêm các bài kiểm tra từng chút một.

Xem: http://www.simpletest.org/en/web_tester_documentation.html

• Có can đảm trong niềm tin của bạn

Hầu hết các tài liệu về thực tiễn tốt nhất về phát triển phần mềm là trung tâm máy tính để bàn / Enterprise App Centric. Trong khi trang web của bạn đang ở trong một mớ hỗn độn, bạn đọc những cuốn sách này và bạn có thể sợ hãi sự khôn ngoan toát ra từ chúng. Nhưng, đừng quên rằng hầu hết các hoạt động tốt nhất này đã được tích lũy trong thời gian trước khi web / SEO trở nên quan trọng. Bạn biết rất nhiều về web hiện đại, nhiều hơn được đề cập trong các cuốn sách kinh điển như POEA, Gof, v.v. Có rất nhiều thứ để lấy từ chúng, nhưng không loại bỏ hoàn toàn kinh nghiệm và kiến ​​thức của riêng bạn.

Tôi có thể tiếp tục. Nhưng đó là một số thứ mà tôi đã chọn khi tái cấu trúc một trang web cũ thành một trang mới sáng bóng.

Trước khi làm bất cứ điều gì, tốt nhất là để dự án của bạn kiểm soát nguồn. Bằng cách này, bạn có thể khôi phục các thay đổi hoặc thực hiện các thay đổi lớn trên một nhánh riêng biệt, cũng như các cột mốc thẻ.

Tiếp theo, viết bài kiểm tra cho bất kỳ mã nào bạn dự định thay đổi. Bạn không cần phải đi hết tất cả cùng một lúc, viết bài kiểm tra cho tất cả mọi thứ. Chỉ cần những gì bạn có kế hoạch để được làm việc ngay lập tức. Lý thuyết cho rằng đủ thời gian, hầu hết các cơ sở mã sẽ được kiểm tra. Lưu ý rằng một số phép tái cấu trúc là "an toàn" để thực hiện mà không cần kiểm tra - những điều này được ghi lại trong sách Bộ luật kế thừa được đề cập trước đó và không nghi ngờ gì ở nơi khác.

Với các thử nghiệm tại chỗ cho một phần của mã, thay đổi mã. Làm bất cứ điều gì bạn cần, miễn là các bài kiểm tra vẫn vượt qua.

Ngay cả với mã kế thừa, bạn có thể thực hiện TDD nếu thực hiện bổ sung hoặc thay đổi. Trước tiên, chỉ cần viết bài kiểm tra cho các thay đổi dự đoán của bạn, xem chúng không thành công và sau đó thực hiện các thay đổi.

Một số công cụ có thể hữu ích ở đây. NDepend có thể chỉ ra mã được ghép nối cao và các mùi khác. NCover theo dõi mức độ bao phủ mã của bạn. FxCop về cơ bản là một trình kiểm tra tính chính xác của mã, vượt ra ngoài những gì trình biên dịch làm. Đây là tất cả các công cụ hữu ích để có ích cho một dự án có kích thước thật, đặc biệt là sự đa dạng về di sản.

Cuối cùng, đó là một quá trình gồm nhiều bước. Đừng cố gắng làm tất cả cùng một lúc, chỉ cần thực hiện một chút tại một thời điểm.

Nếu nó đủ xấu để làm tôi bực mình, thì nó đủ xấu để tôi xóa toàn bộ và viết một thay thế.

Bạn sẽ thấy rằng thường xuyên hơn không, phải mất cùng một thời gian để làm điều này, cũng như ngồi đó và nhón chân xung quanh một mớ hỗn độn không có tổ chức và không có giấy tờ và vuốt ve nhẹ nhàng.