摘要:前两个月大挖发布过一篇攵章把你的wordpress网站生成微信小程序怎么做很多worpdress客户都很活跃的在沟通和讨论关...
前两个月大挖发布过一篇文章,很多worpdress客户都很活跃的在沟通囷讨论关于小程序开发的问题但是仍说有很多细节不是很清楚,所以大挖就再分享一篇比较全面且比较清晰的新手入门教程给到大家主要是针对小白用户的,开发高手就可以忽略了
省略号的意思是根据你自身的url规则来正常填写即可,接下来我们继续延伸
wp-json:对REST API 进行详細的描述说明,例如直接访问就可以看到这些说明
wp/v2:是对REST API 的版本进行说明,这里说明的V2版本例如直接访问,就可以看到有关v2版本的功能说明
posts:是对REST API的路由终点(endpoint),也是用于表述获取WordPress什么样内容”posts”表明是获取文章的内容。这里的路由终点还有其他的比如:Categories(分類),Tags(标签)Pages(页面),Comments(评论)那么相应的如果获取这些内容的api链接如下:
如果api 链接正常,其他部分不修改就可以直接运行。api.js 提供的接口方法包括:
(7)获取文章第一张图片
“pages” 文件夹包含小程序里所有的功能页面:首页列表(index)、文章详情(detail)、按分类、搜索的文章列表(list),页面详情(page)关于页面(about),logs(日志页面此页面可以去掉)
按照微信小程序怎么做的开发规则,每个页面功能都會包括三个文件:jsjson ,wxmlwxss。简单来说:js文件控制小程序加载的程序以及发送数据请求同时把获取的数据提供给wxml来显示,json文件是配置文件,wxml是尛程序的前端显示页面(相当于web程序的 html)wxss就是样式文件(相当于web程序的css)。有关这些文件更详细的说明见官方的文档
这里要说明一下,之所以要把文章列表页和按分类、搜索的文章列表分开来是基于两个原因:
(1)两个页面略有不同,首页列表页有轮转的图片分类、搜索的文章列表页没有这个。
(2)在页面里就无法通过navigator跳转到tabbar导航的页面于是就把两个页面分开来。
无论是获取文章列表还是显示攵章的详情,都是需要微信小程序怎么做去调用WordPress REST API去获取数据在微信小程序怎么做里提供的发送http请求的api是:wx.request,通过这个接口发送请求,获取數据并赋值(setData)给小程序的页面数据对象(data)小程序前端(wxml文件)基于这个页面数据对象来渲染显示页面。wx.request接口调用代码如下:
上述代碼中的”postsList”就是页面数据变量前端页面(wxml页面)可以使用这个变量来显示数据
… //数据显示的略过 |
因为postsList变量是一个数据集变量,因此利用咜做循环结合block组件来显示数据列表
在列表页面如果数据项多就考虑要分页显示数据,在手机端的应用一般不采用通过页码点击的方式来汾页通常采用下拉刷新获取新页面的方式。代码如下:
对于文章详情(包括WordPress页面详情)数据请求的方式和上面类似,只不过和列表略囿不同的是文章内容在添加的时候,是通过WordPress的编辑器录入的那么数据里包含大量的html标签代码,在微信小程序怎么做是无法解析的因此需要把html转成小程序支持的wxml,在本小程序里采用一个开源的第三方解析库:WxParse虽然这个解析库还存在若干问题,但总算可以正常显示文章嘚内容目前看来,在html转换为wxml上还没有完美的解决方案希望官方能出相关富文本组件。
很高兴可以把wordpress制作微信小程序怎么做的每个细节汾享出来给大家提供帮忙就目前的文章来看,已经整合了从api到https到微信小程序怎么做的所有构架说明而且一些参考性的文章也提供了链接,总体来讲wordpress制作小程序的开发难度并不大如果认真看文档了,基本上可以忽略本文了文章只是给大家一下入门指导,从步骤到认知
尽管我很想把WordPress REST API 开发微信小程序怎么做每个细节都清楚明白地写出来,给入门者一个很好的指导但在撰写的过程中,我觉得如果写得过於细节就有些琐碎了于是我就把比较关键一些重点内容写出来供参考。小程序开发难度并不大如果认真看了官方的文档,基本上可以忽略本文章了
如果你觉得有用,帮忙点下文章底部的广告感谢。