这一期我们开始为网站接入注册登录功能,先用本地储存进行模拟登录,再接入数据库存储正式上线。
本地存储
注册登录本地存储属于模拟数据,所以非常没有繁琐的部署,Cursor也是一句关键词就全部搞定了,完全无人工介入。
同时我只是让它增加注册登录功能,本来计划下一步让它再增加个人中心的,结果自动帮我写完了,真的是太了解我的心思咯~

本地测试本地储存也可以注册登录,不过不能用作线上,只能证明这个方式可以跑通。

数据库存储
既然本地测试已经跑通,我们开始接入数据库,一般新手推荐接入在线数据库,操作简单,当然对数据库了解的可以自部署。
选择数据库
在线数据库有很多种,我推荐的是Neon,我一直用的都是Neon,目前数据并不是很多,都是在免费使用,也算是节省了一笔开支。
使用Neon也比较方便,注册后创建项目数据库,获取数据库链接,等于是傻瓜式操作。

接入Neon数据库
我们直接让Cursor来接入数据库,并且告诉它用的是Neon,它就会自动来写代码咯~

接入成功后在.env.loacl添加之前获取的数据库链接,不会填写的可以直接让Cursor来帮你,纯纯的不需要你动一点脑子。

当然在接入的过程中肯定也会遇到各种各样的问题,比如依赖没有安装,版本不兼容等等,直接把报错投喂给Cursor让它来解决即可。

接入成功后我们还需要把数据库表迁移到Neon,也非常简单,直接让Cursor迁移即可。

迁移成功我们就可以在Neon的后台看到用户数据表,如果有用户注册就可以看到填写的资料,当然密码肯定是加密的。

注册成功的用户也可以在个人中心看到用户资料,比如用户名,邮箱,ID等。

至此,注册登录功能算是完成一小部分咯~下一期则开始增加邮箱验证,找回密码,第三方授权登录等,感兴趣的下一期再见!
微信扫描下方的二维码阅读本文
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)