介紹
數位轉型每年涵蓋越來越多的生活和商業領域。如果企業想要保持競爭力，普通的資訊網站已經不夠了，需要行動和網路應用程序，不僅為用戶提供訊息，還允許他們執行某些功能：接收或訂購商品和服務、提供工具。
例如，現代銀行僅僅擁有一個包含資訊的網站已經不夠了；他們需要為客戶提供線上工具，即用戶可以管理帳戶、投資和貸款的個人帳戶。即使是小型企業也需要方便的工具來提高轉換率，例如預約醫生或理髮師，或在餐廳或兒童遊戲室預訂生日派對的餐桌。
業主本身需要以方便的形式及時接收有關公司狀況的信息，例如收集不同生產部門的統計數據和分析，或部門的生產力。通常，每個部門都會以自己的方式收集這些數據，甚至可能使用不同的工具，而所有者需要花費大量的個人時間來了解所有這些，這會間接或直接影響公司的效率，並最終影響公司的利潤。數位轉型和網路或行動應用程式開發也將在這方面有所幫助。
科技不會停滯不前，而是在不斷發展，幾年前使用的東西今天可能不再適用，或者幾年前做不到的事情已經成為現實。有更多現代工具可以幫助您更快更好地建立 Web 和行動應用程式。根據個人觀察和經驗，我想分享我對不久的將來需要哪些技術和工具以及為什麼在創建現代 Web 應用程式時應該關注它們的看法。
單頁應用程式
讓我們稍微定義一下術語。單頁應用程式 (SPA) 是一種 Web 應用程序，其元件在一個頁面上加載一次，並根據需要加載內容。當在應用程式的各個部分之間移動時，頁面不會完全重新加載，而只會加載和顯示必要的資料。
單頁應用程式在速度和易用性方面大大受益於經典 Web 應用程式。借助 SPA，您可以實現網站像桌面應用程式一樣運行的效果，而無需重新啟動和明顯的延遲。
如果幾年前單頁應用程式實際上不支援搜尋引擎優化並且主要用於建立個人帳戶和管理面板，那麼今天創建完全支援搜尋引擎優化 (SEO) 的單頁應用程式變得更加容易。如今使用伺服器渲染的單頁應用程序，這個問題已經完全消失了。換句話說，這是同一個單頁面應用程序，但在第一個請求時，伺服器不僅生成數據，而且創建一個可供顯示的 HTML 頁面，搜尋引擎接收包含所有元資訊和語義標記的現成頁面。
隨著創建客戶端 Web 應用程式的工具的發展，單頁應用程式的開發和過渡在今年和隨後的幾年中只會增長。如果您有一個過時且運行緩慢的舊應用程序，甚至在部分之間切換時重新加載完整的頁面，那麼今年您可以安全地升級到快速的單頁應用程序 - 現在是個好時機，技術已經允許您非常快速有效地做到這一點。
擁有一個現代且快速的網站非常好，但讓我誠實地告訴你：並非所有應用程式都可以輕鬆轉換為單頁應用程序，而且轉換成本可能會很高！因此，您需要了解誰需要這樣的轉變以及原因。
為了幫助您理解，在下表中，我將給出一些範例，說明何時開發或切換到 SPA 是適當且合理的，何時不是。
FOR
如果你想製作一個現代、快速的應用程序，並且不僅想使用網頁版本，還想使用移動甚至桌面版本，並且所有過程和計算都在遠端或雲端伺服器上進行。此外，使所有客戶端都有一個互動介面，並且在添加新客戶端時無需對伺服器程式碼進行每次編輯。
例如：社群網路、聚合器、SaaS 平台（軟體即雲端服務）、市場
如果您有商店或網路服務，您知道它很慢並且人們正在離開，您希望使其更快，您了解客戶的價值並準備支付超過一百萬盧布進行升級。
您有一個使用該網站 API 的行動應用程序，但該網站速度很慢，並且在頁面之間移動時需要重新加載完整的內容
反對
如果您的目標受眾不使用現代瀏覽器和裝置。
例如：特定的企業領域，如銀行、醫療機構、教育等內部系統的發展。
您的主要活動在線下進行，不准備在網上提供任何服務，您只需要吸引客戶。
如果您的線上商店或網路服務已經銷售良好，您將不會看到客戶流失或抱怨
如果您有一個無法適應 SPA 的可用應用程序，並且您只需要從頭開始重寫所有內容並使用其他技術，並且您不准備為此花費數百萬美元。
例如：有一個盒裝網站或某種自製的古老的整體程式碼。
漸進式Web應用程序
漸進式 Web 應用程式是本機應用程式和網站共同發展的產物。本質上，這是一個 Web 應用程序，其外觀和行為類似於真正的本機應用程序，可以接收推播通知、在離線模式下工作等。在這種情況下，用戶不需要從AppStore或Google Play下載應用程序，而只需將其保存到桌面即可。
PWA作為一種技術或開發方式，自2015年開始發展，最近在電商領域獲得了巨大的人氣。
一些現實生活中的例子：
- 去年，Best Western River North 酒店在推出支援 PWA 的新網站後，收入增加了 300%；
- 阿拉伯語 Avito OpenSooq.com 在其網站上建立 PWA 支援後，網站造訪時間增加了 25%，潛在客戶數量增加了 260%；
- 著名的約會服務 Tinder 透過開發 PWA，能夠將加載速度從 11.91 秒降低到 4.69 秒；此外，該應用程式的重量比原生 Android 同類應用程式減輕了 90%。
創建電子商務專案的最大引擎之一 Magento 在 2018 年推出了 PWA Studio 的早期開發版本，這一事實也表明了這項技術值得關注。該平台可讓您為具有 PWA 支援的電子商務解決方案建立一個基於 React 的開箱即用的前端。
對於那些已經擁有互聯網項目或只是有一個支持移動設備的新服務的想法的人的建議是：不要急於編寫成熟的本機應用程序，而是首先看看 PWA 技術。這可能是您產品的最佳性價比解決方案。
一點點來自實踐。要創建一個簡單的原生行動新聞應用程序，假設您已經擁有現成的 REST 伺服器，那麼每個平台大約需要 200-300 工時。由於一小時開發的平均市場價格為 1500-2000 盧布/小時，一個應用程式的成本約為 1 萬盧布。如果您開發一個完全支援 PWA 的 Web 應用程式：推播通知、離線模式和其他好處，那麼開發將需要 200-300 個工時，但該產品將立即在所有平台上可用。也就是說，大約可以節省 2 倍，更不用說您無需支付應用程式商店放置費用。
無服務器
這是另一種現代的發展方法。因為這個名字，很多人認為這是真正的無伺服器開發，不需要編寫後端程式碼，任何前端開發人員都可以創建一個成熟的網路應用程式。但事實並非如此！
建立無伺服器應用程式時，您仍然需要伺服器和資料庫。這種方法的主要區別在於，後端程式碼以雲端函數的形式呈現（無伺服器的另一個名稱是 FaaS，函數即服務或 Functions-as-a-Service），並允許應用程式快速擴展和擴展。容易地。在創建此類應用程式時，開發人員可以專注於業務問題，而不必考慮擴展和設定基礎設施，從而加快應用程式開發速度並降低其成本。此外，無伺服器方法將幫助您節省伺服器租金，因為它使用完成任務所需的資源，如果沒有負載，則根本不使用伺服器時間，也不支付費用。
例如，美國大型媒體公司Bustle改用Serverless後，託管成本降低了60%以上。可口可樂公司在開發透過自動販賣機銷售飲料的自動化系統時，透過轉向無伺服器，能夠將託管成本從每年 13000 美元降低到 4500 美元。
在過去的幾年裡，由於其新穎性和局限性，無伺服器主要用於小型專案、新創公司和MVP，但今天，由於軟體的發展、伺服器容器化的多功能性和強大功能，工具不斷湧現，讓您消除限制、簡化並加速雲端應用程式的開發。
這意味著以前認為不可能實現雲端現代化的企業業務場景（例如，對於邊緣設備、傳輸中的資料或有狀態應用程式）現在已成為現實。 kNative 和 Serverless enterprise 是展現巨大前景的好工具。
但儘管如此，無伺服器並不是 Web 應用程式開發的靈丹妙藥。就像任何其他技術一樣，它有其優點和缺點，你需要在理解的情況下選擇這種工具，而不是僅僅因為它技術更先進而「不要用顯微鏡釘釘子」。
為了幫助您弄清楚這一點，以下是您在開發新的或增強當前的 Web 服務時可能需要考慮無伺服器的一些範例：
- 當伺服器上的負載是週期性的並且您為閒置容量付費時。例如，我們有一個擁有咖啡機網路的客戶，每天只需要處理幾百或幾千次請求和收集統計數據，而到了晚上，請求數量就會下降到幾十次。在這種情況下，只為實際使用的資源付費會高效很多，所以我們提出並實作了Serverless上的解決方案；
- 如果您不打算深入研究基礎架構的技術細節，並且不打算為設定和維護伺服器和平衡器支付過高的費用。例如，在開發市場時，您不知道確切的流量是什麼，反之亦然 - 您正在規劃大量流量，並確保您的應用程式能夠承受負載，那麼無伺服器是一個很好的選擇。
- 如果您需要在主應用程式中執行一些流事件，請將輔助資料寫入表中，並執行一些計算。例如，收集使用者行為的分析數據，以一定的方式處理並儲存到資料庫中；
- 如果您需要簡化、統一或加速應用程式的目前操作。例如，建立用於處理影像或影片的效能改進服務，當使用者將影片上傳到雲端時，一個單獨的函數處理轉碼，而主伺服器繼續正常運作。
如果您需要處理來自第三方服務的事件。例如，處理來自支付系統的回應，或將使用者資料重新導向到 CRM 以加快處理潛在客戶的請求
如果您有一個大型應用程序，並且應用程式的某些部分可以使用與主要語言不同的語言來更優化地實現。例如，你有一個 Java 項目，需要添加新功能，但你沒有空閒的雙手，或者某種語言的實現可能需要更長的時間，而另一種語言已經有解決方案，那麼 Serverless 可以提供幫助也有這個。
這並不是值得關注的工具和技術的完整清單；我只是分享了我們自己每天在工作中使用的工具和技術，並確切地知道它們如何幫助業務。
來源： www.habr.com