浏览器用户系统需求整理
1、登录导航
在现在导航菜单语言切换和主题中间插入 登录 导航,如图所示
如果首次打开,没有登录的状态, 显示 “Sign in” (登录)
如果已经登录,则显示用户头像和用户名(如果没有设置显示地址缩写),如图所示:
2、增加登录界面
登录默认用starmask钱包登录:
对应接口:
/v2/user/login/{address}/
接口说明: 增加一个签名字段sign: 规则是用当前钱包已经登录的账号去签名一个统一的消息(内容为:“STARCOIN_API_LOGIN_{address}”, 其中address为当前地址),签名完的消息结果作为sign的值传递,供服务器端验证。
3、增加用户顶导菜单
鼠标点击用户菜单,弹出入上图所示,标红部分去掉,其他均保留
4、增加我的页面
从顶导用户菜单下拉,“My Profile”
对应接口:
/v2/user/show (展示接口)
username : 钱包地址
注意,钱包地址更换需要二次验证,可以通过email/手机验证码的方式,具体流程:
在username栏最右侧加一个“更换”按钮,点击后弹出对话框,提示需要进行二次验证,有三个输入框:
新的钱包地址: 必填
email验证码:后面加获取链接和重新获取倒计时秒数
手机验证码:(todo,现在通道可能受地区限制,暂时提示您所在的地区尚不支持)
email/手机验证方式二选一,如果用户的资料里面这两项为空,需要提示先完善更新成功再操作。
密码框去掉,改成手机号的输入框
接下其中标红部分去掉,另外在下面的save changes 按钮上方加入几个输入框:
twitter name
discord name
telegram name
profile
(个人简介)
这几个内容都是可选。
对应更新接口:
/v2/user/update/ 更新基本资料
/v2/user/update/address/{new_address} 更换钱包地址
6、增加 API keys页面
从用户菜单中的 “API keys”点击进入后,如下图所示:
进来可以增加api key, 每用户最多3个,去掉标红部分的翻页功能,底线展示当前用户的api 频次限制次数。后续引入用户级别,展示的数可能不一样。
点击add按钮,弹出:
对应接口:
/v2/user/apikey/add/{app_name}
/v2/user/apikey/list
点击edit 按钮编辑app name,但不能更改key(key是系统生成):
对应接口:
/v2/user/apikey/update/{app_name}
/v2/user/apikey/remove
在arbiscan上面的编辑框是新开了一个tab页面,我们可以直接在 api keys页面中间弹出,修改完后就隐藏并刷新下keys列表,所以去掉上图中的return按钮。
点击 remove按钮,弹出确认提示框:
7、退出登录
用户菜单上,点击“sign out”,直接退出登录,并刷新当前页面,顶导变成未登录状态的展示了。
对应接口:
/v2/user/logout/{address}/
接口测试服务部署地址:
https://api-test.stcscan.io/
接口文档地址: