给 WordPress 站点添加微信小程序

教程分享141,5126字数 1276阅读模式

有很多博主都为自己的博客添加了微信小程序功能,给网站添色不少。做为草根站长的我,也一直很想给自己的网站添加小程序功能,今天就来给大家分享一下如何快速给WordPress站点添加小程序支持。源码及插件来自于 守望轩 博主,在此感谢博主提供的源码及插件!

给 WordPress 站点添加微信小程序-图片1

一、注册帐号

1)首先在微信公众平台注册帐号,https://mp.weixin.qq.com

2)并申请成为开发者。

二、填写小程序信息

填写小程序基本信息,主要包含小程序名称、简称,介绍,并上传Logo图片,配置完成后如图所示:

给 WordPress 站点添加微信小程序-图片2

三、配置微信小程序服务器域名

在微信小程序公众平台的后台里,选择“开发”=>“开发设置”,对“服务器域名”进行配置,如下图:

给 WordPress 站点添加微信小程序-图片3

四、选择开源小程序源码

选择开源WordPress小程序源码。下载地址:
https://github.com/iamxjb/winxin-app-watch-life.net

五、安装微信开发者工具

微信开发者工具,是微信小程序的集成开发环境。官方下载地址:

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

六、修改程序配置

1)修改 project.config.json文件

将appid改成自己的小程序appid,appid可以在微信公众平台后台“设置”中找到。

2)修改 utils 目录下的 config.js文件

修改以下四项内容:

var DOMAIN = "www.kefaming.com";//配置域名,域名只修改此处
var MINAPPTYPE="1";//小程序的类型,如果是企业小程序请填:0 ,如果是个人小程序请填:1
var WEBSITENAME="夏日阳光"; //网站名称
var ABOUTID= 41; //wordpress网站关于页面的id

七、安装REST API TO MiniProgram插件

在WordPress后台插件页搜索 REST API TO MiniProgram 插件,安装该插件并启用。
安装这个插件,是为了让 WordPress 提供小程序 rest json api 接口。

八、插件配置

WordPress后台 => 设置 => 微信小程序设置

在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID、开启小程序的评论。

给 WordPress 站点添加微信小程序-图片4

AppID和AppSecret可以在微信公众平台后台“开发” => “开发设置”中看到。

假设要滚动ID为9395、9356、9129的这三篇文章,则在小程序首页滑动文章一栏输入9395,9356,9129。

九、分类目录图片配置

wordpress后台 => 分类目录 => 选择一个分类进行编辑

在微信小程序封面一栏中输入封面的图片地址,这里设置后,在小程序里“专题”页就会看到封面图片了。

给 WordPress 站点添加微信小程序-图片5

十、运行程序并调试

完成以上配置后,用微信开发者工具运行程序。
如果上述配置都顺利的话,此时就可以正常浏览到自己的小程序了。

给 WordPress 站点添加微信小程序-图片6

也可以通过扫描二维码在微信上预览效果。

十一、提交审核

测试完成后将小程序提交给微信团队审核。
如果审核失败的话,多提交几次。
等审核成功后就成功上线了。

本文已通过「原本」原创作品认证,转载请注明文章出处及链接。

夏日阳光
  • 本文由 夏日阳光 发表于 2019年6月4日
  • 本文为夏日阳光原创文章,转载请务必保留本文链接:https://www.pieruo.com/75.html
评论  14  访客  8  作者  6
    • 初承双
      初承双 1

      为什么小程序首页有缩减图 但是文章里面没有图片呀。。。懒加载的话 我也没开的呀

        • 夏日阳光
          夏日阳光

          @ 初承双 可能与配置有关系吧。

            • 初承双
              初承双 1

              @ 夏日阳光 什么配置呀、、、但是我用默认主题又是可以的

                • 夏日阳光
                  夏日阳光

                  @ 初承双 取不到那个参数。

                    • 初承双
                      初承双 1

                      @ 夏日阳光 怎么出来呀 老哥

                        • 夏日阳光
                          夏日阳光

                          @ 初承双 对比一下两个主题,看看缩略图url存到数据库中的哪个字段中去了,只能帮到这儿了。

                • 弥雅
                  弥雅 1

                  有时间折腾看看!

                    • 夏日阳光
                      夏日阳光

                      @ 弥雅 那个开源程序不是很好,折腾起来有点心累。

                    • Jane博客
                      Jane博客 0

                      先记住这篇文章,改天再折腾

                        • 夏日阳光
                          夏日阳光

                          @ Jane博客 要是有什么问题的话可以随时联系我。

                        • 法士特资讯
                          法士特资讯 0

                          必须备案才可以~

                            • 夏日阳光
                              夏日阳光

                              @ 法士特资讯 是的,服务器域名必须经过ICP备案。

                            • 双双对对爸爸
                              双双对对爸爸 0

                              我的WordPress不是https的,好像不行吧?

                            匿名

                            发表评论

                            匿名网友
                            :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
                            确定

                            拖动滑块以完成验证