介紹Cloudflare頁面:構建JAMstack網站的最佳方法
在世界各地的多種文化中,每年的這個時候是與我們最關心的人們一起慶祝和分享禮物的時候。本著這種精神,我們認為我們應該花時間回饋過去十年來一直大力支援Cloudflare的開發人員社群。
今天,我們很高興地宣佈Cloudflare Pages:一種構建,託管JAMstack網站的快速,安全,免費的方法。
如今,從構想到網站的道路是有良好意圖的
網站是我們在網路上表達自己的方式。無論您是擁有部落格的業餘愛好者,還是擁有數百萬客戶的大型公司,這都沒有關係-如果您想吸引140 280個字元以內的人,網路就是一個理想的選擇。
作為前端開發人員,將這種表達變為現實是您的責任。毫無疑問-擁有這麼多前端框架,工具和靜態站點生成器供您使用-現在是工作的絕佳時機。
當然,這就是直到您準備向世界展示您的作品為止。那時候事情開始變得有些毛茸茸了。
在這一點上,繼續將事物保持本地化而不是致力於原始碼已開始……是不負責任的。但是,然後:您如何快速迭代並保持動力呢?當您進行更改時,需要確保這些更改不會丟失-將更改儲存到原始碼控制中-同時與當前部署到生產中的內容保持同步。
沒有很好的解決方案。
如果您在較大的組織中,則可能有一個DevOps組織專門致力於此:使用持續整合(CI)工具自動化部署。
但是,大多數CI工具非常繁瑣,並且有充分的理由-允許組織自定義其自動化,而無需考慮其堆疊和設定。但是出於開發網站的目的,在交付Web專案的道路上,它仍然感覺像是不必要且令人沮喪的轉移。配置.yaml檔案,新增和刪除命令,等待每個構建執行的分鐘,並向每位CI上帝祈禱這些命令是正確的。絕望地反覆執行相同的構建,並期望獲得不同的結果。
通常,人們會浪費很多時間。該過程會妨礙您的工作並盡力而為。
Cloudflare Pages:讓前端開發人員盡其所能
我們認為有更好的方法。
藉助Cloudflare Pages,我們著手透過將部署與您現有的開發工作流程聯絡起來,簡化流程中的每個步驟。
無縫的Git整合,內建版本
使用Cloudflare Pages,您要做的就是選擇您的儲存庫,並告訴我們您使用的是哪個框架。當您繼續做您已經在做的事情git commit以及git push您所做的更改時,我們將代您念CI咒語,我們將為您構建和部署它們。
隨著專案的發展,賭注和合作者的數量也隨之增加。
對於生產中的站點,需要徹底檢查更改。作為審閱者,檢視程式碼並略讀紅色標誌只會使您走到目前。要進行徹底檢查,您必須提交或進行git stash更改,在本地下拉選單,使其執行以確保它真正起作用-僅檢視程式碼並不能抓住一切!
團隊中的其他開發人員不是唯一的利益相關者。有設計師,營銷人員,專案經理希望在更改釋出之前提供反饋。
獨特的預覽網址
使用Cloudflare Pages,每個提交都有自己的唯一URL。預覽URL使得獲得有意義的程式碼審查變得更加容易,而無需拉低分支的開銷。它們還可以更輕鬆地從PM,設計師和營銷人員那裡獲得有關最新迭代的反饋,從而彌合了模擬和程式碼之間的鴻溝。
無限登臺
“有人介意我接手演出嗎?” 聽起來也可能是一個熟悉的問題。使用Cloudflare Pages,每個功能分支將具有自己專用的一致別名,從而使您可以為最新更改提供一致的URL。
在“預覽”和“生產”環境中,所有功能分支和預覽連結都將使用預覽變數構建,因此您可以進行實驗而不會影響生產資料。
當您準備部署到生產環境時,我們將使用更新的生產環境變數為您重新部署生產。
全民協作
協作是構建出色網站和產品的關鍵-越多越好!作為安全公司,我們絕對不希望您共享密碼和憑據。這就是為什麼我們為無限的使用者免費提供多使用者訪問的原因-邀請您的所有朋友加入我們!
具有現代標準的現代場所
我們都知道過早的最佳化是最主要的罪過,但是一旦您的專案在客戶面前,您就希望獲得最佳效能。如果成功,您還希望它可用!
如今,這是您必須花費時間最佳化效能(追逐這100個燈塔得分)並從幾千個使用者擴充套件到數百萬個使用者的時候。
幸運的是,儘管我們碰巧知道執行由200個資料中心組成的全球網路的一兩件事,所以我們可以幫助您。
藉助Pages,您的站點可以直接部署到我們的邊緣,距離客戶數毫秒(毫秒),並且可以在全球範圍內部署。
在Hacker News上閱讀最新的Web標準很有趣,但實現自己卻很有趣。藉助Cloudflare Pages,我們將盡全力使您保持領先地位:IPv6,HTTP / 3,TLS 1.3,所有最新影像格式。
還有件事兒
對於開發人員及其團隊使用Cloudflare Pages一起在最佳靜態站點上進行協作,我們感到非常興奮。只有一件事與我們不對:為什麼要在靜態站點停留?
如果我們可以使構建成熟的動態應用程式變得同樣容易,該怎麼辦?
儘管API是JAMstack的核心部分,但今天主要是指開發人員可以訪問的健壯的API經濟。儘管這很棒,但這並不總是足夠的。如果要構建自己的API並儲存使用者或應用程式資料,則需要的不僅僅是第三方API。不過該怎麼辦?
好了,在這一點上,我們已經建立了一個全球無伺服器平臺:Cloudflare Workers,可能會很有幫助。Workers使前端開發人員可以使用與前端JavaScript相同的語言輕鬆地將可伸縮後端寫入其應用程式。
在接下來的幾個月中,我們將致力於將Workers和Pages整合到無縫的體驗中。它的工作方式與Pages完全相同:只需編寫程式碼,git push,我們就會為您部署它。唯一的區別是,它不僅將成為您的前端,還將成為您的後端。需要明確的是:這不僅適用於無狀態功能。透過Workers KV和Durable Objects,我們看到了一個巨大的機會,可以在此平臺上真正構建任何Web應用程式。
我們對Pages的未來以及Cloudflare Workers的強大功能感到非常興奮,它對如何在Web上構建新應用程式表示了大膽的願景。
但是你知道禮物的事嗎?如果沒有人接收它們,它們就不好了。我們非常希望您註冊我們的Beta版並試用Cloudflare Pages!
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69954547/viewspace-2751912/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 提高網站效能的SSL/TLS最佳化方法介紹!網站TLS
- 網頁被劫持什麼?防止頁面劫持方法介紹網頁
- 修改網站404,網站404頁面定製方法網站
- HTML頁面Meta介紹HTML
- RabbitMQ的web頁面介紹(三)MQWeb
- Django構建靜態網頁站點Django網頁
- 介紹兩個測試網頁開啟速度的網站網頁網站
- 企業網站頁面和內容設計時如何做好品牌介紹網站
- 使用ArkWeb構建頁面Web
- 網站頁面規劃和佈局的方法技巧網站
- .net網站建設頁面提交後css失效的問題網站CSS
- 華納雲 :網站頁面訪問不了的原因和解決方法網站
- designrush網站介紹網站
- Dart建構函式介紹Dart函式
- 介紹SmartUpload很好的網站網站
- 如何設計好網站的頁面網站
- 使用Webpack構建多頁面程式Web
- 執行時的頁面構建過程
- javascript判斷iframe頁面載入完畢方法簡單介紹JavaScript
- postMessage實現頁面通訊介紹
- 《H5宣傳頁面》介紹(一)H5
- 網頁抓取的重要性介紹網頁
- solr叢集構建的基本流程介紹Solr
- 快速構建頁面結構的 3D Visualization3D
- 禁止使用框架引用網站頁面框架網站
- 知名網站的 404 頁面長啥樣?網站
- 透過結構化資料構建頁面
- webpack 構建多頁面應用——初探Web
- Dcat Admin 構建頁面佈局
- 網站頁面內的內容結構怎樣佈局才合理?網站
- 使用 Make 構建網站網站
- 利用css設定列印頁面簡單介紹CSS
- 【Flutter】 介紹一種通用的頁面路由設計方案Flutter路由
- ASP.NET Core 5.0 MVC中的 Razor 頁面 介紹ASP.NETMVC
- 使用 Cloudflare 構建 Web3 應用CloudWeb
- 程式碼構建軟體架構圖的工具介紹架構
- 專業建站網站 網站建設 網站開發 官網開發 網頁設計 網頁網站網頁
- 網站404頁面怎麼做 404頁面製作步驟網站