这一期我们开始为网站接入注册登录功能,先用本地储存进行模拟登录,再接入数据库存储正式上线。
本地存储注册登录本地存储属于模拟数据,所以非常没有繁琐的部署,Cursor也是一句关键词就全部搞定了,完全无人工介入。
同时我只是让它增加注册登录功能,本来计划下一步让它再增加个人中心的,结果自动帮我写完了,真的是太了解我的心思咯~
本地测试本地储存也可以注册登录,不过不能用作线上,只能证明这个方式可以跑通。
既然本地测试已经跑通,我们开始接入数据库,一般新手推荐接入在线数据库,操作简单,当然对数据库了解的可以自部署。
选择数据库在线数据库有很多种,我推荐的是Neon,我一直用的都是Neon,目前数据并不是很多,都是在免费使用,也算是节省了一笔开支。
使用Neon也比较方便,注册后创建项目数据库,获取数据库链接,等于是傻瓜式操作。
我们直接让Cursor来接入数据库,并且告诉它用的是Neon,它就会自动来写代码咯~
接入成功后在.env.loacl添加之前获取的数据库链接,不会填写的可以直接让Cursor来帮你,纯纯的不需要你动一点脑子。
当然在接入的过程中肯定也会遇到各种各样的问题,比如依赖没有安装,版本不兼容等等,直接把报错投喂给Cursor让它来解决即可。
接入成功后我们还需要把数据库表迁移到Neon,也非常简单,直接让Cursor迁移即可。
迁移成功我们就可以在Neon的后台看到用户数据表,如果有用户注册就可以看到填写的资料,当然密码肯定是加密的。
注册成功的用户也可以在个人中心看到用户资料,比如用户名,邮箱,ID等。
至此,注册登录功能算是完成一小部分咯~下一期则开始增加邮箱验证,找回密码,第三方授权登录等,感兴趣的下一期再见!