共计 1476 个字符，预计需要花费 4 分钟才能阅读完成。
本篇纯粹只讲 hostingranking.cn 网站的技术架构，也就是怎么做到的，达到什么效果。至于它是什么，为什么要做暂且不说，另篇会分享。
技术组成
首先 hostingranking.cn 是基于 ghost 博客平台而构建的，ghost 最强大的部分就是可以最大限度的让你 DIY 网站，能力特别强。如下是技术组成图：
技术讲解
运行环境
用途
Ghost
Nodejs
博客平台，可供主题创作的环境，博客管理，SEO 等一系列可插拔的功能
JQuery
Javascript
前端 js 交互
handlebar
–
网页模板
spring boot
java
提供后端服务，连接第三方服务
typeform
第三方问卷调查服务
mailchimp
第三方邮件服务
主要功能
ghost 主题制作，呈现网站基本内容
个性化主机推荐
博客
ghost 主题制作
ghost 主题制作非常简单，只要你会写 js+html+css 即可制作，另外最好要学会 handlebar 模板语言，会让你制作主题事半功倍，入门制作教程参考我另一篇文章：https://cmlanche.com/2018/08/…
个性化主机推荐
基本流程如下
采用 typeform 来制作表单
开启 typeform 的 webhook，意思就是当客户提交表单的时候，会往这个 webhook url 发送一个 post 请求，来告诉你有用户提交了，以及提交的数据。
spring boot 是我们的后端服务，专门用来制作 webhook 接口的，不要把 webhook 想的很神圣，没什么难的，webhook 接口其实就是一个普通接口，只是它被用来处理 webhook 发送来的数据罢了。
spring boot 收到 typeform 提交的问卷信息后，去调用 mailchimp 的 api，创建邮件，发送给客户。
活动图如下
我最终通过 spring Boot 接收 webhook 传递过来的不同数据，生成不同的推荐结果。
你可以在 hostingranking.cn 的实现效果，看自己是否能收到邮件，收到的是什么。
typeform
强大的问卷调查产品，体验无与伦比，生成的文件简单简洁，完整的 api 支撑，对刚起步的新手产品免费支持，更重要的是，支持中文！在国内访问畅通无阻！下图是我 hostingranking.cn 产品涉及到的问卷设计：
mailchimp
世界上最常用的邮箱市场营销工具，好处如下：
完全的开放，完整的 api 支持，支持用 zapper 连接上百款常用产品
中国访问速度还可以，用 api 调用无碍
诚意满满的新手产品扶助计划，帮助新产品达到足够规模再收费！
按照上面说的个性化功能，当你提交问卷之后，我的 mailchimp 后台会看到发送状态，以及打开和点击的状态，如下图：
一点吐槽：看到 typeform 和 mailchimp，我想国外的东西做的真是开放，各种 api 都支持，反观国内，则各种保护，就比如知乎、博客园、segmentfault 等都是不开放 api 的，这点让我觉得国内还不够开放。
博客
博客功能是 ghost 内置的核心功能，目前我没有在 hostingranking.cn 中开放，因为博客页面和详情页面的功能还没做好，等做好了再贴图了。
先用我的个人博客网站代替了：https://cmlanche.com (托管在 github pages 上的)
附
hostingranking.cn 网站托管在 Vultr 主机上，买的最低配的 VPS，每个月 5 美金
如果你要买它的主机并且你的主要客户在大陆的话，你一定要买日本的主机，不要买美国和新加坡的，因为日本的平均 ping 值是最低的，大约一百多，新加坡的主机会绕过日本再到中国，慢一些，而美国的大概两三百。
