WordPress版微信小程序开源配置教程

  • 1.缩略图的方式显示文章列表(首页,分类文章),包括显示文章分类和发布时间,加载分页。
  • 2.在首页用轮播方式显示指定文章。
  • 3.显示文章分类(专题),包括显示分类的封面图片。
  • 4.显示文章内容页,包括文章站内链接跳转,站外链接复制到剪切板,显示猜你喜欢的相关文章。
  • 5.显示文章评论,提交评论和回复评论,加载评论分页,显示wx用户评论者的头像。(可以设置是否开启评论)
  • 6.显示热点文章。
  • 7.显示 wordpress“页面”类文字(关于页面)。
  • 8.对文章内容的全文搜索。
  • 9.小程序页面的分享和转发。
  • 10.WordPress 插件的配套功能。
  • 11.文章浏览数显示及更新。
  • 12.文章wx用户点赞及点赞的wx用户头像显示。
  • 13.通过wx支付对文章赞赏。
  • 14.赞赏后发送模版消息。
  • 15.web-view 内嵌网页跳转。
  • 16.回复评论发送模板消息。
  • 17.订阅专题。
  • 18.文章海报(分享wx朋友圈的卡片)。
  • 19. UI美化等

程序正常使用需要安装 WordPress 小程序插件 : REST API TO MiniProgram ,可在本站下载插件。

安装使用说明 WordPress 版wx小程序(点击下载小程序) 安装和使用不够简易,无法通过简单的配置就可以使用,特别是如果没有基本的 wordpress 或wx小程序的知识,是很难搭建成功的。 我尽量从一个非常基础的用户角度来说明安装的过程。

以下是 WordPress 版wx小程序安装使用说明:


1.安装 WordPress ,建议使用 WordPress4.7 级以上的版本,因为需要使用 rest json api ,这个版本后这个 api 就包含在 WordPress 里了,不必通过插件来安装。
再次强调使用 WordPress4.7 级以上的版本无需安装 rest json api 的插件。 rest json api 需要在 wordpress 设置固定链接和伪静态才可以正常使用。


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

2019072921235446


其中 request 合法域名必须配置,这个参数保证了小程序可以正常发送 request 请求,程序才能运行起来。同时,这个域名必须备案。“业务域名”主要用于 web-view 内嵌网页时,用作域名白名单,如果不是业务域名里的域名,在 web-view 内嵌里访问网页时,就会报无法访问的错误。


3.配置 HTTPS 如果你的网站支持 HTTS 就可以忽略这步,由于小程序的 request 等请求是需要 HTTPS 的,因此需要网站支持 HTTPS,关于 WordPress 网站开启请参考我写过的文章:WordPress 整站轻松开启 HTTPS。 注意:一定要保证 https 和 http 两种方式都能正常访问网站,才能改这个配置,否则可能导致网站无法访问。


4.安装 WordPress 插件:wp-rest-api-for-app REST API TO MiniProgram
插件安装启用后,需要在后台配置一些参数:

1)wordpress 后台 => 设置 =>wx小程序设置 在这个配置界面配置 AppID,AppSecret,小程序首页滑动文章 ID, 前面两个参数在wx小程序的后台可以查到,这里就不赘述。


2)wordpress 后台 => 分类目录 =>选择一个分类进行编辑
这里设置后,在小程序里“专题”页就会看到封面图片了。

3.安装 WordPress 版wx小程序
导入程序,我就不赘述了wx小程序项目创建好了后,打开 config.js 文件。


基本上完成上述这些后,你的 WordPress 站点小程序算是弄完了,在『wx Web 开发者工具』里提交你的小程序代码后,等待wx小程序官方客服审核通过后,再在后台提交发布即可上线了。
演示:wx小程序搜索:雅尚网

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论