丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

2020年12月28日21:51:55 评论 1,731

丸子简介

WordPress 微信小程序基于 WordPress 开源程序系统后端创建, 结合丸子团队基于 WordPress REST API 数据接口开发的小程序 API 插件, 轻松实现 WordPress 网站与微信小程序连接, 实现网站数据与小程序数据同步共享,支持微信、QQ、百度、头条小程序,支持流量主功能!

配置步骤

丸子小程序基于强大的后台插件,只需要你填写对应的AppId以及AppSecret,代码里面填写你的域名就可以完美的运营起来一个小程序。

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

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

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

常遇到问题,为什么我按照你的教程修改了,首页的图片不显示,内容图片那些,你用了七牛云或者其他云存储图片,需要添加微信域名在你的防盗链的白名单里面,添加域名为servicewechat.com,嗯,当然了还有一些特殊的问题,后期反馈在我的文章底部评论就可以了。

丸子免费小程序:完美对接wordpress,支持微信、QQ、百度、头条小程序!

我做了网站下程序为什么访问不快了,需要开启第三方云存储来加速你的网站,本站使用配置如下,腾讯云域名/服务器,第三方存储为七牛云。
七牛云目前还算可以的,充值10元流量不大的网站够你用一年。

相关网站

丸子项目相关网站

1、技术博客:https://www.imahui.com

2、产品介绍:https://www.weitimes.com

3、资源分享:https://www.wpstorm.cn

4、WordPress 教程:http://www.wptoo.com

5、主题网站:http://mzhuti.com/

6、微信公众号:WordPressTalk / WordPress模板主题

阿成哥
  • 本文由 发表于 2020年12月28日21:51:55
  • 转载请务必保留本文链接:https://blog.acwang.com/551.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: