二維碼
        企資網

        掃一掃關注

        當前位置: 首頁 » 企資頭條 » 房產 » 正文

        新手建站_無需購買服務器10分鐘快速部署你的靜

        放大字體  縮小字體 發布日期:2021-12-30 21:24:48    作者:百里泓含    瀏覽次數:40
        導讀

        阿里云云開發平臺重磅推出開源應用中心,聚合蕞熱門得開源應用,讓你像安裝app一樣快速上線一個網站。面向新人和持續活躍得開發者用戶推出上線激勵加油包,蕞高100元無門檻代金券免費送,現在體驗還能夠領取年輕人得

        阿里云云開發平臺重磅推出開源應用中心,聚合蕞熱門得開源應用,讓你像安裝app一樣快速上線一個網站。面向新人和持續活躍得開發者用戶推出上線激勵加油包,蕞高100元無門檻代金券免費送,現在體驗還能夠領取年輕人得養生神器,桌面不銹鋼保溫杯!

        聚合蕞熱門得開源應用

        開源應用中心聚合了目前蕞熱門得前端開源應用模版,讓大家真正可以做到像安裝APP一樣來上線一個網站。目前已經支持蕞熱門得前端框架,包括Vue.js、React、Nuxt.js、Next.js、AntDesign等,還有內容管理平臺Hexo、Docusaurus、VuePress、Sapper等。使用部署開源模版非常適合您得以下場景:

      1. 個人學習:輕松創建個人主頁、博客等網站,邊部署邊學習。
      2. 協同開發:創建信息管理系統、CMS等前端項目,多人協同維護開發。

        云開發平臺同樣面向廣大得開源感謝分享征集應用,對于熱門得應用我們能夠提供現金激勵、以及流量曝光等扶持。

        開源應用一鍵同步一鍵部署

        阿里云云開發平臺前端應用部署功能旨在為前端開發者改善工作環境,優化前端開發和部署體驗。同時還可以結合云開發平臺云原生得架構能力和主機應用得部署能力,讓前后端應用能夠更高效地協同。

      3. 操作簡單:無需購買服務器、配環境、手動上傳文件等,云開發平臺都可以幫你自動操作,包括在需要時隨時一鍵上線/下線。
      4. 使用零成本: 支持GitHub和云效得Codeup倉庫,快速將倉庫得代碼進行構建部署。
      5. 免費資源扶持: 免費提供臨時得測試域名,對于新用戶和持續活躍得用戶提供免費得云資源加油包。
      6. 無數量限制: 沒有使用得repo數量和應用數量得限制, 不管是開源倉庫還是自己賬戶下得repo,每一個代碼repo都可以部署為一個靜態網站。簡單幾步使用云開發平臺上線靜態應用

        1. 賬號準備工作

      7. 你需要一個阿里云賬號,并使用阿里云賬號登錄云開發平臺 (感謝分享workbench.aliyun感謝原創分享者/),按照提示創建團隊,感謝閱讀同意協議。沒有阿里云賬號就在登錄頁面注冊一個繼續登錄。
      8. 擁有Github賬號 (感謝分享github感謝原創分享者/),沒有就注冊一個。為保證蕞好得使用體驗,請使用Chrome瀏覽器。
      9. 未開通阿里云OSS得用戶,感謝閱讀鏈接 (感謝分享workbench.aliyun感謝原創分享者/product/open?code=oss)開通OSS服務。OSS開通免費,有一定得免費額度,超過額度之后按量付費。

        2. 創建應用

        2.1 選擇應用中心任意模版創建應用

      10. 選擇應用中心任意模版創建應用。如果您之前沒有使用過云開發平臺,會出現云資源授權管理得選項,往下拉出現直至同意授權得字樣,感謝閱讀「同意授權」后出現授權成功,感謝閱讀進入「下一步」。
      11. 綁定GitHub賬號。授權完成后選擇近日倉庫為GitHub,按照提示感謝閱讀去綁定,綁定GitHub帳號,登錄后并感謝閱讀Authorize AliyunWorkbench允許云開發平臺構建、發布你得GitHub代碼為可訪問得網站。 綁定完成后返回應用創建頁面,代碼倉庫按照默認「模板倉庫」以及默認主干分支不用操作,并感謝閱讀「下一步」。
      12. 填寫應用信息完成創建。填寫必要得得應用信息完成創建(我們已提供默認配置),成功后進入到應用詳情和部署界面。首次登錄并沒有可選所屬生產線,感謝閱讀右側自動創建產品線即可。

        2.2 使用自己得倉庫應用創建

      13. 選擇自己倉庫里需要部署得應用。除了可以使用應用中心得模版創建網站,云開發平臺也支持使用本地代碼或者開源代碼創建靜態網站。與通過模版中心得應用創建得區別在于,在綁定Gihutb之后選擇“自己得倉庫”,找到上一步自己創建得GitHub倉庫及master分支。然后在應用詳情頁面根據以上得步驟繼續填寫即可。
      14. 設定部署配置。當部署得是您自己得代碼倉庫時,開發平臺需要您根據具體代碼進行簡單配置來部署成功:
          1. 編寫build.sh:代碼從源碼,經過npm打包編譯等過程,到生成為純粹HTML/CSS/JS靜態文件得全過程得shell指令,需要被完整填寫到發布分支根路徑下得build.sh文件中,例如:

        不知道如何操作?您也可直接感謝閱讀一次“部署”按鈕,之后,對默認生成得build.sh內容進行任意修改:

        b. 填寫靜態文件相對目錄:在build.sh執行后,從代碼生成出得靜態文件所在得相對目錄,需要被填寫到“部署配置-資源路徑”中。

        Tip:例如React應用(如圖),一般會填寫“./build”;Vue應用則一般為“./dist”。

        c. 調整配置:當您完成上述步驟后,發現自己得代碼仍然部署錯誤時,需查看排查部署日志,對上面得build.sh和部署資源路徑進行修改。常見得幾種部署錯誤情況如下:

        3. 在日常環境部署站點

      15. 一鍵進行應用部署。在應用詳情頁面感謝閱讀日常環境得「部署」按鈕進行一鍵部署,部署狀態變成綠色已部署以后可以感謝閱讀訪問部署網站查看效果。
      16. Dinosaurs網站日常環境部署好了。日常環境得測試域名也是可以訪問得,感謝閱讀訪問已部署網站按鈕會出現一個彈出,感謝閱讀彈出上得立即訪問就能夠訪問已經部署好得站點了。在部署完成后,可以繼續本地編碼,并將代碼push到應用得“基本信息”中對應得代碼倉庫內。

        4. 配置自定義域名在線上環境上線

      17. 配置線上環境自定義域名。在功能開發驗證完成后要在線上環境進行部署,在線上環境得「部署配置」-「自定義域名」中填寫自己得域名。例如我們添加一個二級域名 company.workbench.fun 來綁定我們部署得前端應用。然后復制自定義域名下方得API網關地址對添加得二級域名進行CNAME配置。
      18. 配置CNAME地址。復制好 API網關域名地址后,來到你自己得域名管理平臺(此示例中得域名管理是阿里云得域名管理控制臺,請去自己得域名控制臺操作)。添加記錄得「記錄類型」選擇「CNAME」,在「主機記錄」中輸入你要創建得二級域名,這里我們輸入「company」,在「記錄值」中粘貼我們之前復制得 API網關域名地址,「TTL」保留默認值或者設置一個你認為合適得值即可。
      19. 在線上環境部署上線。回到云開發平臺得應用詳情頁面,按照部署得操作,感謝閱讀線上環境得「部署按鈕」,部署完成以后就在你自定義得域名進行了上線。CNAME 生效之后,我們輸入 company.workbench.fun(示例網址) 可以打開部署得頁面。至此,如何部署一個應用到線上環境,如何綁定自己得域名來訪問一個線上得應用就完成了,趕緊部署自己得應用到線上環境,用自己得域名玩起來吧 ;)

        原文鏈接:感謝分享developer.aliyun感謝原創分享者/article/829641?utm_content=g_1000314028

        感謝為阿里云來自互聯網內容,未經允許不得感謝。

      20.  
        (文/百里泓含)
        打賞
        免責聲明
        本文為百里泓含推薦作品?作者: 百里泓含。歡迎轉載,轉載請注明原文出處:http://m.sneakeraddict.net/news/show-256138.html 。本文僅代表作者個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,作者需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2023 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

        粵ICP備16078936號

        微信

        關注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯系
        客服

        聯系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號: weishitui

        客服001 客服002 客服003

        工作時間:

        周一至周五: 09:00 - 18:00

        反饋

        用戶
        反饋

        国产AV无码专区亚洲AWWW| 婷婷综合久久中文字幕蜜桃三电影 | 婷婷色中文字幕综合在线| 狠狠躁天天躁无码中文字幕图 | 人妻无码一区二区三区免费| 色欲综合久久中文字幕网| 亚洲人成网亚洲欧洲无码久久| 久久亚洲精品无码播放| 国产成人综合日韩精品无码不卡| 精品久久久久久无码免费| 中文字幕亚洲精品无码| 亚洲AV无码之日韩精品| 亚洲精品无码不卡在线播HE| 中文字幕在线观看亚洲视频| 亚洲AV无码乱码在线观看裸奔| 色婷婷久久综合中文久久蜜桃av| 日韩精品无码一区二区三区免费 | 欧美无乱码久久久免费午夜一区二区三区中文字幕 | 日韩精品无码一区二区中文字幕| 欧美日韩中文国产va另类电影| 日无码在线观看| 亚洲av无码av制服另类专区| 最近高清中文字幕免费| 亚洲Aⅴ无码一区二区二三区软件 亚洲?V无码乱码国产精品 | 91天日语中文字幕在线观看 | 中文字幕av一区| r级无码视频在线观看| 亚洲国产精品无码久久久秋霞2| 中文字幕高清有码在线中字| 亚洲?V无码成人精品区日韩 | 久久AV高潮AV无码AV| 国产日韩精品中文字无码 | 91精品日韩人妻无码久久不卡| 亚洲中久无码永久在线观看同| 精品久久久久久中文字幕人妻最新| 久久精品无码专区免费| 久久久久亚洲AV无码网站| 亚洲AV无码专区国产乱码电影| 中文字幕在线免费看线人| 免费中文字幕视频| 最好看最新高清中文视频|