本篇純粹只講hostingranking.cn網(wǎng)站的技術(shù)架構(gòu)，也就是怎么做到的，達到什么效果。至于它是什么，為什么要做暫且不說，另篇會分享。

技術(shù)組成

首先hostingranking.cn是基于ghost博客平臺而構(gòu)建的，ghost最強大的部分就是可以最大限度的讓你DIY網(wǎng)站，能力特別強。如下是技術(shù)組成圖：

技術(shù)講解

運行環(huán)境用途

Ghost	Nodejs	博客平臺，可供主題創(chuàng)作的環(huán)境，博客管理，SEO等一系列可插拔的功能
JQuery	Javascript	前端js交互
handlebar	-	網(wǎng)頁模板
spring boot	java	提供后端服務(wù)，連接第三方服務(wù)
typeform		第三方問卷調(diào)查服務(wù)
mailchimp		第三方郵件服務(wù)

主要功能

ghost主題制作，呈現(xiàn)網(wǎng)站基本內(nèi)容

個性化主機推薦

博客

ghost主題制作

ghost主題制作非常簡單，只要你會寫js+html+css即可制作，另外最好要學(xué)會handlebar模板語言，會讓你制作主題事半功倍，入門制作教程參考我另一篇文章：https://cmlanche.com/2018/08/...

個性化主機推薦

基本流程如下

采用typeform來制作表單

開啟typeform的webhook，意思就是當(dāng)客戶提交表單的時候，會往這個webhook url發(fā)送一個post請求，來告訴你有用戶提交了，以及提交的數(shù)據(jù)。

spring boot是我們的后端服務(wù)，專門用來制作webhook接口的，不要把webhook想的很神圣，沒什么難的，webhook接口其實就是一個普通接口，只是它被用來處理webhook發(fā)送來的數(shù)據(jù)罷了。

spring boot收到typeform提交的問卷信息后，去調(diào)用mailchimp的api，創(chuàng)建郵件，發(fā)送給客戶。

活動圖如下

我最終通過spring Boot接收webhook傳遞過來的不同數(shù)據(jù)，生成不同的推薦結(jié)果。

你可以在hostingranking.cn的實現(xiàn)效果，看自己是否能收到郵件，收到的是什么。

typeform

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

mailchimp

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

完全的開放，完整的api支持，支持用zapper連接上百款常用產(chǎn)品

中國訪問速度還可以，用api調(diào)用無礙

誠意滿滿的新手產(chǎn)品扶助計劃，幫助新產(chǎn)品達到足夠規(guī)模再收費！

按照上面說的個性化功能，當(dāng)你提交問卷之后，我的mailchimp后臺會看到發(fā)送狀態(tài)，以及打開和點擊的狀態(tài)，如下圖：

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

博客

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

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

附

hostingranking.cn網(wǎng)站托管在Vultr主機上，買的最低配的VPS，每個月5美金

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

總結(jié)

以上是生活随笔為你收集整理的hostingranking.cn·基于ghost的轻量技术架构整理的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。