還在用土方法建站?半個鐘零基礎學習拖拽式建站瞭解一下。

一、前言

最近在逛街的時候,發現瞭一個很有意思的東西,拖拽式建站,這不是和最近風很大的低代碼有點類似嗎?回想起以前自己搭建個人網站的時候,那種辛酸,從寫代碼開始,然後部署上線測試,真的是太麻煩瞭,雖然最近也出現瞭很多一站式建站,但是終究還是有很多的步驟需要自己做。而且很多的一站式建站或者是說無代碼建站的,官方文檔的質量可以說是參差不齊,買傢秀和賣傢秀之間的差別,我明明根據你的官方文檔來的,但是還是報錯,這就直接勸退瞭很多新手。最近亞馬遜雲上百餘種產品免費套餐。計算資源Amazon EC2首年12個月免費,750小時/月;存儲資源 Amazon S3 首年12個月免費,5GB標準存儲容量。https://aws.amazon.com/cn/free/?nc2=h_ql_pr_ft&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free%20Tier%20Types=*all&awsf.Free%20Tier%20Categories=*all&trk=490306a5-00b9-49f1-8f98-abb8ae88388d&sc_channel=el
今天要介紹的是在亞馬遜雲科技上使用Microweber,鏈接給出:亞馬遜雲科技拖拽式建站:https://aws.amazon.com/cn/getting-started/hands-on/website-microweber/?trk=86bcd2db-e950-465d-8bcc-78e773ee8084&sc_channel=ba,他的文檔很詳細,剛好就做一個測評加筆記吧。

二、Microweber簡介

Microweber是一款優秀的開源軟件,可以通過亞馬遜雲科技的CloudFormation服務零代碼部署至自己的服務器上,專門用於降低研發的門檻,可以使用鼠標拖拽的方式或者是鍵盤輸入的方式來進行頁面設計,不需要你有任何的代碼基礎或者是運維部署經驗就可以快速開發一個網站,同時他提供瞭多種模板,比我們自己寫的強上百倍,他常用於CMS或者是電商網站的建站,我們可以專註於內容或者是價值的輸出,網站全權交給亞馬遜雲科技即可。
聽起來牛逼哄哄,不知道實踐起來怎麼樣?於是乎,我花瞭一個上午的時間研究瞭一下,並且寫瞭一篇記錄,由於這篇文章寫的時候是經過瞭粉絲的灰度測試的,所以按著我的教程來,百分百成功!第一次的話耗時大概半小時,話不多說,我們開始吧!

三、確認使用的區域

在開始之前,我先嘮幾句,如果你是剛開始註冊亞馬遜雲科技的話,他會有一個免費體驗很多爆款產品的期限,我印象中是12個月,這12個月你可以白嫖很多爆款產品,包括雲服務器、雲數據庫等等,你還等什麼,馬上來註冊一個配合今天的拖拽式建站。
首先要確認使用的區域,我個人認為這個不設置也無關緊要,但是還是設置一下吧,官方的說明是越靠近你的地方,你的服務器響應速度會越快,登錄進亞馬遜雲科技以後就可以進入登錄控制臺。


看瞭一圈沒有內陸,那就香港吧,反正我人在深圳,隔壁就是香港,所以本文以香港為例。

四、創建並測試 1️⃣打開EC2控制臺

本次的拖拽式建站就是這個EC2服務(如果不看官方文檔,光知道一個名稱,是找不到滴),就在控制臺這個頁面,找到service->計算->EC2。

點開以後就是這樣,滿滿的科技感有麼有。

2️⃣創建密鑰對

熟悉雲服務器的小夥伴都知道,接下來就是要創建密鑰對,這個密鑰對是驗明身份的標識。我們在左側找到網絡與安全->密鑰對。

點擊創建密鑰對。

第一行輸入你的名稱即可,其他就選擇默認類型。

點擊創建密鑰對以後,瀏覽器會默認下載你創建的密鑰對。

3️⃣Microweber資源創建

終於可以開始我們資源的創建瞭。鏈接在這裡:資源創建,這裡我挑一些參數詳細說明以下,不然會有很多坑!

首先是堆棧的名稱,這個比較隨意,但是要註意按照官方規定的命名規則去命名。

要有一個網站,必不可少的就是數據庫,Microweber為我們預先準備好瞭一個數據庫,而且是MySQL的,直接狂喜!我們需要在這裡設置數據庫的密碼。最低要八位數

這一個配置是我們的數據庫的賬號,保留默認即可。如果想改也可以。

這兩行參數是Microweber後臺管理系統的賬號密碼。

最後一個參數就是我們剛剛創建的密鑰對,擁有瞭這個密鑰對,我們就可以登錄到後臺的服務器。萬事俱備以後就可以直接點擊創建堆棧。

下一步以後需要等待大概十分鐘初始化。

大約十分鐘左右,初始化任務就會全部完成,有小夥伴問瞭,我們剛剛設置瞭賬號密碼在哪裡可以登錄呢?往上翻到菜單欄,有一個輸出,在MicroweberLogin參數這裡就是我們的登錄URL。

註:由於這個教程已經是經過瞭灰度測試版本,有小夥伴和我說,在初始化資源的時候有時候會失敗,也確實是按著我的步驟去做的,但是還是會失敗。我和他說再重新操作一次,又可以瞭!有時候如果遇到瞭莫名的失敗,可以將這個堆棧刪瞭,重新再操作一次即可。

4️⃣測試

點開登錄以後,是這樣一個簡潔的界面。輸入賬號密碼,開沖!註意一下語言,可以選擇中文,中國人不騙中國人。


來到這裡基本上就大功告成!一個快速的網站就搭建好瞭,我們來看看訪問效果,這裡是後臺的一個i管理。

我們接下來可以對網站進行一些基本的設置,比如SEO或者是各個菜單欄的設置。

這裡就是我們的訪問URL瞭,這個URL是亞馬遜雲科技CDN服務CloudFront的加速後的地址,我們剛剛創建的網站會自動集成CDN加速,讓你的網站在加載的時候可以更快,我們再將它復制到瀏覽器裡就可以看到效果啦!

可以看到,一個很美觀很使用的網站就出來瞭!無需寫代碼,無需部署,無需運維,三無產品,全部交給亞馬遜雲科技,無代碼愛瞭!

如果想要修改可以在設置中修改網站的信息。點擊站點處的小鉛筆就可以修改瞭,而且延遲很低,基本上改完刷新一下就可以出來。

修改完以後點擊保存就大功告成啦!

五、⛅總結

一頓操作下來,來個總結吧!
首先亞馬遜雲科技的Microweber給我的感覺隻有兩個字:方便,真的是太方便瞭,甚至我連數據庫都無需安裝,之前我一直使用的是寶塔的面板安裝,對於一個開發者來說,有時候便利性和必要的預設安裝是十分重要的,畢竟我可以更專註於邏輯的實現或者是內容的輸出。
其次亞馬遜雲科技的拖拽式建站的從便利性、官方文檔、最終效果等各方面來說,可以打90分(滿分100的話),官方文檔可以說是很詳細瞭,跟著官方文檔一步步走,基本上不會有報錯的問題,有報錯的我都替你們踩完瞭。他適用人群是需要快速搭建CMS、商城網站的非專業開發者,當然專業開發者可以直接略過。而且他的市場裡面的模板也非常多,可以滿足各種商城,可以讓非開發者搭上互聯網這趟快車。後期應該會考慮拿他去搭建一個屬於自己的CMS系統。
最後吧,亞馬遜雲科技還配置瞭堆棧的清理操作和各種配套的周邊操作,比如說域名的綁定以及HTTPS證書等多個服務,可以看作是Microweber的一個延伸,主要是官方文檔很詳細,推薦觀看!也推薦一些不錯的開發者相關內容吧:

  1. 入門資源中心:從0到1 輕松上手雲服務,內容涵蓋:成本管理,上手訓練,開發資源。跑https://aws.amazon.com/cn/getting-started/?nc2=h_ql_le_gs&trk=4601add5-b05e-40e5-86a4-84b8eec3a582&sc_channel=ba
  2. 架構中心:亞馬遜雲科技架構中心提供瞭雲平臺參考架構圖表、經過審查的架構解決方案、Well-Architected 最佳實踐、模式、圖標等。[https://aws.amazon.com/cn/architecture/?intClick=dev-center-2021_main&trk=d53a1c8e-6978-40d1-855f-3a41a9ee6054&sc_channel=el[(https://aws.amazon.com/cn/architecture/?intClick=dev-center-2021_main&trk=d53a1c8e-6978-40d1-855f-3a41a9ee6054&sc_channel=el)
  3. 構建者庫:瞭解亞馬遜雲科技如何構建和運營軟件。https://aws.amazon.com/cn/builders-library/?cards-body.sort-by=item.additionalFields.sortDate&cards-body.sort-order=desc&awsf.filter-content-category=*all&awsf.filter-content-type=*all&awsf.filter-content-level=*all&trk=0958b811-ba51-4288-83da-c324953e8b1f&sc_channel=el
  4. 開發工具包:https://aws.amazon.com/cn/tools/?intClick=dev-center-2021_main&trk=ce5bdfe3-ceb1-42d4-aa1b-665461427997&sc_channel=el
本文來自網絡,不代表程式碼花園立場,如有侵權,請聯系管理員。https://www.codegarden.cn/article/28059/
返回顶部