撸撸文章卡生成小程序+含教程

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

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

由于时间紧迫,海报图的生成当然交给了插件市场的大佬们,这次使用免费热榜第一的海报画板插件https://ext.dcloud.net.cn/plugin?id=2389 真的非常好用,插件还自带了传入链接生成二维码功能,省去了一个步骤,唯一缺点就是一层套一层的json简直是程序噩梦…..
牛角文章卡生成小程序+含教程
后端我直接使用php文件控制,不对接数据库,直接扔到其它站点下,这样也不用新建站点,解决了宝塔站点多忧虑症问题。

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

安装教程

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

后端只有三个PHP文件,把它们上传到你一个站点根目录中自建的一个文件夹中即可,方便管理。
牛角文章卡生成小程序+含教程
然后打开site.php文件修改配置,所有需要的配置都在这里面了,按照样子改就行(小心别把符号改错了,这可不像界面化后台
牛角文章卡生成小程序+含教程
牛角文章卡生成小程序+含教程
搞好这些,就可以微信开发者工具导入前端了,导入后,将pages/index/index.js第189行的后台文件URL,改成你自己的,https://域名/文件夹/site.php然后刷新体验

如果你的后台正确,前端不显示,并报像下图这样的错误:
牛角文章卡生成小程序+含教程
这是你服务器证书问题,直接在服务器命令界面安装证书证书命令如下:
yum install ca-certificates

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

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

牛角文章卡生成小程序+含教程
牛角文章卡生成小程序+含教程
牛角文章卡生成小程序+含教程

本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
撸撸文章卡生成小程序+含教程|不死鸟资源网
撸撸文章卡生成小程序+含教程
此内容为付费资源,请付费后查看
¥29
限时特惠
¥169
文章采用CC BY-NC-SA 4.0许可协议授权
付费资源
THE END
点赞8.4W+ 分享