Post

uni-halo2.0小程序增加文章访问验证码功能

本文介绍了uni-halo2.0小程序中文章验证码功能的实现与使用教程。作者已提交相关代码,该功能支持文章部分内容或全部内容加密两种模式,提供了灵活的交互方式。教程详细讲解了两种设置方法:一是基于Tools工具插件(推荐),需配置API认证token及广告ID;二是基于文章元数据,通过特定字段设置。文章配有详细的配置步骤与演示图,方便用户快速上手。

微信小程序 阅读 545 点赞 0 评论 0

前段时间写了一篇《https://blog.muyin.site/archives/restrictRead》的文章,有些小伙伴希望我再出一篇关于uni-halo2.0小程序的实现教程,今天就抽时间实现了一下功能,并且提交了一下https://gitee.com/ialley-workshop-open/uni-halo/pulls/16,下面针对此次修改,出一篇使用教程。

功能演示:

功能实现:

一、要求:

二、代码修改

目前代码均已提交至开源仓库,代码修改记录请查看https://gitee.com/ialley-workshop-open/uni-halo/pulls/16

三、使用教程

弹窗方式有两种:

  • 设置文章详情部分内容加密,可以手动关闭弹窗,验证密码后才能显示完整内容

  • 设置文章详情全部加密,验证密码后才能关闭弹窗显示完整内容

如何设置文章验证码?

  1. 基于https://blog.muyin.site/docs/tools实现,查看文档设置文章限制阅读即可(推荐使用此方式

第一步找到api/v2/all.api.js文件,修改方法checkPostVerifyCodegetPostVerifyCodeAuthorization,修改成你自己的Tools管理工具插件的认证token,如图所示:

第二步找到config/ad.config.js文件,修改rewardedVideoAd为你自己的小程序激励广告id,没有广告id就留空,如图所示:

  1. 基于文章元数据实现,支持如下元数据:

    1. unihalo_useVisitMorePwd :设置文章详情部分内容加密

    2. unihalo_useVisitPwd :设置文章详情全部加密

第一步填写弹窗方式,第二步填写密码

继续阅读

全部归档
TinyTale小程序增加友链提交功能
TinyTale小程序增加友链提交功能

本文教程详细介绍了基于TinyTale小程序实现友链自助提交功能的完整方案。教程首先展示了功能演示效果,然后分步骤讲解实现过程。首先要求用户具备Halo博客系统、TinyTale小程序和linksSubmit插件三个必要条件。实现步骤分为两部分:第一步在pages目录下新增友链提交页面link_submit.vue,包含完整的表单组件和提交逻辑;第二步在友链页面增加悬浮按钮入口。教程提供了详细的代码示例和配置说明,并特别提醒用户注意plugin-links-submit-1.4.2版本更新后API的变化,需要将原接口"/linksSubmit/links"替换为"/apis/linksSubmit.muyin.site/v1alpha1/submit"。整个教程内容详实,代码完整,为开发者提供了可直接使用的实现方案。

TinyTale小程序增加文章访问验证码功能
TinyTale小程序增加文章访问验证码功能

本文详细介绍了基于TinyTale小程序实现文章访问验证码功能的教程。教程通过修改多个Vue文件代码,实现了两种验证方式:弹窗输入验证码和观看视频解锁文章。实现过程包括改造文章详情页面、添加验证码弹窗组件、新增广告获取验证码页面,并集成微信小程序激励广告。开发者需要配置Tools工具箱插件认证token和微信广告ID,同时注意API版本更新导致的接口地址变更。该功能可有效保护文章内容,通过观看广告或输入验证码的方式解锁完整内容,为小程序运营提供新的变现途径。

评论