程序下载
关注我的公众号【
技术解析
昨天,本来打算挑战两个小时开发一个小程序,群友都知道,我失败了,这个小程序调试加BUG修复,用了不到一天的时间。
![图片[2]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281558421651161522-1jikebox.png)
就是上面这款,非常简单,用户输入公众号文章的链接,程序会生成基于此文章信息的海报卡片,并附上二维码,之后其它人可以通过长按扫码阅读文章(也可以进入我的小程序)
前端我用熟悉的UNIAPP开发,后端当然用世界上最好的语音啦~PHP。
由于时间紧迫,海报图的生成当然交给了插件市场的大佬们,这次使用了免费热榜第一的海报画板插件:https://ext.dcloud.net.cn/plugin?id=2389 真的非常好用,插件还自带了传入链接生成二维码功能,省去了一个步骤,唯一缺点就是一层套一层的json简直是程序噩梦.....
后端我直接使用了php单文件控制,不对接数据库,直接扔到其它站点下,这样也不用新建站点,解决了宝塔站点多忧虑症问题。
这次的技术难点一个是对公众号文章的信息采集,一个就是前端海报的json编写,一开始也找了网上大神写好的PHP采集类,但无奈规则都已失效了,只能自己手撸采集。
![图片[4]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281617051651162625-imagejikebox-1024x556.png)
写完后差不多就这样的,本来写那么多注释,确实是想开源分享的,但无奈,市面二道贩子太多,今天你免费,明天他就闲鱼9.9开卖,所以我也还是决定分享出来,大家都可以使用这款小程序
另外,我还给程序加了一个防扒接口,当有人扒了你的前端,打算用你的接口时,他就会收到我们衷心的祝福:
作为一个常扒别人的人,防扒当然是我的重中之重,至少我的流量你别想用,有能力自己去手撸后台即可~
安装教程
解压安装包后你会看到后台、前端、与使用说明。
后端只有三个PHP文件,把它们上传到你一个站点的根目录中自建的一个文件夹中即可,方便管理。
![图片[6]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281636211651163781-imagejikebox.png)
然后打开site.php文件修改配置,所有需要的配置都在这里面了,按照样子改就行(小心别把符号改错了,这可不像界面化后台)
![图片[7]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281639131651163953-imagejikebox.png)
![图片[8]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281641021651164062-imagejikebox-1024x488.png)
搞好这些,就可以用微信开发者工具导入前端了,导入后,将pages/index/index.js第189行的后台文件URL,改成你自己的,https://域名/文件夹/site.php,然后刷新体验。
如果你的后台正确,前端不显示,并报像下图这样的错误:
这是你服务器证书问题,直接在服务器命令界面安装证书根证书,命令如下:
yum install ca-certificates
然后就可以使用了,你会发现前端有个小bug,海报区会挡住底部按钮,不用担心,这是微信开发者工具的bug,用手机预览是正常的
![图片[10]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281646151651164375-imagejikebox.png)
记得预览之前添加安全域名,安全域名需添加:
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;+你后台使用的其它图片的域名
这个你后台使用的其他图域名包括小程序码图、初始数据中的头像、封面,这些图的域名,要加上。
演示
![图片[11]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281658521651165132-%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220428183954jikebox-473x1024.jpg)
![图片[12]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281658521651165132-%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220428183957jikebox-473x1024.jpg)
![图片[13]-简单的公众号文章海报生成小程序安装使用教程,技术解析与程序分享-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/04/wxshares202204281658521651165132-%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220428234654jikebox.jpg)
感谢您的来访,获取更多精彩文章请收藏本站。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系站长更新。
暂无评论内容