#最新
文章卡生成小程序+含教程

2024-09-03 170

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

前端我用熟悉的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:你自己的后台域名

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

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

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

收藏 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

版权声明 1 零玖吧
2 https://www.09b.cn
3 QQ68857537
4
5 访
6
7

要想程序运行完整,离不开BUG的辅助

常见问题
  • 本站所有资源仅供学习交流使用请勿商业运营,严禁使用零玖吧上的资源从事违法,侵权等任何非法活动!
查看详情
  • 是的,开通之后所有资源都可以下载!
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务