wordpress教程

利用 WP REST API 接口实现微信小程序调用 WordPress 数据

2019-05-05 12:31
1 117
WP REST API 这个东西就是个 WordPress 提供的向外接口,利用它可以跨平台调用 WordPress 网站数据。比如使用微信小程序提供的接口可以请求 WP REST API 实现微信小程序得到 WordPress 网站数据,通过安卓程序请求接口得到数据可以将你的网站做成安卓 APP,使用 C#等请求接口得到数据可以将你的网站做成 Windows 桌面程序。不仅如此,通过这个接口,你可以各个 WordPress 网站间访问数据,更新数据,甚至可以实现 WordPress 站群功能。

WP REST API 这个东西就是个 WordPress 提供的向外接口,利用它可以跨平台调用 WordPress 网站数据。比如使用微信小程序提供的接口可以请求 WP REST API 实现微信小程序得到 WordPress 网站数据,通过安卓程序请求接口得到数据可以将你的网站做成安卓 APP,使用 C#等请求接口得到数据可以将你的网站做成 Windows 桌面程序。不仅如此,通过这个接口,你可以各个 WordPress 网站间访问数据,更新数据,甚至可以实现 WordPress 站群功能。

WP REST API 官方解释

WP REST API 是 wordpress 的一个插件(4.7 版后自带),为 wordpress 提供对外标准的 RESTFul 接口,随着 RESTFul 的畅行和各种前端框架的出现,WP REST API 可以让 wordpress 不仅仅存在 WEB 端,可以让 wordpress 不仅仅履行一个博客功能,而是可以让 wordpress 程序作为后台终端(BackEnd),然后以各种应用的形式实现在各种各样的设备中。

先看看我刚用 WP REST API 通过微信小程序得到的代码狗博客网站的前 10 篇文章,如下图(css 没学好,写这点样式花了我大半个小时,坑!)。

利用 WP REST API 接口实现微信小程序调用 WordPress 数据

利用 WP REST API 接口实现微信小程序调用 WordPress 数据

实现步骤

检查你的 WordPress 网站是否支持 WP REST API,如果不支持搜索插件安装即可,检查方法是使用浏览器访问:

你的域名/wp-json/wp/v2/posts

支持则会返回你网站的前 10 篇文章的 json 数据,不支持则提示 404。

微信小程序布局 wxml

微信小程序布局 wxss

通过 wx.request 方法请求数据

请求得到的 json 数据存储在 wpposts 变量中,然后会被 wxml 文件中的 wx 循环解析生成一条条文章数据。

注意事项

WP REST API 中并没有输出缩略图的数据,因此我们需要为 WP REST API 返回的数据添加缩略图地址,将下面的代码放在你的主题 functions.php 文件中即可支持返回缩略图地址。

最终返回数据如下:

利用 WP REST API 接口实现微信小程序调用 WordPress 数据

WP REST API 接口

同样,我们还可以让返回的数据中带上文章的分类、阅读数、评论数等数据。这里就不一一举例了,参照上面输出缩略图的代码 diy 即可,下一章我们再来看看文章详情页的微信小程序代码吧!

版权声明: 本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

1

  1. admin
    admin 永久会员 博主

    签到成功!签到时间:2019-09-19 11:00:16,每日打卡,生活更精彩~

    沙发 2019-09-19
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

验证码

您也可以使用第三方帐号一键快捷注册

×

感谢您对admin的支持,么么哒~

支付宝打赏 admin
请扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦