免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

如何快速部署一個好的企業網站到服務器上

2022-07-21    分類: 網站建設

部署網站或應用程序的4種簡便方法

在網站上線之前,它是不真實的。在部署時制定可靠的計劃將成敗新功能。在決定用于托管和部署網站的服務時,了解您要部署的網站的用途至關重要。您是希望自動部署主分支還是希望擁有更多控制權?持續集成(CI)有多重要?您是否有一個靜態站點或龐大的用戶信息數據庫? 

在本文中,我們將介紹使您的網站上線的四個愉快的部署路徑,以及每個計劃的收益和成本。我還將討論一個適用于Shopify應用程序環境的潛在集成計劃。無論您的技術水平或經驗如何,這些路徑中的至少一條應該對您有用。 

在開始之前,您應該要部署一些東西(代碼庫或存儲庫)以及要使用的域名。如果需要搶購,Shopify會提供域名注冊。如果您想直接跳過我最喜歡的Shopify部署選擇,請查看Heroku上的部分。

目錄
我有一個靜態網站和一個GitHub帳戶:GitHub Pages
我有一個靜態網站,或一個使用靜態網站生成器構建的網站:Netlify
我想利用更自定義的管道:Heroku
我是一名自信的開發人員,我的網站很大:AWS,Azure,Low End Box和DigitalOcean

那么哪個選項最適合我的Shopify應用程序?

1.我有一個靜態網站和一個GitHub帳戶:GitHub Pages
如果您的頁面是完全靜態的,也就是說,在將完整的站點代碼添加到存儲庫之前(通常是在“ build”或“ dist”目錄中),先對其進行編譯,那么有許多托管和部署選項都不需要花錢。最基本(也是完全免費的)選項之一是將您的網站托管在GitHub Pages上。 

使用GitHub Pages部署您的第一個站點
1.登錄GitHub并在“ username.github.io”處創建一個新的存儲庫,其中“ username”是您的帳戶用戶名。您可以改為為GitHub Organization創建一個頁面。

部署網站:GitHub創建存儲庫

2.在“創建資源庫”屏幕上,可以選擇一個主題并使用空的Jekyll模板自動填充您的資源庫,也可以執行我的操作并在主數據庫或master分支庫上編寫自己的靜態頁面。 

部署網站:GitHub選擇主題

3.如果要添加自定義域,也可以在“創建存儲庫”頁面上進行此操作。添加您自己的域還有更多步驟,例如,告訴域服務提供商GitHub Pages的IP地址,并等待滴答作響。GitHub的幫助部分提供了詳細說明。

如果需要,請強制執行HTTPS,我建議您這樣做,因為它可以使您的站點更安全并與用戶建立信任。另外,GitHub將免費為您生成證書。 

部署網站:GitHub實施HTTPS

4.通過這種方式設置存儲庫后,GitHub Pages將index.html在項目的根目錄或docs文件夾中查找文件。有了index.html您選擇的deploy分支中的文件,您的站點就可以運行了!

部署網站:實時網頁抓屏

5.要將更新部署到頁面上,您需要做的就是直接或通過拉取請求將提交添加到主分支中。 

部署網站:GitHub部署更新

GitHub Pages確實有一些主要缺點。首先,您將GitHub作為版本控制平臺。將您的代碼帶到另一個服務(例如BitBucket)并沒有多大意義,因為您將無法推送到GitHub Pages。每個帳戶還僅限于一個GitHub Pages網站,并且該網站必須是靜態網站。此外,這是輕松進行在線部署的途徑。沒有集成的CI管道,除了刷新頁面并看到事物已更新之外,您沒有得到很多反饋。 

一頁設置和自動HTTPS生成有一些好處。例如,我的個人“我是開發人員,這是我的聯系信息”網站仍托管在我的GitHub Pages帳戶上,并且可能在可預見的將來。當我尋找一個更強大的靜態站點托管選項時,我轉向Netlify。 

通過Shopify合作伙伴計劃發展您的業務
無論您是提供網頁設計和開發服務,還是想為Shopify應用商店構建應用程序,Shopify合作伙伴計劃都將使您成功。免費加入并獲得收益共享機會,開發人員預覽環境和教育資源。

2.我有一個靜態網站,或一個使用靜態網站生成器構建的網站:Netlify
選擇git存儲庫位置的選項是在GitHub Pages 上使用Netlify的第一個也是最明顯的好處。三巨頭(GitHub,GitLab或Bitbucket)中的任何一個都可以完全集成。為了本教程的緣故,我將繼續使用GitHub作為我的git云存儲服務。在Netlify上創建帳戶后,距部署的工件僅幾步之遙。

使用Netlify部署您的第一個站點
1.從信息中心中選擇“添加站點”選項,系統將指導您選擇git存儲庫存儲提供程序。

部署網站:Netlify創建新站點

2.按照屏幕上的提示將git提供程序連接到Netlify帳戶后,您需要選擇要部署的存儲庫。您可以選擇為組織或特定的命名存儲庫中的所有存儲庫啟用Netlify權限。出于安全原因,我喜歡逐個添加存儲庫。

部署網站:Netlify選擇存儲庫 

3. Netlify將為您提供更多選擇,例如要部署的分支和目錄。

部署網站:Netlify分支目錄

4.我建議從GitHub(或您的存儲庫所在的位置)發出拉取或合并請求,以查看自動包含的持續集成選項。最初,這個CI只是一個準系統,但是您有機會使用Netlify本身來創建一個強大的系統。

部署網站:Netlify從GitHub提取或合并請求

5.在那里,您的站點已部署!開箱即用,Netlify為您提供了一個的子域來查看您的應用程序,但是您可能希望提供一個個人域。您可以從信息中心上的“設置”標簽執行此操作。

部署網站:Netlify部署成功 

我將Netlify用作Gatsby Blog Starter的副本,因為它附帶了文檔中右側的“部署到Netlify”按鈕。我感謝Netlify,因為它成本低廉(對我的層免費),集成的CI和在合并PR時自動進行部署。它還提供對服務即服務,表單處理和拆分測試以及您可能要使用的任何靜態站點生成器的支持。

在Sparkbox上,我們最近將Netlify用于兩個客戶端站點,并且該過程非常積極。對于靜態或前端項目,這是一個不錯的選擇。對于需要服務器端程序的應用程序,我們喜歡使用Heroku。 

您可能還會喜歡: Shopify應用程序CLI:幫助您更快構建的工具。

3.我想利用更定制的管道:Heroku
雙方的Heroku和Netlify符合質量部署流水線的要求; 但是,Heroku無疑更強大。Heroku提供了一個免費層,其應用程序在30分鐘后會“休眠”,這對于希望在購買工具之前先弄亂工具的開發人員來說是好的。我也喜歡Heroku提供“愛好”級別的托管選項,每月7美元,可以滿足Sparkbox的許多客戶端站點的需求。除了測試應用程序外,“興趣”級別通常是必需的。Heroku提供了多種部署路徑;您可以使用GitHub,命令行git或Docker進行部署。為了保持一致性,我將逐步完成最省力,最低思想的選項:GitHub。

最好的管道不需要我們的團隊考慮部署。相反,團隊只是通過推送到GitHub(或您最喜歡的Git托管服務)來決定是否準備好共享代碼。管道負責其余的工作。

Ryan Cromwell,構建和部署管道的特點
使用Heroku部署您的第一個站點
1.在Heroku上建立帳戶。在主頁上,選擇“新建”,然后選擇“創建新應用”。

部署網站:Heroku創建帳戶 

2.為您的應用程序選擇一個的名稱,然后繼續“創建應用程序”。

部署網站:Heroku選擇名稱,創建應用 

3.您可以選擇為您的應用程序創建管道,該管道允許您連接多個應用程序并創建評論應用程序。現在,我將專注于在不指定管道的情況下部署我們的站點。從部署方法選項中選擇“ GitHub”,然后搜索要部署的存儲庫。然后點擊“連接”。

注意:您可能需要為GitHub帳戶創建OAuth令牌。Heroku非常擅長在屏幕上瀏覽流程。

正確配置GitHub后,來自GitHub的響應將很快出現(對我來說大約是12秒)。如果需要,可以通過選擇所需的分支并單擊相應的按鈕來啟用自動部署。每次將新代碼添加到所選分支時,自動部署都會使您的應用程序保持最新。

部署網站:Heroku配置GitHub

4.不管您是否選擇自動部署,第一次部署都需要手動進行。幸運的是,您只需要選擇要啟用的分支,然后選擇“部署分支”即可。

部署網站:Heroku啟用部署

5.再過幾秒鐘,您應該能夠在Heroku域中實時查看您的應用程序。Heroku通常足夠聰明,可以確定要運行的任務。但是,如果您要運行特定或自定義的構建任務,則可以在應用程序的設置下進行調整。在設置菜單中還可以配置自己的自定義域。 

部署網站:Heroku自定義任務和域

專家提示:從應用程序信息中心中查看“活動”頁面,以進行一鍵式回滾。您還可以在“更多”切換下查看服務器日志并運行控制臺命令。

部署網站:Heroku“活動”頁面

Heroku應滿足您作為開發人員的大部分需求,包括Shopify網站,具體取決于所選的價格等級和您想要的“ dynos”數量。對于大規模的電子商務應用程序,或什至擁有專門的產品團隊的任何事情,您可能想要更廣泛的功能。 

您可能還會喜歡: 如何在應用程序中使用相對分頁。

4.我是一名自信的開發人員,我的網站很大:AWS,Azure,Low End Box和DigitalOcean
由于全功能Web應用程序的廣泛需求,我與之合作的電子商務團隊使用了大型可擴展的云托管服務。這是一個龐大的多品牌網站,具有數千種獨特的數據方案。如此規模,可以提供多種服務。以下是一些當前最受歡迎的服務: 

過去幾年中,Amazon Web Services(AWS)通過提供眾多托管選項和高度可定制的體驗而引起了巨大轟動。 
微軟的Azure也非常受歡迎,因為它的按需付費定價模式和頂級可伸縮性使其成為一個輕松的選擇。
如果您正在尋找裸機托管和超便宜的價格,Low End Box可以滿足您的需求。 
我個人對DigitalOcean感興趣,DigitalOcean是此列表中較小的魚類之一(呵呵)。DigitalOcean廣泛的文檔資料和歡迎社區使其成為我的輕松選擇。
我最初是通過Hacktoberfest引入DigitalOcean的,該活動每年10月由他們贊助,旨在吸引更多人為開源項目做貢獻。我將逐步介紹如何在DigitalOcean上設置“ Droplet ”(虛擬機)。

設置為與DigitalOcean一起部署
1.您可以通過GitHub,Google或僅注冊一個帳戶來注冊DigitalOcean。我將通過GitHub進行注冊。不幸的是,一旦您越過了這一簡單的步驟,您就會遇到麻煩。DigitalOcean當前不為其服務提供任何免費套餐(盡管上面有很多這樣的選擇)。幸運的是,我得到了一點榮譽,因此我仍然可以指導您完成設置過程。托管一個Droplet每月將花費您大約5美元。

部署網站:DigitalOcean

2.確定付款方式后,系統會詢問您一些調查問題。在這里,您將為您的應用命名,并默認設置幾種技術。我跳過了一些較麻煩的問題,然后轉到儀表板。 

注意:這里的“應用程序”就是我們所謂的完整管道。同時,“ Droplet”是您的應用用來運行的虛擬機,就像服務器上的數字計算機一樣。

部署網站:應用程序主屏幕

3.在這種情況下,我將部署一個Node.js應用程序。因此,我單擊了“節點”選項,并有一個預填充的Droplet,可以單擊下一頁。

部署網站:DigitalOcean部署您的Droplet

4.您可以滾動選擇計劃/存儲大小,服務器位置,身份驗證等選項。同樣,您必須命名您的Droplet,我只是以該應用程序命名。準備就緒后,選擇“創建液滴”按鈕以繼續。 

注意:為了長期使用,您需要設置SSH(安全外殼協議)以建立一種強大,簡單的方法來使服務識別您的計算機。DigitalOcean在其文檔中提供了有關設置SSH的深入教程。

部署網站:名稱Droplet

5.從這一點開始,您將需要從本地控制臺SSH到虛擬機,或使用瀏覽器內控制臺將項目從GitHub(或存儲庫所在的任何位置)克隆到虛擬機上。根據您的構建要求安裝依賴項,然后啟動您的應用程序。您應該能夠對您的本地主機進行cURL訪問,并從應用程序首頁獲得內容返回。例如,如果您的站點在端口8000上運行,則可以運行curl http://localhost:8000/并希望獲得響應。

部署網站:DigitalOcean最后步驟

要使您的網站完全正常運行,還需要做更多的工作,例如設置代理服務器(例如Nginx)。但是,自定義和細微差別比我在單個博客文章中所涵蓋的要多得多。我衷心建議您查看DigitalOcean博客及其最近獲得的學習平臺Scotch.io,以獲取有關此刻更詳細的教程。

在您的應用啟動并在服務器上運行后,您可以通過在瀏覽器窗口中鍵入服務器IP來訪問它。自定義域在DigitalOcean上可用,并且設置與列表中的先前服務非常相似。但是,對于大多數小型Shopify應用程序,您可能不需要像DigitalOcean這樣的全功能服務。

通過Shopify合作伙伴計劃發展您的業務
無論您是提供網頁設計和開發服務,還是想為Shopify應用商店構建應用程序,Shopify合作伙伴計劃都將使您成功。免費加入并獲得收益共享機會,開發人員預覽環境和教育資源。

那么哪個選項最適合我的Shopify應用程序? 
對于部署和托管Shopify應用程序的最快,最便宜和功能最豐富的選項,我建議使用Heroku。盡管我的教程代表了基于瀏覽器的GitHub部署在Heroku上,但您也有機會通過heroku-cli進行部署-在某些情況下可能會有所幫助。

無論哪種方式,Shopify都提供了一個稱為shipit-engine的Ruby gem,這使您的Shopify可以快速,無憂地部署。您所需要做的就是一個GitHub存儲庫,一個包含一些代碼的分支以及一個類似于Heroku的部署環境。因此,轉到Shopify的存儲庫并按照自述文件安裝ShipIt Engine gem-您將很快上線。

就是這樣!您可以使用許多托管和部署服務,但這是我的最愛。無論您選擇什么,我都建議將您最新的代碼庫站點保存在GitHub,GitLab或Bitbucket等在線版本控制存儲服務中。存儲庫為將來提供快速更改部署策略的機會。隨著流量的增長,您將學習和調整以最好地為您的客戶和用戶服務。希望我為您提供了各種選擇的知識,以幫助您在時機成熟時做出明智的決定。

網頁名稱:如何快速部署一個好的企業網站到服務器上
分享鏈接:http://m.newbst.com/news24/181274.html

成都網站建設公司_創新互聯,為您提供網站設計公司建站公司網站維護網站導航微信公眾號App設計

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

h5響應式網站建設