阿里雲雲開發平台重磅推出開源應用中心,聚合最熱門的開源應用,讓你像安裝app一樣快速上線一個網站。面向新人和持續活躍的開發者用戶推出上線激勵加油包,最高100元無門檻代金券免費送,現在體驗還能夠領取年輕人的養生神器,桌面不銹鋼保溫杯!
聚合最熱門的開源應用
開源應用中心聚合了目前最熱門的前端開源應用模版,讓大家真正可以做到像安裝APP一樣來上線一個網站。目前已經支持最熱門的前端框架,包括Vue.js、React、Nuxt.js、Next.js、AntDesign等,還有內容管理平台Hexo、Docusaurus、VuePress、Sapper等。使用部署開源模版非常適合您的以下場景:
- 個人學習: 輕松創建個人主頁、博客等網站,邊部署邊學習。
- 協同開發: 創建信息管理系統、CMS等前端項目,多人協同維護開發。
雲開發平台同樣面向廣大的開源作者征集應用,對於熱門的應用我們能夠提供現金激勵、以及流量曝光等扶持。
開源應用一鍵同步一鍵部署
阿里雲雲開發平台前端應用部署功能旨在為前端開發者改善工作環境,優化前端開發和部署體驗。同時還可以結合雲開發平台雲原生的架構能力和主機應用的部署能力,讓前后端應用能夠更高效地協同。
- 操作簡單: 無需購買服務器、配環境、手動上傳文件等,雲開發平台都可以幫你自動操作,包括在需要時隨時一鍵上線/下線。
- 使用零成本: 支持GitHub和雲效的Codeup倉庫,快速將倉庫的代碼進行構建部署。
- 免費資源扶持: 免費提供臨時的測試域名,對於新用戶和持續活躍的用戶提供免費的雲資源加油包。
- 無數量限制: 沒有使用的repo數量和應用數量的限制, 不管是開源倉庫還是自己賬戶下的repo,每一個代碼repo都可以部署為一個靜態網站。
簡單幾步使用雲開發平台上線靜態應用
1. 賬號准備工作
- 你需要一個阿里雲賬號,並使用阿里雲賬號登錄雲開發平台 (https://workbench.aliyun.com/),按照提示創建團隊,點擊同意協議。沒有阿里雲賬號就在登錄頁面注冊一個繼續登錄。
- 擁有Github賬號 (https://github.com/),沒有就注冊一個。為保證最好的使用體驗,請使用Chrome瀏覽器。
- 未開通阿里雲OSS的用戶,點擊鏈接 (https://workbench.aliyun.com/product/open?code=oss)開通OSS服務。OSS開通免費,有一定的免費額度,超過額度之后按量付費。
2. 創建應用
2.1 選擇應用中心任意模版創建應用
- 選擇應用中心任意模版創建應用。 如果您之前沒有使用過雲開發平台,會出現雲資源授權管理的選項,往下拉出現直至同意授權的字樣,點擊「同意授權」后出現授權成功,點擊進入「下一步」。
- 綁定GitHub賬號。 授權完成后選擇來源倉庫為GitHub,按照提示點擊去綁定,綁定GitHub帳號,登錄后並點擊Authorize AliyunWorkbench允許雲開發平台構建、發布你的GitHub代碼為可訪問的網站。 綁定完成后返回應用創建頁面,代碼倉庫按照默認「模板倉庫」以及默認主干分支不用操作,並點擊「下一步」。
- 填寫應用信息完成創建。 填寫必要的的應用信息完成創建(我們已提供默認配置),成功后進入到應用詳情和部署界面。首次登錄並沒有可選所屬生產線,點擊右側自動創建產品線即可。
2.2 使用自己的倉庫應用創建
- 選擇自己倉庫里需要部署的應用。除了可以使用應用中心的模版創建網站,雲開發平台也支持使用本地代碼或者開源代碼創建靜態網站。與通過模版中心的應用創建的區別在於,在綁定Gihutb之后選擇“自己的倉庫”,找到上一步自己創建的GitHub倉庫及master分支。然后在應用詳情頁面根據以上的步驟繼續填寫即可。
- 設定部署配置。 當部署的是您自己的代碼倉庫時,開發平台需要您根據具體代碼進行簡單配置來部署成功:
-
- 編寫build.sh:代碼從源碼,經過npm打包編譯等過程,到生成為純粹HTML/CSS/JS靜態文件的全過程的shell指令,需要被完整填寫到發布分支根路徑下的build.sh文件中,例如:
不知道如何操作?您也可直接點擊一次“部署”按鈕,之后,對默認生成的build.sh內容進行任意修改:
b. 填寫靜態文件相對目錄:在build.sh執行后,從代碼生成出的靜態文件所在的相對目錄,需要被填寫到“部署配置-資源路徑”中。
Tip:例如React應用(如圖),一般會填寫“./build”;Vue應用則一般為“./dist”。
c. 調整配置:當您完成上述步驟后,發現自己的代碼仍然部署錯誤時,需查看排查部署日志,對上面的build.sh和部署資源路徑進行修改。常見的幾種部署錯誤情況如下:
3. 在日常環境部署站點
- 一鍵進行應用部署。 在應用詳情頁面點擊日常環境的「部署」按鈕進行一鍵部署,部署狀態變成綠色已部署以后可以點擊訪問部署網站查看效果。
- Dinosaurs網站日常環境部署好了。 日常環境的測試域名也是可以訪問的,點擊訪問已部署網站按鈕會出現一個彈出,點擊彈出上的立即訪問就能夠訪問已經部署好的站點了。在部署完成后,可以繼續本地編碼,並將代碼push到應用的“基本信息”中對應的代碼倉庫內。
4. 配置自定義域名在線上環境上線
- 配置線上環境自定義域名。 在功能開發驗證完成后要在線上環境進行部署,在線上環境的「部署配置」-「自定義域名」中填寫自己的域名。例如我們添加一個二級域名 company.workbench.fun 來綁定我們部署的前端應用。然后復制自定義域名下方的API網關地址對添加的二級域名進行CNAME配置。
- 配置CNAME地址。 復制好 API網關域名地址后,來到你自己的域名管理平台(此示例中的域名管理是阿里雲的域名管理控制台,請去自己的域名控制台操作)。添加記錄的「記錄類型」選擇「CNAME」,在「主機記錄」中輸入你要創建的二級域名,這里我們輸入「company」,在「記錄值」中粘貼我們之前復制的 API網關域名地址,「TTL」保留默認值或者設置一個你認為合適的值即可。
- 在線上環境部署上線。 回到雲開發平台的應用詳情頁面,按照部署的操作,點擊線上環境的「部署按鈕」,部署完成以后就在你自定義的域名進行了上線。CNAME 生效之后,我們輸入 company.workbench.fun(示例網址) 可以打開部署的頁面。至此,如何部署一個應用到線上環境,如何綁定自己的域名來訪問一個線上的應用就完成了,趕緊部署自己的應用到線上環境,用自己的域名玩起來吧 ;)
立即體驗領取雙重好禮
第一個任務:使用阿里雲賬號登錄雲開發平台,創建團隊和同意平台使用協議,僅雲開發平台新用戶可以完成。
第二個任務:部署開源應用中心列表頁任意一個應用,並綁定自己的個人域名在線上環境上線。
第三個任務:點擊前往提交你最想在開源應用中心看到的開源應用,可以是從現有列表中的應用,也可以是開源應用中心還沒有上線的應用,我們收到你的需求后會優先上線。
一重禮:桌面不銹鋼保溫杯
完成全部3個任務即可領取桌面不銹鋼保溫杯領取資格,打卡任務狀態有一定延時,請完成后刷新。活動期間(12月15日-12月22日)每個工作日150個,上午10點發放,領完為止。如果當天獎品已經領完,可以先完成打卡任務,第二天准時來領取即可!
二重禮:免費雲資源激勵加油包
雲開發平台為新用戶提供了10元無門檻加油包,在活動頁面完成相應的新手任務即可領取。
針對使用雲開發平台上線個人或者企業站點的用戶,可以申請領取100元的無門檻加油券。申請的用戶需要滿足兩個條件,1.通過雲開發平台上線了個人或者實際使用的網站,2. 撰寫一篇基於雲開發平台上線該網站的經驗分享文章。工作人員會在收到申請后的60天完成審核,請確保站點保持在線上。
詳細活動規則
活動對象:阿里雲官網注冊的已實名認證用戶
活動時間:2021.12.15-2021.12.22
活動網址:https://workbench.aliyun.com/app
- 用戶需要完成指定的所有打卡任務才可以領取獎品,同一用戶限領一次。活動期間獎品每天發放150個,周六除外,每天上午10都會新補倉獎品,當日獎品領完以后可以次日再來領取,先到先得,發完即止。
- 實物獎品以實物為准,顏色隨機,圖片僅供參考,活動結束后15個工作日內發貨。如果由於疫情影響,導致實物獎品發貨時間不確定,請留意活動群的公告信息。
- 10元代金券獎品需要在新手加油包頁面完成新手任務以后才可以領取。100元代金券需要按照表單填寫進行申請,工作人員會在收到申請后的60天完成審核,請確保站點保持在線上。如果在60天內審核當天網站無法訪問,將會造成無法通過審核。
- 阿里雲可以根據活動的實際情況對活動規則進行變動或調整,相關變動或調整將公布在活動頁面上,並於公布時即時生效;但不影響用戶在活動規則調整前已經獲得的權益。
- 活動相關問題可以釘釘掃碼加入雲開發的活動群或者搜索釘釘群號: 34096194加入。
- “同一用戶”,是指根據不同阿里雲賬號在注冊、登錄、使用中的關聯信息,阿里雲判斷其實際為同一用戶。關聯信息舉例:同一證件、同一手機號、同一支付賬號、同一設備、同一地址等。
- “同人賬號”,是指同一用戶擁有多個阿里雲賬號的,各個賬號之間互為同人賬號。
- 為保證活動的公平公正,如用戶在活動中存在隱瞞、虛構、作弊、欺詐或通過其他非正常手段規避活動規則、獲取不當利益的行為,例如:作弊領取、惡意套現、網絡攻擊、虛假交易等,阿里雲有權收回相關權益、取消用戶的活動參與資格,撤銷違規交易,必要時追究違規用戶的法律責任。
- 本活動最終的解釋權歸阿里巴巴集團所有。