在 记一件小事 中写到，插件极大地提升了日常工作的效率，出于兴趣，自己也想动手试着写个小插件感受下。
这次呢，从网站登录账号说起，出于工作和学习的需要，现在上一个网站，总避免不了注册，而注册就意味着要记住一大堆密码，有时候就算同一家公司提供的产品服务，由于服务的客户众多，也产生了一大堆密码。
而恰好，我目前这家公司就面临着登录繁琐的问题。
目前的现状，有 2 个后台，一个是超级管理后台，一个是客户管理后台。超级管理后台用于新建客户的账号，客户管理后台则是根据新建的账号来进行登录。正常情况下客户是自己操作自己的后台，但是有些客户就是期望购买了你的服务，所有的事情都由你来，而客户的密码有时候甚至自己都忘了。出于这样一个场景我们内部有一个万能的登录密码，在客户有需要的时候可以登录客户的后台，一旦涉及登录就免不了手工键入登陆信息的繁琐。
所以在思考有没有可能在登录这件小事上摆脱手工输入账号密码的烦恼，用自动化的方式来实现呢？
好，说干就干，按照这个思路，如何完成这段有趣（kǔ bī）的事情呢？作为一个产品，自然不能一上来就一顿操作，首先先梳理了下遇到的问题、可能实现的思路及具体的产品流程。
遇到的问题，每次在需要登录客户后台时候，首先在超级后台查询下这个客户登录的账号并复制，再打开客户后台的登录界面，最后再使用客户账号和内部的万能密码进行登录，整个操作流程繁琐。
可能实现的思路，上面问题中可以改善的环节有 3 个点，第一个是复制账号的操作。既然超级后台本身有管理账号的功能，是否可以考虑在每个客户列表的操作环节加入一键登录的按钮，点击的时候自动拿到这个客户的账号。第二个是打开客户登录界面，可以使用程序自动打开，无需输入网址。第三个是输入账号密码环节，将前面拿到的账号、密码自动填充进入登录界面，实现一键登录。
具体的产品流程，这里面简单画了一张图描述下。
实现自动登录流程图
看到这里呢，面临着 5 个需要解决的问题，初步梳理了下对应的解决方案。
问题及解决方案
当然这篇不是来说具体是如何实现的，上面已经初步提供了一些实现思路，感兴趣的可以深入去了解下，这里接下来谈一谈在这个实现过程中的一些感受。
产品角度，对于一个是产品而言，一个是善于观察未被满足的需求，插件本身的意义是在于增加网站的功能，换个角度而言即是当前网站还有未被覆盖的场景或潜在的需求，作为产品设计之初或者产品迭代的过程中要多观察这类诉求有没有被满足，被满足地如何了，以及其它产品是如何满足用户的，结合需求场景及我们现在的产品结构，如何做才比较优美，脚本只是事后的一种补救措施。另一个是一旦确定了需求，那么后续厘清需求的具体实现方案很重要，比如上面流程中一开始没有考虑到如果刚好自己要登录的这个账号本身就已经是登录状态了，其实就不需要再执行退出登录的操作。
开发角度，善用组件库，不要重复造轮子。和之前在 每个产品都应该有自己的一套原型组件库 文中写到组件库的理念很类似，开发也有自己的一套组件库。比如 jQuery 就是一套组件库，基于它可以快速实现你想要的效果。我们可以站在前人的肩膀上或者自己过往的经验上去做事情，这样才能享受复利带来的效果。
测试角度，测试可以测出开发和产品中有可能没有考虑到的问题，比如上面判断账号是否已经登陆这个，在测试环节中很容易被测出来。一开始的方案或者实现不是一蹴而就，测试过程中遇到的问题或者不合理的点要善于提出来，团队协作的意义就在于此，一个人能想到的有限，而团队的想象空间是无限地。
嗯，运气还不错，居然被我写出来了，完美运行。好的，今天就码到这里了，有什么好的发现，可以在底部留言一起交流分享啊~，哈哈哈~
当然产品还是需要更多关注需求本身，此次仅是一段有趣的小经历供参考，分享出来看看。
作者：猴哥，一枚产品er，关注产品也闲聊生活。个人公众号【猴哥】，欢迎围观
