微信小程序—那些安全验证，滑块验证、输入验证码、拼图验证_微信小程序图片验证码

前言

很多场景下都应用到验证这种交互方式，既然是交互，就有体验这种衡量维度，但验证本质上却是降低用户体验的，为啥还要，很明显就是需要安全，那么在使用验证的时候，就需要考虑到安全和体验两个维度，做到最好的平衡。做为程序员，我不知道最好的平衡点在哪，只需要知道这些都是怎么弄出来的，做程序真幸福，复制粘贴，能跑就行。
本文提供三种验证码的实现思路及组件代码——滑块验证、无规则验证码、拼图验证，实现不好，仅限参考。

思路

滑块验证

用微信官方组件movable-area、movable-view实现，方便快捷。

无规则验证码

用canvas实现，先画随机字母，再画随机线条，再画随机点，如果有其他更好想法，还可以再画随机其他。

拼图验证

用canvas与微信官方组件movable-area、movable-view实现，加载图片，裁剪特殊形状图片后加载到image上，用movable-view的移动来控制image移动

效果

体验

体验路径：自定义系列>安全验证

组件代码免积分下载

滑块验证免积分下载
无规则验证码免积分下载
拼图验证免积分下载

程序员不易，鼓励一下