Mevcut bir web uygulamasını yeniden düzenlemeye nasıl yaklaşılır?

Son zamanlarda çok okuyup düşünüyorum ve belki de web geliştirme stratejimi yeniden düşünmem gerektiği sonucuna vardım. Anında programlama yapıyorum ve 2 yıldır bir PHP web uygulaması üzerinde çalışıyorum, küçük bir araç olarak başlamış olabilecek şey oldukça büyük bir proje oldu. Ama benden bir ton eski kod var ve selefim, o zaman mantıklı olabilecek kod pasajı, ama şimdi söz konusu kodun yararlılığını aslında formda sorgulıyorum. Ayrıca, birim test ve Test Odaklı Geliştirme gibi şeyler yakın zamana kadar benim kapsamımda değildi.

Peki, web uygulamasını yeniden düzenlemeye nasıl yaklaşırsınız? Bakmam gereken şeyler nelerdir ve hangi sırayla? Tarayıcı oyununa karşı işlevsel web uygulamasına ne dersiniz? O halde yaklaşımda bir fark olur mu?

Hemen hemen her türlü eski koda yaklaştığınız gibi. Test edilebilir bir parça bulursunuz, bunun için testler yazarsınız ve refactor.

Kolayca test edilebilir bir parça bulamazsanız, bir test paketinin güvenlik kemeri olmadan test edilebilir hale getirmeniz gerekir, bu durumda test edilebilir bir parça parçasını çok dikkatli bir şekilde değiştirirsiniz, böylece test edilebilir.

Tarayıcıya bir şey oluşturmayan kod - "altyapı" kodu, modeller, veritabanına dokunan şeyler - başlamak için iyi bir yer olabilir.

Düzenleme: UI testi: Burada çok az deneyime sahip olduğum uyarısı ile, bir arkadaşım bunu yapıyor: HTML üreten kodun bir parçasını çalıştırıyor. Sonra kodunu hackliyor ve yeni oluşturulan kodu eski versiyonla karşılaştırıyor (diff kullanarak; o kadar otomatik değil). HTML'deki değişiklikler, yeniden düzenleme işleminizin bozulduğu anlamına gelir.

Michael Feathers'ın "Eski Kodla Etkili Çalışma" adlı harika bir kitabı var. Kabul edelim, hepimizin eski kodu var.

Ana şey, oluşturduğunuz yeni kodu test etmek. Diğer kod parçalarına dokunmanız gerektiğinden, bunları test etmek için de fırsatlar bulacaksınız. Bu uzun ve yavaş bir süreçtir, ancak sistematik olarak devam ederseniz, zaman içinde genel ürünü gerçekten geliştirebilirsiniz.

• Evet - Web Uygulamaları Web Sitelerinden farklıdır

Onlara ayrı ayrı davranırdım. Sitenizin basitçe bir belge koleksiyonu olan (anonim kullanıcılar ve giriş yapan kullanıcılar için aynı görünen) bir kısmı varsa - yapılandırmanın en iyi yöntemi, dinamik olarak farklı sayfalar sunan bir web uygulamasından çok farklıdır. her kullanıcıya. Sitenin bu iki bölümünü iki uygulama / bileşene ayırın ve her bir bölümü farklı şekilde ele alın.

• Sürüm Kontrolünü Kullanmaya Başlayın

Kodunuz sürüm kontrolü altına alındıktan sonra, daha önce 'her ihtimale karşı' vb. Sakladığınız tüm gereksiz kodları güvenle kaldırabilir ve kaldırabilirsiniz. Sürüm kontrolü olmadan nasıl hayatta kaldığımı bilmiyorum.

• Sonsuzlukları azaltın

Dört farklı url'nin tümü aynı kaynağa işaret ediyorsa, sorun çok daha büyüktür. Sonunda sonsuz miktarda url ile uğraşıyorsunuz. Mümkün olan en kısa sürede, bir URL Normalleştirme politikasının uygulandığından emin olun. Bu yapıldıktan sonra, URL'lere anlamsal anlamlar eklemeye başlayabilir ve kaynaktan URL'ye ters aramalar yapabilirsiniz. Bu, "web baskısını" sitenin "kaynaklarından" ayırmanıza olanak tanır.

Kendinize sormalısınız, "bir url normalize edilmiş şekli nedir?" Bir kez bu sabitlendi. Daha sonra sitenizdeki 50,0000+ url, 2,000 olarak düşürülebilir. zihninizde anlaşılması ve yönetilmesi çok daha kolaydır.

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

• 'İstediğinizi değil' değil 'neyi' modelleyerek başlayın

Başlangıçtan itibaren en iyi uygulama düşünülerek tasarlanmamış eski bir siteyi düzenliyorsanız, 'karmaşadan' ideal tasarıma 'atlamak caziptir. En az iki adımda yapmanız gerektiğine inanıyorum: 'karışıklık' -> 'iyi modellenmiş eski kod' -> 'eklenen özelliklere sahip ideal yeni kod'. Özellik eklemeyi durdurun. Dağınıklığı düzeltmeye veya yolsuzlukla mücadele katmanının arkasına kapsüllemeye konsantre olun. Ancak o zaman, tasarımı daha iyi bir şeye değiştirmeye başlayabilirsiniz.

Bkz. Http://www.joelonsoftware.com/articles/fog0000000069.html

Bkz. Http://www.laputan.org/mud/

• Teste sokmak iyi bir fikirdir.

Bir test takımı / çerçevesi oluşturun ve testler eklemeye başlayın. Ancak, bazı eski kodları test etmek oldukça zor. Yani, ona fazla takılma. Orada çerçeveye sahip olduğunuz sürece, testleri yavaş yavaş ekleyebilirsiniz.

Bkz. Http://www.simpletest.org/en/web_tester_documentation.html

• Mahkumiyetlerinizde cesaret var

En iyi yazılım geliştirme uygulamaları literatürünün çoğu masaüstü merkezli / Kurumsal Uygulama Merkezlidir. Siteniz bir karmaşa içindeyken bu kitapları okuyorsunuz ve onlardan sızan bilgeliğe hayran olabilirsiniz. Ancak, bu en iyi uygulamanın çoğunun web / SEO önemli hale gelmeden önce zamanlar tahakkuk ettiğini unutmayın. Modern web hakkında çok şey biliyorsunuz, POEA, Gof vb. Klasik kitaplarda belirtilenden daha fazlası var. Onlardan alınacak çok şey var, ancak kendi deneyiminizi ve bilginizi tamamen atmayın.

Devam edebilirdim. Ama bunlar eski bir eski siteyi parlak ve yeni bir siteye yeniden düzenlerken seçtiğim bazı şeyler.

Bir şey yapmadan önce, projenizi kaynak kontrolünde tutmak en iyisidir. Bu şekilde, değişiklikleri geri alabilir veya ayrı bir dalda önemli değişiklikler üzerinde çalışabilir ve kilometre taşlarını etiketleyebilirsiniz.

Ardından, değiştirmeyi planladığınız kodlar için testler yazın. Her şey için testler yazarak hepsini bir anda dışarı çıkarmanıza gerek yok. Hemen üzerinde çalışmayı planladığınız şey. Teori, yeterli zaman verildiğinde, kod tabanının çoğunun testlerle karşılanacağını söyler. Bazı yeniden düzenleme işlemlerinin testler yapılmadan "güvenli" olduğuna dikkat edin - bunlar daha önce bahsedilen Eski Kod kitabında ve başka yerlerde şüphesiz belgelenmiştir .

Kodun bir bölümü için testler yapıldığında kodu değiştirin. Testler geçtiği sürece ne gerekiyorsa yapın.

Eski kodla bile, ekleme veya değişiklik yapıyorsanız TDD yapabilirsiniz. Sadece beklenen değişiklikleriniz için testler yazın, başarısız olduklarını görün ve ardından değişiklikleri yapın.

Bazı araçlar burada yararlı olabilir. NDepend , yüksek düzeyde birleştirilmiş kod ve diğer kokuları gösterebilir. NCover kod kapsam seviyelerinizi izler. FxCop aslında derleyicinin yaptıklarının ötesinde bir kod doğruluğu denetleyicisidir. Bunların hepsi, herhangi bir gerçek boyutta, özellikle eski çeşitlilikte bir proje için kullanışlı olması için kullanışlı araçlardır.

Sonuçta, bu çok adımlı bir süreçtir. Hepsini bir kerede yapmaya çalışmayın, sadece bir kerede biraz alın.

Beni sinirlendirecek kadar çirkinse, her şeyi silmek ve yerine bir damla yazmak benim için çirkin.

Daha sık olmamakla birlikte, bunu yapmak aynı zamanda zaman alır, çünkü orada oturmak ve örgütlenmemiş ve belgelenmemiş bir karmaşa etrafında parmak uçları ve nazikçe okşamak.