/
浏览器用户系统需求整理

浏览器用户系统需求整理

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/

接口文档地址:

https://api-test.stcscan.io/swagger-ui/index.html