宝哥软件园

在WordPress网站上开发“微信小程序”的实战(四)

编辑:宝哥软件园 来源:互联网 时间:2021-12-12

WordPress  网站开发“微信小程序“实战(四)(图1)

这个网站的微信小程序版“DeveWork geek”在中国WP圈被模仿,从未被超越。现在是快速迭代,本文的写作现在是1.6版本。作为“WordPress开发微信小程序”系列的第四篇文章,记录了v1.3 ~ v1.6的开发要点

如果你没有看过这个小程序,可以通过下面的小程序代码进入体验。请注意,阅读本文时,您扫描代码的版本可能不是1.6版。

直接从v1.2到v1.6,我不想当版本大师。我确实迭代了这四个版本,并提交了四次审查,但只提交了两次来修复严重的bug。本文的开发方式与上一篇略有不同。建议在阅读本文之前先阅读上一篇文章:

《WordPress 网站基于REST API 开发“微信小程序”实战》

《WordPress 网站开发“微信小程序“实战(二)》

《WordPress 网站开发“微信小程序“实战(三)》

新版界面一览

新增功能

重磅功能:小程序页面“文章内链”点击可跳转

v1.6最重要的功能是实现小程序页面中“文章内部链接”的跳转。如果你不相信我,你可以点击任何蓝色链接看一看。相信你也明白,所谓的“文章链接”本质上就是WordPress文章页面的URL。在小程序中,杰夫正在过滤non-devework.com的外部链接和非文章页面的网址。

技术实现就不说了,因为要改的文件还不少。在外部链接和非文章页面的URL过滤中,可能还是有漏网之鱼。值得一提的是,跳转是使用wx.redirectTo接口,而不是wx.navigateTo,因为后者在使用时会保留当前页面,跳转到应用中的某个页面;小程序规定页面路径只能是五层。如果用户一层一层点击,切换五篇文章,以后无法回复——,那么用户可能会认为你的小程序有问题。

然而,wx.redirectTo是一种“关闭当前页面并跳转到应用程序中的一个页面”的方式。所以,基于用户体验的考虑,当你第一次点击文章内部链接时,会有一个温馨的提醒:

首次点击文章内链

小程序置顶标题

小程序最近开发了一个wx.setTopBarText接口,用于动态设置顶部列的文本内容。V1.6也增加了这个功能,所以具体的标题要和分享时的标题一致。

小程序置顶标题

使用这个界面,官方文档中有一句话“调用成功后,再调用这个界面需要5秒钟”。Jeff的处理方法是在settimeout () 5秒后调用这个接口。

//https://deve work . com/WordPress-weapp-4 . html//设置顶部标题栏settimeout (()={wx。settopbartext({ text 3360 title });}, 5000);

更多资讯
游戏推荐
更多+