[Day 6]中秋时在做什麽,有没有空,可以帮想标题吗(前端篇)

今天要先来看Native Camp的流程,首先是点击注册後的页面,
https://ithelp.ithome.com.tw/upload/images/20210921/20140358rFjQywe2SQ.png
有信箱和密码,还有SSO的选项,但SSO我们之後再来处理,我处理密码的方式是在前端这边将密码明码使用sha256加密视情况可能会加salt,然後以加密後的密码传递到後端储存。


输入信箱和密码後会进入下一个页面,需要输入昵称这边需要检查半形英文字和空白,这边的检查昵称是按下下一步才去做检查。
https://ithelp.ithome.com.tw/upload/images/20210921/20140358mbuEoOh7da.png

在下一步就是检查信用卡进行注册了,这边在Mock时会取消这一步,或许有时间的话应该可以去做到Mock信用卡的流程(醒醒吧,不要再骗自己了
https://ithelp.ithome.com.tw/upload/images/20210921/2014035837Q4el4J5r.png


这边我们可以知道在注册时,至少会有几个栏位

{
"name": "Morris Lin",
"email": "[email protected]",
"password": "sha256 encrypt",
"birthday": "1991/01/10",
"gender": "gender_male",
"creditToken": "from credit card center"
}

credit_token这边只是我自己的猜想,在输入卡号後前端会呼叫信用卡公司做认证及刷卡,应该信用卡公司会回传一组token代表是该信用卡(不确定,所以暂时先使用credit_Token。

因为这边看来跟我们当时的设计少了gender还有creditToken,我们就在Users.java新增一下

package com.mock.nativecamp.model;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.data.annotation.Id;
import org.springframework.data.mongodb.core.mapping.Document;

@Document(collection = "Users")
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Users {
    @Id
    private String id;
    private String name;
    private String email;
    private String password;
    private String status;
    private String coin;
    private String timezone;
    private String payMethod;
    private String nextPayCheck;
    private String ssoId;
    private String gender;
    private String creditToken;
}

然後使用postman测试一下是否可以顺利新增资料。
https://ithelp.ithome.com.tw/upload/images/20210921/201403580ae5XUEMzw.png

顺利新增後再查询一下是否真的有在资料库中。
https://ithelp.ithome.com.tw/upload/images/20210921/20140358LVi5AGoRRJ.png

https://ithelp.ithome.com.tw/upload/images/20210921/20140358ANofdEDFWC.png
这样基础注册功能应该就完成了。

明天再来看注册成功後修改会员资料的流程,以及撰写登入的API。


<<:  Day06 - 学习 Class

>>:  [Day6] 'undefined' vs 'not defined'

在软件开发项目中使用开源组件,最不关心的是测试覆盖率

-流行的 F/LOSS 许可证之间的兼容性关系(来源:Carlo Daffara) 在评估开源组件...

egg(nodejs) 执行 shell script 动态增加 nginx server_name

有时候反向代理的域名 会需要新增 透过 api server接收後 执行sh 动态来为 nginx ...

【Day9】 Speaker Identification 介绍与 D_VECTOR 实做

旧时代的 Speaker Identification 同一人讲不同话,再转成 Mel 之後还是不同...

Day5 - numpy(4)ndarray的运算及全域函式

ndarray的运算: 相同大小的阵列之间进行运算,称作为 向量化 意味着同时对整批的资料一起做运算...

[Android Studio 30天自我挑战] RadioGroup,RadioButton元件介绍

RaidioButton为单选元件,然而RadioGroup则是放RadioButton的选项 如果...