版本首页 / 需求文档

无感登陆需求实现

v2026.11.01-nologin · 基线 master@704fd7ff9 · 负责人 jason · 更新于 2026-11-01

demo 不涉及服务端：本需求内的数据全部为本地模拟，研发实现时需对接真实接口。

背景

粉丝登录转化率较低，希望在不改变原有正式登录流程的前提下，提供游客浏览入口，减少开始浏览的阻力。

目标

目标：正式登录或游客体验进入使用的用户比例达到80%，需上线后另行验证；本期不新增统计埋点或数据看板。
手机网页（H5）与电脑网页均可通过游客入口浏览公开内容，受限功能仍需正式登录。
计划于2026年11月6日前完成三件套；三件套完成后另行询问是否发布。

界面与功能标注

截图中的序号与下方「需求明细」一一对应，点击截图可放大。

**手机 · 粉丝登录弹窗与免登录入口**
1普通粉丝入口：免登录体验
9手机登录面板标题与适配布局

**电脑 · 居中登录弹窗**
1保留正式登录方式，新增游客入口
9桌面居中展示

**电脑 · 已记住游客选择，继续公开浏览**
3游客状态提示；刷新后仍保留选择
4公开创作者资料入口
8切换界面语言

电脑 · 游客浏览创作者公开主页

4游客可阅读公开动态
5聊天与订阅仍需登录

**手机 · 受限页面直达仍需登录**
5受限功能明确提示必须登录，无游客入口
7沿用登录方式的本地演示

**1920px宽屏 · 内容区1304px封顶并居中**
9宽屏内容封顶，侧栏右侧居中

需求明细

1粉丝免登录入口

普通粉丝登录入口新增“免登录体验”，供未登录访客先行浏览。

做什么

粉丝登录弹窗和独立登录页提供“免登录体验”。
保留现有邮箱及第三方登录入口。

不做什么

不在创作者入口展示。
不在受限操作触发的登录界面展示。

验收标准

首次打开普通粉丝登录弹窗，“免登录体验”可见、可点击。
普通粉丝独立登录页展示同名入口。

2进入游客体验与页面去向

游客不创建账号，点击后直接进入公开内容浏览。

做什么

弹窗入口点击后关闭弹窗，停留在当前公开页面。
独立登录页点击后进入首页。

不做什么

不把游客记作正式登录用户。
不创建真实账号，不发送真实认证请求。

验收标准

从公开页面弹窗进入游客体验后，页面地址不变。
从独立登录页进入后到达演示首页。
游客体验未生成正式账号登录凭据。

3记住游客选择

同一浏览器保留游客选择，减少重复打断。

做什么

刷新或再次打开网站后仍以游客身份浏览。
使用受限功能时仍要求登录。
浏览器禁止存储时仍能在当前页面体验，并提示无法记住选择。

不做什么

不跨浏览器或跨设备同步。
不通过记忆游客选择解除受限功能的登录要求。

验收标准

进入游客体验后刷新，普通登录弹窗不再主动出现。
同一浏览器新开页面，继续以游客身份浏览。
浏览器无法保存选择时，明确提示而不阻断本次浏览。

4浏览公开内容

游客可以浏览公开的创作者资料与动态。

做什么

展示创作者列表与公开主页。
支持搜索、分类、进入主页及返回。
无匹配结果时展示提示，并提供查看全部入口。

不做什么

不开放私有账号信息或付费内容。
不接入真实内容接口，演示内容均为虚构。

验收标准

游客可从列表进入创作者主页，看到公开动态。
搜索和分类可筛选展示内容。
无搜索结果时可清除条件并恢复列表。

5受限功能和受限页面登录拦截

聊天、付费、账户等仍必须完成正式登录；游客选择不能绕过权限边界。

做什么

点击聊天、订阅或账户入口时展示粉丝登录界面。
受限场景不展示“免登录体验”。
直接打开受限页面也先要求登录，不展示私有内容。
取消登录不执行聊天或付费操作。

不做什么

不允许通过游客按钮、记忆状态或直达链接解除拦截。
不实际发送消息或产生扣费。

验收标准

游客点击聊天、订阅、账户入口均出现登录提示，且没有游客入口。
直接打开聊天、账户、付费演示地址时同样不能免登录使用。
取消登录后回到公开浏览或原公开页面，不执行受限操作。

6创作者入口保持原规则

免登录体验仅面向粉丝，创作者仍使用原有登录方式。

做什么

创作者身份切换及独立入口保留登录表单。
粉丝与创作者身份切换时同步更新入口展示。

不做什么

不新增创作者游客身份。
不改变原正式站点的登录、鉴权或账号规则。

验收标准

切换到创作者身份或打开创作者登录页，没有“免登录体验”。
切回普通粉丝入口后游客按钮恢复。
切换身份再关闭弹窗后页面仍能正常滚动。

7登录引导与原有方式衔接

受限功能引导登录，演示中以本地模拟展示成功后的继续路径。

做什么

保留邮箱和第三方登录外观。
邮箱格式不正确时提示；演示验证码不正确时提示。
模拟登录成功后继续对应的聊天或订阅演示。
保留服务条款和隐私政策入口。

不做什么

不修改正式登录流程。
不发真实验证码、创建真实账号或调用第三方认证。
不将演示登录成功视为正式站点认证成功。

验收标准

受限弹窗可进入邮箱表单，错误邮箱和错误验证码均有明确提示。
输入演示验证码123456后可继续对应的模拟操作。
模拟订阅明确说明不会扣费，取消不会产生操作。

8多语言文案

游客入口及相关提示按项目国际化规则展示。

做什么

按钮中文文案使用“免登录体验”。
演示提供简体中文、繁体中文、英语、日语、韩语。
登录引导、表单校验及状态提示随语言切换。

不做什么

不显示未翻译的文案标识。
不改原有语言文案含义。

验收标准

五种演示语言下游客入口与受限登录提示均可读。
切换语言后按钮、提示和表单文案同步变化。

9手机与电脑适配

手机网页和电脑网页均可完成同一游客流程。

做什么

桌面登录使用居中弹窗。
手机使用适合触控的登录面板和底部导航。
短屏或长内容时登录面板可滚动，按钮可触达。
关闭登录面板后恢复页面滚动。
宽屏内容区最大宽度1304px，在侧栏右侧剩余空间内居中。

不做什么

不以缩小整张电脑页面代替手机布局。
不遮挡登录、游客、关闭等关键操作。

验收标准

320px与390px手机、768px平板及1024px以上桌面无横向溢出。
手机和桌面均可完成进入游客、浏览和受限功能登录引导。
键盘可操作弹窗，关闭后页面滚动恢复。
1920px宽屏下内容区宽度不超过1304px，左右留白对称。

本期不做

不改原有正式登录流程、账号创建及权限规则。
不新增创作者免登录入口，不放开聊天、付费、账户页等受限功能。
不新增统计埋点、数据看板或本期80%指标达成验证。
demo使用src/demo-mock/本地虚构数据，不新增或修改接口请求，不涉及真实聊天、支付、账号创建。
不自动发布，三件套完成后再询问是否发布。

模拟数据说明

本演示的创作者、公开内容、人数、登录结果与订阅结果均为虚构，仅用于展示交互。
演示数据集中在版本工作区 src/demo-mock/nologin.ts，演示运行入口独立于正式站点账号与鉴权。
游客记忆和模拟账号仅使用演示专属浏览器状态；正式账号、聊天、支付及验证码服务均未接入。
“80%进入使用比例”为上线后的业务目标，不属于本地demo已验证的结果；本期不新增埋点或数据看板。
演示已通过交互检查；全项目仍有9条来自既有文件的类型诊断，本次改动文件诊断为0。

待确认问题

（无）

变更记录

日期	内容
2026-11-01	创建版本包
2026-11-01	产品已确认完整要点，demo已制作并完成本地浏览器检查，等待产品确认demo效果。
2026-11-01	产品确认demo效果；根据已确认14项答复整理9项需求明细，并生成对应界面截图与标注。
2026-11-01	产品选择修复TC-22宽屏布局：补齐1304px最大宽度限制，保留原验收要求并复测，补充宽屏截图。