iT邦幫忙

2021 iThome 鐵人賽

DAY 14
0
自我挑戰組

菜鳥工程師的奇幻旅程系列 第 14

Day 14 - 短時間協助廠商建立形象頁面(速成篇)

昨天的文章幾乎都是使用.NET Core完成場景模擬的平台,除此之外有其他計畫的廠商需要要一個官方形象的網站,也因此開始了評估可行性工具的方案。

要直接硬幹一個嗎?

在評估的剛開始馬上有一個念頭就是直接使用.NET Core框架開發,然後用MVC的框架細分功能、後臺需要哪一些功能、資料表需要幾個還有裡面的欄位需要哪些,一整個信心滿滿覺得好像很有衝勁。但後來越想越不對如果照這樣開發下去的話前端的畫面不就是需要自己去設計,然後後台的管理介面和要哪些功能從頭寫還要除錯就很沒效率,想到後來就打消這個念頭把它當作是最後的備案。

Content Management System(CMS)

 內容管理系統(英語:content management system,縮寫為 CMS)是指在一個合作模式下,用於管理工作流程的一套制度。該系統可應用於手工操作中,也可以應用到電腦或網路裡。

參考來源

所以結構和非結構的資料提供了統一管理的地方,而在現行流行的CMS系統有Wordpress、Joomla!、Joomla!、Drupal、Xoops等等。

接著我就想到以前學生時期,幫過成大的一個單位架設網站使用了Joomla的東西,然後對它的印象就是有一個現成的後台,不需要重頭開發以及使用上不需要寫太多的code。但後來要蒐集了一下發覺在CMS的市占比最高的是Wordpress,加上之前有聽別人說這個是架網站神器,而且在社群資源或者是網路上的資訊較豐富,最後就決決定選擇Woredpress來當作是架網站的工具。

Wordpress的種類

選定了Wordpress後才發覺它有分兩種版本分別是WordPress.com和WordPress.org,前者只要到該平台註冊並且設定網域名稱與選擇方案後,就可以很快速的上架網站,省去尋找虛擬主機的時間(等同於完全託管的服務)。但相對的缺點就是不能自行安裝額外的Wordpress佈景主題,所以雖然省去了網站架設和上架的時間但客製化的彈性打消了我的難頭。

所以呢我最後選擇了WordPress.org的版本,這個比起WordPress.com擁有更多的彈性,並且可以安裝任何的佈景主題或者是網站外掛(大加分),以及網站的原始碼可以直接修改對於外掛無法滿足的客戶而言有開發的彈性。

我可以部署在哪裡?

選定了WordPress.org後接著要處理的是要放在哪個虛擬主機上,網站部署的選擇上在前幾天網站部署篇有提到使用IIS上架網站,也因此第一個測試就是整包掛在IIS上看效果如何,也因此在這樣的情況下尋找了有關Wordpress掛在IIS的方法,這個參考網站給了我蠻多的幫助例如PHP與Mysql的安裝設定,以及IIS新增站台和對應路徑的方法。

都設定完成後看到設定網頁成功的開啟,並且後臺的功能都沒有甚麼大問題,正當沉浸在完成這件事情的時候,赫然發覺怎麼無法做版本更新以及下載外掛與佈景的動作。

......忘記租的虛擬主機有鎖外網

GCP

也因為這樣的情況我又繼續開始尋找其他的方案,將目標轉向成三大提供的雲端服務(AWS、Azure、GCP)比較有沒有CP比較好的免費版本可以測試,最後則是選擇了GCP的服務來架設網站(當時有一年的免費試用和抵免額很時夠應用架設網頁的開發),另外會選這個服務蠻大的原因是網路上的蠻多相關的教學文章xD。

另外補充個如果需要直接連續GCP開的虛擬主機,個人蠻喜歡WinSCP這個工具在連線上或者是設定上都非常方便。
工具參考連結

而在安裝過程中遇到的問題沒有太多,主要是因為在GCP上算是一鍵安裝的概念,但如果未來網站需要備份或者是搬移,相對地就需要花一點時間確認可以使用的外掛套件以及資料庫移轉的設定。

網站上線後其他工具推薦

雖然說Wordpress的外掛套件有幫忙做SEO的優化,但也很好奇有沒有其他的工具可以設定,因此下面列出幾個分享一下對於網站的曝光度以及數據收集的好東西。

Google search console

Imgur
Imgur
這個工具簡單來說它是網站管理工具,可以綁定網站的資源並且可以監測例如網頁搜尋點擊次數、索引的涵蓋範圍、使用者的體驗等等,其中蠻重要的設定可以至Sitemap新增索引。

「Sitemap」是一種檔案,您可以在其中列出網站上的網頁,讓 Google 和其他搜尋引擎瞭解您的網站內容架構。搜尋引擎網路檢索器 (例如 Googlebot) 會讀取這個檔案,以更靈活的方式檢索您的網站。

[參考來源](Imgur

Google Analytics(GA)

這個工具當初使用的時候主要是紀錄使用者比較常到哪個網頁,以及連入的來源地區或者是比較常使用甚麼裝置查看,沒有特別使用到進階的功能(例如歸因模式)。不過如果今天公司有專屬的行銷部門,那這個工具基本上可以把使用者的數據快速蒐集,然後要做分析統計的時候可以再搭配其他Google的服務。

Google Tag Manager(GTM)

最後這個工具使用的它的目的是用於記錄使用者的特定點擊行為,應用的對象除了官方網站之外使用比較多的是3D模型模擬的平台,收集使用者點擊的場景次數以及畫面區塊的操作頻率。

我的商家申請的方法

除了分享的網站架設方法與使用工具外,當初輔導的廠商大多都無法透過Google地圖下關鍵字找到,也因此去Google我的商家幫他們註冊帳號外也協助申請店家地址,申請完之後大約等了兩個多禮拜會收到一封信件,輸入完信件內的驗證碼之後就完成了。

廠商的反饋

在這一系列的部分都處理完成後給廠商試用了一段時間,對他們來說很有感的是認識的客戶除了直接在Google地圖上找到地點之外,更可以透過網站瀏覽商品與線上即時詢問。

這次的機會去了解單純寫code之外,其他可行的方案以及現有的工具(但如果要大型的開發我覺得還是寫code比較實在),但在時間的壓力或者是成本考量下,確實Low Code、No Code的工具可以帶來開發上的效益!

/images/emoticon/emoticon81.gif


上一篇
Day 13 - .NET Core奇遇記
下一篇
Day 15 - 中場休息(旅程前半段回顧與重點彙整)
系列文
菜鳥工程師的奇幻旅程30

尚未有邦友留言

立即登入留言