hostingranking.cn·基於ghost的輕量技術架構整理

本篇純粹只講hostingranking.cn網站的技術架構，也就是怎麼做到的，達到什麼效果。至於它是什麼，爲什麼要做暫且不說，另篇會分享。

首先hostingranking.cn是基於ghost博客平臺而構建的，ghost最強大的部分就是可以最大限度的讓你DIY網站，能力特別強。如下是技術組成圖：

	運行環境	用途
Ghost	Nodejs	博客平臺，可供主題創作的環境，博客管理，SEO等一系列可插拔的功能
JQuery	Javascript	前端js交互
handlebar	-	網頁模板
spring boot	java	提供後端服務，連接第三方服務
typeform		第三方問卷調查服務
mailchimp		第三方郵件服務

ghost主題製作

ghost主題製作非常簡單，只要你會寫js+html+css即可製作，另外最好要學會handlebar模板語言，會讓你製作主題事半功倍，入門製作教程參考我另一篇文章：https://cmlanche.com/2018/08/26/%E5%88%B6%E4%BD%9Cghost%E4%B8%BB%E9%A2%98/

個性化主機推薦

基本流程如下

採用typeform來製作表單
開啓typeform的webhook，意思就是當客戶提交表單的時候，會往這個webhook url發送一個post請求，來告訴你有用戶提交了，以及提交的數據。
spring boot是我們的後端服務，專門用來製作webhook接口的，不要把webhook想的很神聖，沒什麼難的，webhook接口其實就是一個普通接口，只是它被用來處理webhook發送來的數據罷了。
spring boot收到typeform提交的問卷信息後，去調用mailchimp的api，創建郵件，發送給客戶。

活動圖如下

我最終通過spring Boot接收webhook傳遞過來的不同數據，生成不同的推薦結果。

你可以在hostingranking.cn的實現效果，看自己是否能收到郵件，收到的是什麼。

強大的問卷調查產品，體驗無與倫比，生成的文件簡單簡潔，完整的api支撐，對剛起步的新手產品免費支持，更重要的是，支持中文！在國內訪問暢通無阻！下圖是我hostingranking.cn產品涉及到的問卷設計：

世界上最常用的郵箱市場營銷工具，好處如下：

按照上面說的個性化功能，當你提交問卷之後，我的mailchimp後臺會看到發送狀態，以及打開和點擊的狀態，如下圖：

一點吐槽：看到typeform和mailchimp，我想國外的東西做的真是開放，各種api都支持，反觀國內，則各種保護，就比如知乎、博客園、segmentfault等都是不開放api的，這點讓我覺得國內還不夠開放。

博客功能是ghost內置的核心功能，目前我沒有在hostingranking.cn中開放，因爲博客頁面和詳情頁面的功能還沒做好，等做好了再貼圖了。

先用我的個人博客網站代替了：https://cmlanche.com (託管在github pages上的)

hostingranking.cn網站託管在Vultr主機上，買的最低配的VPS，每個月5美金

如果你要買它的主機並且你的主要客戶在大陸的話，你一定要買日本的主機，不要買美國和新加坡的，因爲日本的平均ping值是最低的，大約一百多，新加坡的主機會繞過日本再到中國，慢一些，而美國的大概兩三百。