本篇纯粹只讲hostingranking.cn网站的技术架构,也就是怎么作到的,达到什么效果。至于它是什么,为何要作暂且不说,另篇会分享。css
首先hostingranking.cn是基于ghost博客平台而构建的,ghost最强大的部分就是能够最大限度的让你DIY网站,能力特别强。以下是技术组成图:html
运行环境 | 用途 | |
---|---|---|
Ghost | Nodejs | 博客平台,可供主题创做的环境,博客管理,SEO等一系列可插拔的功能 |
JQuery | Javascript | 前端js交互 |
handlebar | - | 网页模板 |
spring boot | java | 提供后端服务,链接第三方服务 |
typeform | 第三方问卷调查服务 | |
mailchimp | 第三方邮件服务 |
ghost主题制做很是简单,只要你会写js+html+css便可制做,另外最好要学会handlebar模板语言,会让你制做主题事半功倍,入门制做教程参考我另外一篇文章:https://cmlanche.com/2018/08/26/%E5%88%B6%E4%BD%9Cghost%E4%B8%BB%E9%A2%98/前端
#####基本流程以下java
我最终经过spring Boot接收webhook传递过来的不一样数据,生成不一样的推荐结果。git
你能够在hostingranking.cn的实现效果,看本身是否能收到邮件,收到的是什么。github
强大的问卷调查产品,体验无与伦比,生成的文件简单简洁,完整的api支撑,对刚起步的新手产品免费支持,更重要的是,支持中文!在国内访问畅通无阻!下图是我hostingranking.cn产品涉及到的问卷设计:web
世界上最经常使用的邮箱市场营销工具,好处以下:spring
按照上面说的个性化功能,当你提交问卷以后,个人mailchimp后台会看到发送状态,以及打开和点击的状态,以下图:segmentfault
一点吐槽:看到typeform和mailchimp,我想国外的东西作的真是开放,各类api都支持,反观国内,则各类保护,就好比知乎、博客园、segmentfault等都是不开放api的,这点让我以为国内还不够开放。后端
博客功能是ghost内置的核心功能,目前我没有在hostingranking.cn中开放,由于博客页面和详情页面的功能还没作好,等作好了再贴图了。
先用个人我的博客网站代替了:https://cmlanche.com (托管在github pages上的)
hostingranking.cn网站托管在Vultr主机上,买的最低配的VPS,每月5美金
若是你要买它的主机而且你的主要客户在大陆的话,你必定要买日本的主机,不要买美国和新加坡的,由于日本的平均ping值是最低的,大约一百多,新加坡的主机会绕过日本再到中国,慢一些,而美国的大概两三百。