手机版 |  广告合作 |  投稿说明 |  下载声明 | 
PHP源码

WordPress 版wx小程序开源配置教程

WordPress 版wx小程序开源配置教程
  • 语言:简体中文
  • 时间:2020-05-19
  • 方式:免费软件
  • 类型:国产软件
  • 热度:1498℃
  • 解压密码:www.qqjishu.cn
  • 环境:WinXP/ Win7 / Win8 /Win10 /Android /IOS
  • 安全检测: 360安全卫士 360杀毒 电脑管家

简介:

WordPress 版开源小程序适合有兴趣学习 WordPress 连接小程序开发的项目,并不太适合小程序正式运营。

一方面是开源功能少,另一方面是源码稍微有些复杂,需要具有一定的基础。如果想要真正运营个性化小程序,建议采用正式的商业付费版本。

WordPress 版wx小程序开源配置教程.png

  • 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小程序公众平台的后台里,选择“设置”=>“开发设置”,对“服务器域名”进行配置,如下图:

其中 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小程序的后台可以查到,这里就不赘述。

文章 id 如何在 wordpress 后台找到呢?其实很简单,看下图你就明白了

153726uow0wa4oohuyzh4r.png

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

153724umujnmqd94u8yorh.png

这里设置后,在小程序里“专题”页就会看到封面图片了。

3.安装 WordPress 版wx小程序:

下载的地址:https://github.com/iamxjb/winxin-app-watch-life.net 有关在wx小程序的开发工具新建项目,导入程序,我就不赘述了wx小程序项目创建好了后,打开 config.js 文件,config.js 文件的路径如下图:

153726hmcffvna7vrrwgvh.png

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


下载地址