简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享

程序下载

关注我的公众号【极客癖】回复“海报”即可获取下载链接!

图片[1]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

技术解析

昨天,本来打算挑战两个小时开发一个小程序,群友都知道,我失败了,这个小程序调试加BUG修复,用了不到一天的时间。

图片[2]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

就是上面这款,非常简单,用户输入公众号文章的链接,程序会生成基于此文章信息的海报卡片,并附上二维码,之后其它人可以通过长按扫码阅读文章(也可以进入我的小程序

前端我用熟悉的UNIAPP开发,后端当然用世界上最好的语音啦~PHP。

由于时间紧迫,海报图的生成当然交给了插件市场的大佬们,这次使用了免费热榜第一的海报画板插件:https://ext.dcloud.net.cn/plugin?id=2389 真的非常好用,插件还自带了传入链接生成二维码功能,省去了一个步骤,唯一缺点就是一层套一层的json简直是程序噩梦.....

图片[3]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

后端我直接使用了php单文件控制,不对接数据库,直接扔到其它站点下,这样也不用新建站点,解决了宝塔站点多忧虑症问题。

这次的技术难点一个是对公众号文章的信息采集,一个就是前端海报的json编写,一开始也找了网上大神写好的PHP采集类,但无奈规则都已失效了,只能自己手撸采集。

图片[4]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

写完后差不多就这样的,本来写那么多注释,确实是想开源分享的,但无奈,市面二道贩子太多,今天你免费,明天他就闲鱼9.9开卖,所以我也还是决定分享出来,大家都可以使用这款小程序

另外,我还给程序加了一个防扒接口,当有人扒了你的前端,打算用你的接口时,他就会收到我们衷心的祝福:

图片[5]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

作为一个常扒别人的人,防扒当然是我的重中之重,至少我的流量你别想用,有能力自己去手撸后台即可~

安装教程

解压安装包后你会看到后台、前端、与使用说明。

后端只有三个PHP文件,把它们上传到你一个站点的根目录中自建的一个文件夹中即可,方便管理。

图片[6]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

然后打开site.php文件修改配置,所有需要的配置都在这里面了,按照样子改就行(小心别把符号改错了,这可不像界面化后台)

图片[7]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享
图片[8]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

搞好这些,就可以用微信开发者工具导入前端了,导入后,将pages/index/index.js第189行的后台文件URL,改成你自己的,https://域名/文件夹/site.php,然后刷新体验。

如果你的后台正确,前端不显示,并报像下图这样的错误:

图片[9]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

这是你服务器证书问题,直接在服务器命令界面安装证书根证书,命令如下:
yum install ca-certificates

然后就可以使用了,你会发现前端有个小bug,海报区会挡住底部按钮,不用担心,这是微信开发者工具的bug,用手机预览是正常的

图片[10]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享

记得预览之前添加安全域名,安全域名需添加:


request:你自己的后台域名

uploadFile:https://mmbiz.qlogo.cn;https://mmbiz.qpic.cn;https://wx.qlogo.cn;+你后台使用的其它图片的域名

downloadFile:https://mmbiz.qlogo.cn;https://mmbiz.qpic.cn;https://wx.qlogo.cn;+你后台使用的其它图片的域名

这个你后台使用的其他图域名包括小程序码图、初始数据中的头像、封面,这些图的域名,要加上。

演示

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容