產品煉成記·hostingranking.cn·基於ghost的輕量技術架構整理

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

技術組成

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

技術講解

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

主要功能

1. ghost主題製做，呈現網站基本內容
2. 個性化主機推薦
3. 博客

ghost主題製做

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

個性化主機推薦

基本流程以下

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

活動圖以下

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

你能夠在hostingranking.cn的實現效果，看本身是否能收到郵件，收到的是什麼。

typeform

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

mailchimp

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

1. 徹底的開放，完整的api支持，支持用zapper鏈接上百款經常使用產品
2. 中國訪問速度還能夠，用api調用無礙
3. 誠意滿滿的新手產品扶助計劃，幫助新產品達到足夠規模再收費！

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

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

博客

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

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

附

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

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