作者：付政委
喜欢干一件事，往往来自于干了一件喜欢的事
微信公众号：bugstack虫洞栈沉淀、分享、成长，专注于原创专题案例，以最易学习编程的方式分享知识，让自己和他人都能有所收获。目前已完成的专题有；Netty4.x实战专题案例、用Java实现JVM、基于JavaAgent的全链路监控、手写RPC框架、架构设计专题案例[Ing]等。
1. 前言介绍这个！截至到19年11月我已经工作6年了，从业Java但也折腾过C#、搞PHP也弄过中继器、IO板卡，似乎我就是一个很喜欢在技术上折腾的人！与此同时，我也搞了6年的个人小网站，它们的呈现形式多种多样；有用PHP自己捣鼓的技术站用于分享资料、书籍、软件等、有用PHPWIND和DISCUZ的搭建的个人论坛、有用emlog和wordpress搭建的个人博客、也有借用于github+hexo/jekyll的能力组装出的技术博客。但无一例外它们都战死于征战的路上了，亡于；org域名不能备案、PHP服务器瘫痪被清空、http连接被注入恶意内容、定位不准确经常换模式、缺少核心优质内容等等。但！老衲的心依然如春(cun)，因为喜欢干一件事，往往来自于干一了件喜欢的事！所以！从19年开始我又继续写博客了，注册了新的域名bugstack.cn，备了案、买了服务器、还喊了新的口号；沉淀、分享、成长，让自己和他人都能有所收获！并且将尘封已久的微信公众号找回；结构上调整、内容上布局、粉丝上求关注。在这期间遇到了更大的牛；小灰、王二哥、纯洁的微笑还有松哥等一群伙伴，从他们那学到很多知识，真的非常感谢！那么！这次的产品功能总结一句话就是；将基于Github+Jekyll搭建的静态博客与我并未开发过的微信公众号功能打通，通过在文章短口令码加锁引导用户到公众号内回复密码可解锁内容，以此来获得粉丝关注，当然如果取消关注了则文章继续锁定。在多说一句，我理解的产品；其实是使用研发技术力搭建出可以用于承载接收用户在各种设备上所生产的行为数据的一种产品化服务。所以有些产品在做减法，同时也有为丰富的功能做加法，但究其一点我们其实都是在为接收有价值数据服务的。兴衰存亡，皆在核心数据沉淀与运作上！2. 流程设计为了使博客粉丝主动关注微信公众号，我们在用户初次浏览文章时增加权限验证，给每一个用户都生成一个唯一码引导用户在公众号内回复解锁文章，以此来与微信openid对应。当用户取消关注时则进行删除openid或标记状态，使得用户无法继续浏览文章。其实为了更好的体验，我参照了大牛的方式内容60%的区域可见，其余内容渐进遮挡，蒙胧胧的感觉还挺美。整体流程图如下；微信公众号：bugstack虫洞栈 & 流程图设计3. 功能实现为了实现本产品功能，我准备了；
微信公众号；bugstack虫洞栈
博客；本文使用的是github+jekyll；地址：https://bugstack.cn
域名；域名申请比较简单，但可能针对不同的服务商还必须备案后才可以使用
友盟；主要为了获取全局的唯一id值，也可以使用其他具备此功能的产品或者自己实现
部署环境；Java云服务器、Mysql云数据库、https证书、Jdk1.8、tomcat1.8，云市场比较多按需购买，如果是本地调试可以使用https://natapp.cn，做免费网络穿透映射
3.1 前端前端主要负责针对发布时设置了look: need的文章，在用户浏览文章检查是否有权限查看全部内容，当用户没有权限时隐藏文章60%内容，并通过页面结尾提醒用户在公众号内回复口令解锁文章。找到加锁文章容器ID，文章容器选择器：article.post.container.need，拿到选择器ID针对这类文章进行缩小隐藏处理。
使用Jquery把文章所在容器高度缩小，这样会把内容进行压缩
给文章加一点朦胧感，渐变隐藏
从UM全局唯一ID中获取token友盟作为网站数据采集服务，会生成一个针对用户的全局唯一值UM_distinctid，而我们需要就使用这个值部分截取后作为唯一token加锁钥匙
定时轮旋检查是否关注公众号并解锁，可以优化写入全局Jquery值或者记录在cookie，减少轮询检查次数
引导用户关注公众号现在将token值回显到页面，提醒用户关注公众号回复口令解锁全部文章，以此来得到粉丝的关注。效果如下；
微信公众号：bugstack虫洞栈 & 文章加锁效果3.2 后端
本地环境开发需要安装(免费)http://natapp.cn/，做网络穿透便于我们进行测试
服务度三个主要接口；1同名称的get、post请求，分别用于公众号验验、接收用户行为与回复信息。2给博客提供验证是否解锁接口
在微信公众号；开发->基础设置(服务器配置)，修改配置内容并开启服务，此时服务端会收到验证请求信息
Java服务度采用领域驱动设计微服务方式开发，DDD的开发模式会更加清晰以及易于后续功能的拓展
(提醒)个人微信号，部分接口权限是没有的，同时如果开启开发者功能配置后，自定义菜单和自定义回复都会失效。而自定义菜单又不开放给个人微信号，所以需要再次配置开启，但是不能修改
开发环境jdk 1.8、tomcat8、idea2018、Maven3
Spring Boot 2.1.2.RELEASE
mysql 5.6
natapp 网络穿透
工程代码itstack-ark-wx & 领域驱动设计方式设计
itstack-ark-wx & 建表语句
讲解部分重点代码块，完整代码下载关注公众号；bugstack虫洞栈 & 回复：itstack-ark-wxinterfaces接口层WxPortalController.java & 接收微信公众号验签与行为信息通知
微信公众号都是通过服务提供方的一个接口的get/post请求来执行操作的{这样设计真sao但真香}
get接口主要是验证签名
post接口会收到；关注、取消关注、用户的回复信息
BlogController.java & 博客验权接口，用于判断文章是否解锁
因为我们这个服务部署在二级域名下，因此需要设置跨域访问
由于我们网站是https加密，那么非https是不能被访问，需要下载安装证书到tomcat服务器
本接口只返回success和refuse，通过即可解锁
application应用层本层主要定义逻辑分层，属于非常薄的一层，在一些复杂设计中会有一些服务编排
UserLockAuthService 用户权限验证
WxReceiveService 接收用户行为消息
WxValidateService 微信公众号验签
UserLockAuthService.java & 定义后由领域层实现
domain领域层领域层完成了；权限验证、行为消息处理、公众号验签
这里最重要的各种行为消息处理，我们设计为决策树工厂模型，定义了逻辑功能和引擎服务，后续只需要按需扩展即可
logic/LogicFilter.java & 定义逻辑模型，impl中有对应的一组的实现类
logic/impl/SubscribeFilter.java & 其中一个实现，关注时行为处理
engine/impl/MsgEngineHandle.java & 引擎路由调用
infrastructure基础层本层主要提供基础服务能力，包括数据库操作、缓存操作、工具包等
如果你的服务中由redis可以在本层来提供
在领域驱动设计中数据库不提倡共用，是单独分离，因为此设计中只有用户表还体现的不明显
repository/UserAuthGrantRepository.java & 数据库实现
3.3 部署1. 工程打包springboot配置打包部署成可运行war包
pom.xml
WxApplication.java
}修改配置application.yml，数据库配置、微信配置
2. 服务上线申请云服务器，目前提供方比较多，一般可以和域名选择一个服务商
准备好Linux服务器jdk1.8、tomcat8
看个人域名访问情况，酌情申请Https，配置RSA
本地安装XShell、Xftp，方便部署和文件传输
准备好个人微信公众号，用于配置服务
启动服务
/\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \3( ( )\___ | '_ | '_| | '_ / _` | \ \ \ \4 \/ ___)| |_)| | | | | || (_| | ) ) ) )5 ' |____| .__|_| |_|_| |_\__, | / / / /6 =========|_|==============|___/=/_/_/_/7 :: Spring Boot :: (v2.1.2.RELEASE)892019-11-23 18:10:57.131 INFO 22052 --- [ost-startStop-1] org.itstack.ark.wx.WxApplication : Starting WxApplication v1.0.0-SNAPSHOT on instance-39394m67 with PID 22052 (/usr/local/java/apache-tomcat-8.5.37/webapps/itstack-ark-wx/WEB-INF/classes started by root in /usr/local/java/apache-tomcat-8.5.37/bin)102019-11-23 18:10:57.158 INFO 22052 --- [ost-startStop-1] org.itstack.ark.wx.WxApplication : No active profile set, falling back to default profiles: default112019-11-23 18:10:59.137 INFO 22052 --- [ost-startStop-1] o.s.web.context.ContextLoader : Root WebApplicationContext: initialization completed in 1890 ms122019-11-23 18:11:01.050 INFO 22052 --- [ost-startStop-1] o.s.s.concurrent.ThreadPoolTaskExecutor : Initializing ExecutorService 'applicationTaskExecutor'132019-11-23 18:11:01.336 WARN 22052 --- [ost-startStop-1] ion$DefaultTemplateResolverConfiguration : Cannot find template location: classpath:/templates/ (please add some templates or check your Thymeleaf configuration)142019-11-23 18:11:01.677 INFO 22052 --- [ost-startStop-1] org.itstack.ark.wx.WxApplication : Started WxApplication in 5.873 seconds (JVM running for 10.311)1523-Nov-2019 18:11:01.718 INFO [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployWAR Deployment of web application archive [/usr/local/java/apache-tomcat-8.5.37/webapps/itstack-ark-wx.war] has finished in [9,226] ms1623-Nov-2019 18:11:01.720 INFO [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Deploying web application directory [/usr/local/java/apache-tomcat-8.5.37/webapps/ROOT]1723-Nov-2019 18:11:01.746 INFO [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Deployment of web application directory [/usr/local/java/apache-tomcat-8.5.37/webapps/ROOT] has finished in [26] ms1823-Nov-2019 18:11:01.753 INFO [main] org.apache.coyote.AbstractProtocol.start Starting ProtocolHandler ["http-nio-80"]1923-Nov-2019 18:11:01.764 INFO [main] org.apache.coyote.AbstractProtocol.start Starting ProtocolHandler ["ajp-nio-8009"]2023-Nov-2019 18:11:01.766 INFO [main] org.apache.catalina.startup.Catalina.start Server startup in 9326 ms212019-11-23 18:11:13.039 INFO 22052 --- [p-nio-80-exec-1] o.s.web.servlet.DispatcherServlet : Initializing Servlet 'dispatcherServlet'222019-11-23 18:11:13.059 INFO 22052 --- [p-nio-80-exec-1] o.s.web.servlet.DispatcherServlet : Completed initialization in 20 ms232019-11-23 18:11:13.172 INFO 22052 --- [p-nio-80-exec-1] o.i.ark.wx.interfaces.BlogController : 校验博客浏览用户授权状态UDHIUS开始243. 功能验证验证连接；https://bugstack.cn/itstack-demo-ddd/2019/10/16/DDD%E4%B8%93%E9%A2%98%E6%A1%88%E4%BE%8B%E4%BA%8C-%E9%A2%86%E5%9F%9F%E5%B1%82%E5%86%B3%E7%AD%96%E8%A7%84%E5%88%99%E6%A0%91%E6%9C%8D%E5%8A%A1%E8%AE%BE%E8%AE%A1.html
引导提示；
文章解锁；
4. 综上总结还是很感激那些前途的探路人，为原创研发贡献力量
我博客；https://bugstack.cn，可以尝试验证或者克隆对应的代码仓库
利用了11月24日周六给自己加个通宵班完成所有代码的开发和服务申请到部署，从最开始拿到想法到最终实现还是经历了很多坎坎坷坷
这里面还有很多可以优化的点以及一些拓展的功能，后续会陆续完善，如果由小伙伴有好的点子欢迎随时交流