背景
如果你作為一個獨立的應用開發者，當你的應用發布在蘋果或者谷歌的應用市場，你可以希望用一個應用的主頁，可以用它來用戶訪問和下載，那么你可以考慮要租臺服務器，然后搭建一個網站，但你的網站又不需要特別強大的工單,主要就是用來展示產品和下載的，那么您租一個服務器，在搭建一個網站，自己需要配置應用，部署應用，發布是一個很繁瑣的事情。如果您按照這個方式搞，您的思維還是傳統的軟件思維，沒有基本的云思想，更別提微服務了。下面我將逐步實現一個靜態頁面的網站。
前提條件準備：
1. 阿里云的賬號
2. 持有一個域名
3. 靜態的網站文件
有了這三樣就可以搭建一個靜態展示的網站了
上傳靜態文件到OSS
- 首先創建一個海外region的bucket， 注意存儲桶的名字必須全局唯一，是所有阿里云的賬號創建 bucket 名稱全局唯一，應為OSS是支持HTTP訪問的，訪問的URL是包含 bucket 的名稱的。
- 上傳靜態文件到bucket，我這里是直接頁面上傳，當然如果你的文件比較多，或者比較大的，建議通過oss的其他工具上傳，分片上傳最大可以傳幾個T，這里超出我們的討論范圍。不在討論。注意我圈出來的紅圈，是支持文件夾上傳的，所以只要將文件整體拖拽到框內，那么文件夾的文件就都一起上傳了，但是上傳并不會保存文件路徑，也就是說上傳后，在bucket只有一級目錄，其實OSS沒有目錄的概念，同一個bucket內的文件都是同級的。 這里我還是創建了不同的文件夾，應為我的靜態文件在html調用的時候是相對路徑，那么上傳到對于的文件夾下后，對于html文件的修改是比較方便的，應為很多靜態文件的調用時寫在了CSS文件里，如果你調用bootstrap等框架的時候，會導致顯示出現問題。
創建和本地一樣的文件夾后，上傳對應的文件，我這里是這樣的
修改html文件
如果你現在打開html的文件，你會發現只能顯示文件，渲染效果完全沒有了，那么你需要在本地進行html的修改，將引用的靜態文件的路徑修改OSS的對應地址，
將靜態的js，css，和圖片都換成 oss 的地址文件
點擊文件名，從這里獲得oss的http地址，
調試和修改html文件需要耗費大筆的時間，如果你的頁面的靜態文件大多是通過相對路徑，可能會省去很多時間。調試完成后你本地就可以看到完整的頁面展示了。然后在上傳文件到bucket覆蓋之前的舊的index文件，你不需要重命名，OSS是通過文件名去判斷是否為同一個文件，不做文件一致性驗證。
開啟OSS的靜態網站功能
你這里可以設置默認首頁和404頁面
綁定域名
現在你只可以通過OSS提供的地址進行訪問，你準不能期望客戶可以記住這么長的一段 URL吧，http://api******tion.oss-ap-southeast-1.aliyuncs.com/index.html, 并且客戶發現您的URL是阿里云的，可能會比較奇怪了。那么你就需要綁定自己的域名了。OSS控制臺可以快速綁定域名，當然你也可以前往DNS控制臺綁定域名。
我這里開啟了CDN，一會在后面會講，你直接在這里綁定域名可能會遇到報錯，說需要備案，因為默認的CDN加速區域包含了中國大陸地區，所以需要備案。
如果你的域名不是在阿里云，那么你可以選擇自行前往DNS頁面添加解析記錄，添加CNAME記錄，其中記錄值oss的公網地址，你可以通過概覽你看到。現在您就可以通過域名訪問了。
你可能注意到我是通過非 www的域名訪問的網站，是由于我添加了@的CNAME解析記錄，而我又不能用同一個值添加兩個CNAME，那么我需要創建另一個空的bucket，作為跳轉，那么我在訪問www.abc.com 會直接跳轉到 abc.com/index.html 頁面。
- 首先創建一個私有的bucket，并且開啟靜態網站，設置默認注意index.html，設置鏡像回源
現在你就可以通過www.abc.com 或者 abc.com 訪問你的網站了，但是你很快就發現你的網站只有在bucket 創建國家訪問 速度比較快，在其他的國家速度很慢，而且還在浪費你的流量。那么你可能想著如果有CDN可以加速一下就好了。
添加CDN加速
前往阿里云CDN控制臺，添加加速域名，類型圖片，源站選擇OSS域名，加速區域選擇海外，
海外區域不需要備案，域名審核也快。
開啟私有bucket回源，這樣你的靜態網站就只能通過CDN訪問了
添加成功后，CDN回給一個CNAME地址，需要前往DNS添加解析記錄，
總結
現在您的網站就已經完成了基本的搭建，可以正常訪問，你的網站已經通過CDN加速，全球各地的用戶就可以訪問你的應用主頁了，整個網站的搭建過程不超過半天，極大減少了時間的浪費，同時你的網站運行在阿里云的共有云產品上，享受極高的SLA保證，遠比自己搭建一個網站好維護，并且你的網站不需要隨著訪問量增加而去升級，這一切阿里云CDN和OSS已經彈性提升了。幾乎獲得一個不會down機的網站，除非你欠費了。
參考文檔：https://www.alibabacloud.com/help/zh/doc-detail/67323.htm
