- PyScript, WebAssembly kullanarak Python kodunu HTML içine yerleştirmeye olanak tanır ve NumPy ve Pandas gibi güçlü kütüphaneleri destekler.
- Brython, Python kodunu JavaScript'e çevirerek DOM ve SVG öğelerinin hafif manipülasyonu için ideal bir araç haline gelir.
- WebAssembly, derlenmiş dillerin web üzerinde neredeyse yerel performansla çalışmasını sağlayan temel teknolojidir.
- Arka uç mantığını yönetmek için Flask ve Django gibi geleneksel sunucu tabanlı alternatifler mevcuttur.
Python'ın gücünü tarayıcı ortamına taşımak uzun zamandır birçok geliştiricinin hayaliydi. Yakın zamana kadar, web'de herhangi bir şeyin hareket etmesini istiyorsanız, JavaScript tartışmasız kraldı ve harici bir sunucuya bağımlı kalmadan istemci tarafı mantığını yürütmek için tek geçerli seçenekti.
Ancak, arka uç engellerini ortadan kaldıran çeşitli araç ve standartların ortaya çıkması sayesinde durum kökten değişti . Bugün, Python'ı HTML ile entegre etmenin, kodu çeviren derleyicilerden, Chrome gibi önde gelen tarayıcınızın sekmesinde doğrudan inanılmaz performans sağlayan ikili teknolojilerin kullanımına kadar birçok yolu var.
PyScript: Anakonda Devrimi
En önemli ilerlemelerden biri, Anaconda'nın PyScript'i piyasaya sürmesiyle gerçekleşti. Bu çerçeve, basitçe bir sarmalayıcı katman görevi görüyor... Pyodide, Emscripten ve WebAssembly (Wasm)Bu, Python'ın istemci tarafında neredeyse tamamen şeffaf bir şekilde çalışmasına olanak tanır. En çekici yönü ise, Python kodunu doğrudan özel HTML etiketleri içinde yazmanıza izin vermesidir, örneğin: <py-script>Bu durum, etkileşimli uygulamaların oluşturulmasını büyük ölçüde kolaylaştırmaktadır.
Başlamak için, PyScript CSS ve JS dosyalarını belge başlığına eklemeniz yeterlidir. En büyük avantajlarından biri de şudur: Ağır kütüphaneleri destekler. NumPy, Pandas veya Scikit-learn gibi, etiket kullanılarak yapılandırılabilen kütüphaneler <py-env>Ek olarak, PyScript şunları sunar: JavaScript ile çift yönlü iletişimBu modül kullanılarak tarayıcının DOM'unun manipüle edilmesine olanak sağlanır. js Python.
Arayüz konusuna gelince, PyScript bu konuda da geri kalmıyor, çünkü birçok özellik sunuyor. entegre UI bileşenleri olarak <py-button> o <py-inputbox>Etkileşim kurulduğunda Python fonksiyonlarını çalıştıran bir yapıdır. Ancak, WebAssembly tabanlı olması nedeniyle, İlk yükleme süresi uzun olabilir. ve mobil cihazlardaki performans düşebilir.
Brython: Python, JavaScript'e çevrildi
Yük açısından daha hafif bir alternatif arıyorsak, Brython klasik bir seçimdir. PyScript'in aksine, Brython tamamen JavaScript ile yazılmış bir Python 3 uygulamasıdır. Python kodunu çevir Böylece tarayıcı bunu anlayabilir. Çalışması için fonksiyonu çağırmak şarttır. brython() olayda onload HTML gövdesinin.
Brython, HTML ve SVG öğeleriyle etkileşim kurma yeteneğiyle öne çıkıyor. Nesne kullanımı yoluyla documentmümkün içeriği dinamik olarak ekle veya aşağıdaki gibi özel operatörler kullanarak bir SVG tuvaline geometrik şekiller çizin: =< Belge ağacına düğümler eklemek için kullanılır. Çok yönlülüğüne rağmen, bazı sınırlamaları vardır: Tüm modülleri desteklemiyor. Standart kütüphanenin bir parçasıdır ve veri giriş ve çıkışının HTML öğeleri aracılığıyla ele alınmasını gerektirir, çünkü print() o input() Geleneksel yöntemlerle çalışmıyorlar.
Diğer uygulamalar ve karşılaştırmalar
Ekosistem geniş ve başka ilginç projeler de var. Bir yandan, JavaScript aracılığıyla Python 2 ve 3'ü destekleyen Skulpt ve JavaScript için derleyici görevi gören Transcrypt var, ancak ikincisi unutulmuş gibi görünüyor. Ayrıca, JavaScript ile yazılmış bir bayt kodu yorumlayıcısı ve Antlr ile oluşturulmuş bir ayrıştırıcı kullanarak farklı bir yaklaşım öneren ve Python'ın daha yeni sürümlerine yükseltmeyi kolaylaştıran VistaPython da mevcut.
Yaklaşımları karşılaştırdığımızda, Brython ve Skulpt'un bakımı zor olan manuel ayrıştırıcılar kullandığını görüyoruz. Buna karşılık, Pyodide (PyScript'in temeli) , CPython'un WebAssembly'ye gerçek bir uyarlamasıdır ve çok daha büyük bir paket indirme maliyetine rağmen çok daha yüksek uyumluluk garanti eder. VistaPython, esneklik ve boyut arasında bir denge kurmaya çalışarak , uygulamaların herhangi bir cihazda hızlı çalışmasını sağlamak için yük profillerini optimize eder.
Geleneksel yöntemler ve arka uç
Her şeyin tarayıcıda gerçekleşmesi gerekmiyor. Birçoğu için Python ve HTML'i birleştirmenin en sağlam yolu hala şu şekilde devam ediyor... sunucu çerçeveleri gibi Python'da Flask veya DjangoBu şemada, Python sunucu tarafındaki mantığı yönetir ve oluşturulan HTML'i istemciye gönderir veya bir istemci gibi davranır. REST API JavaScript ile yazılmış bir ön uç ile JSON formatında veri alışverişi yapan bir uygulama. fetch o axios.
CGI (Common Gateway Interface) gibi daha eski yöntemler de mevcuttur; bunlar karmaşıklıkları nedeniyle artık eskimiş kabul edilse de dinamik web'in temelini oluşturmuştur. Sadece veri sunması gerekenler için, Jupyter not defterlerini HTML'ye dönüştürmek, teknik karmaşıklık olmadan teknik raporları yayınlamanın en hızlı yoludur.
Tüm bunların arkasındaki motor: WebAssembly
Python, C++ ve Rust gibi dillerin web'e ulaşmasını sağlayan gerçek sihir WebAssembly'dir (Wasm). Bu açık standart, ikili kodun neredeyse yerel performansla çalıştırılmasını sağlar. Wasm sayesinde Adobe gibi şirketler Photoshop'u web'e taşıyabildi ve AutoCAD ile Figma veri yükleme ve işleme süreçlerini önemli ölçüde optimize etti.
İster Brython çevirisiyle ister PyScript'in ikili gücüyle olsun, istemci tarafında Python çalıştırma yeteneği, kullanıcının bilgisayarına herhangi bir şey yüklemesine gerek kalmadan karmaşık veri bilimi araçları ve uygulamaları oluşturmak için bir dünya olasılık sunarak, gelişmiş programlamaya erişimi demokratikleştiriyor.
Python'ın web'e entegrasyonu, basit sunucu tarafı komut dosyalarından WebAssembly aracılığıyla ikili yürütmeye kadar evrim geçirerek, Brython ile JavaScript'e hafif çeviri veya PyScript ve Pyodide'ın tüm gücü arasında seçim yapmanıza olanak tanıyarak ön uç geliştirme anlayışımızı dönüştürdü.
