开发背景:
随着微信小程序用户越来越多,生态越来越繁荣,越来越多的企业开发者参与到小程序/小游戏的开发工作中,不断的推出新的产品,这也导致很多产品经理、运营人员、开发人非常频繁的登录微信公众平台,进行多账号的登录。
微信公众平台为了确保账号的安全性,采用了账号密码+扫描二维码的方式进行账号验证登录。我们可以通过浏览器记住账号密码的方式对输入框进行快速填充,但是当我们有多个甚至几十个账号的时候,我们很难记住每一个游戏的登录邮箱,没法通过双击账号输入框的填充提示来快速填充账号和密码。
怎么办,每次从记事本里面复制账号密码吗?这个过程太繁琐没有效率啦!
还有其他更有效率的办法吗?作为一个喜欢“偷懒”的程序员,当然得寻找或开发出更便捷的方法!
先上开发成果图(微信公众平台):
平台后台登录页面 列出了经常需要登录的小程序,是一个个可点击的按钮,点击按钮后自动登录,显二维码扫描页面。省去了寻找账号密码,填写账号密码,点击登录按钮的过程。
有没有很便捷!有没有节省了很多腐败拍拖睡大觉的时间!有没有很酷!有木有!不要谢,请叫我雷锋!
---------------------------------------这是一根华丽的分割线,下面来讲开发过程---------------------------------------
开发思路
- 可行性分析:既然是网页,而且是pc网页,那就可以通过浏览器插件来修改页面、修改数据、模拟事件,既然如此,还有什么办不到!结论当然是可行!
- 最先想到的是开发chrome插件,但相对来说开发过程略微复杂。再想想有没有更简单的开发插件方法?有,那就是基于“油猴插件”来二次开发,只要编写处理功能的脚本代码,无需考虑打包插件的额外工作。
- "油猴插件"怎么用?本文不做展开介绍,很容易就能掌握,详情请戳这里
- 功能设计:整理一个账号列表,针对微信公众平台登录页面,创建一个个游戏名称按钮,点击按钮自动把账号密码填入文本框,模拟点击登录按钮完成登录。
- 代码编写,遇到一些坑,比如怎么读取定位网页元素,什么更改值,怎么模拟点击按钮,边测试边修改,问题逐一解决。
完整代码
// ==UserScript==
// @name 多账号一键登录,支持微信公众平台、QQ小程序平台
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 多账号一键快速登录,无需手动输入账号密码,解放您的双手和键盘!操作原理是先配置好账号密码列表,点击按钮程序智能自动登录。
// @author linguifa
// @match https://mp.weixin.qq.com/*
// @match https://q.qq.com/*
// @grant none
// ==/UserScr