wordpress商城源码_丸子开源WordPress小程序安装教程

2019年中旬开始到现在，丸子一直致力于WordPress小程序开发以及更新迭代，无需编程，就可以拥有一份属于自己的小程序，不仅仅是微信我们还开发了QQ、百度、今日头条，你没有看错，都是免费。

开源小程序功能不多，界面清新，简洁。

功能如下：

支持搜索关键词文章

支持网站文章数据实时同步

支持文章点赞 / 收藏 / 评论

支持查看个人点赞 / 收藏 / 评论文章列

支持海报生成/转发好友/转发微信群

支持订阅更新/评论/审核回复

没有太复杂的功能，除了简洁还是简洁，除了清新还是清新，重要的是，如此优雅的小程序，加载性能好，适用性强。

部署步骤

1.首先去申请QQ小程序https://q.qq.com/

2.通过后去GitHub下载小程序源码https://github.com/dchijack/Travel-Mini-Program

3.下载API插件，并安装https://github.com/dchijack/wp-mini-program/releases

会用WordPress的人会安装插件的 这个不用说 这个不能直接安装 要解压 压缩一下 在上传安装

4.登录网站后台，在仪表盘下方的小程序设置里勾选QQ小程序，填写上对应的AppID和AppScret5.登录QQ小程序后台，配置服务器，把你的域名加入请求域名

丸子多端开源wordpress小程序详细设置教程

第一步，拿到插件先安装，在线或者在你的服务器直接上传都可以,小程序后台设置你的网站域名。

丸子开源|wordpress QQ小程序部署设置教程

第二步，小程序基本设置:填写你的AppId以及AppSecret

丸子开源|wordpress QQ小程序部署设置教程

第三步，小程序的基本设置，按照我下面的截图填写即可

丸子开源|wordpress QQ小程序部署设置教程

嗯，到这里我们的小程序插件信息就填写完成了。

第四步，网站的伪静态设置，这个是关键的步骤，网站后台选择设置>固定连接进去>选择自定义结构>填写/%category%/%post_id%.html

丸子开源|wordpress QQ小程序部署设置教程

填写完这个回到你的网站首页，随意点击一篇文章进去可以正常访问，还有访问域名/wp-json说明你的网站支持伪静态据可以回到代码填写你的域名

丸子开源|wordpress QQ小程序部署设置教程

嗯，由于我的浏览器按照了json解析插件，你会看到解析出来的数据，否则你们的正常看到的就是json格式的数据，如下图

丸子开源|wordpress QQ小程序部署设置教程

出现以上界面，访问正常，可以进行你的小程序代码部分了。

第五步，用你的开发者工具打开你下载好的小程序代码修改域名，路径是utils\base.js

丸子开源|wordpress QQ小程序部署设置教程

当然了，拿到小程序都想修改为自己的信息，下面是小程序顶部标题的修改

首页顶部图片的修改，替换成你想要的图片路径即可

丸子开源|wordpress QQ小程序部署设置教程

现在查看我们的小程序预览就已经正常显示了

栏目图片设置

为什么了我的文章图片展示了，栏目的不显示，可能你的设置有问题看如下设置

设置完显示效果

常遇到问题解决方法(欢迎反馈)

常遇到问题，为什么我按照你的教程修改了，首页的图片不显示，内容图片那些，你用了七牛云或者其他云存储图片，需要添加微信域名在你的防盗链的白名单里面，

添加域名为servicewechat.com，嗯，当然了还有一些特殊的问题，后期反馈在文章底部评论就可以了。

QQ白名单的为*.qq.com，嗯，直接也是跟上面同理添加的。

还有一个问题就是需要在我们的小程序插件里面设置如下内容

目前丸子的的开源小程序，已经建立了微信QQ交流群，需要的可以加下，微信添加hackdex(备注开源拉你入群)，QQ群：782332434

加入开源小程序交流群添加微信:hackdxd

我们还做了以下付费产品:

丸子社区(支持微信/QQ)价格799

丸子资讯(支持微信/QQ/百度/今日头条)价格499

丸子商城(支持微信/微信公众号/H5)预售价格699原价1299