如何让Flutter应用对接WiX站点已有会员体系实现同步登录

一、WiX站点侧配置 #

• 登录WiX后台，开启会员系统的API访问权限，获取站点唯一ID和对应API授权密钥，确保开启账号密码校验的接口调用权限。
• 确认你站点现有会员的账号规则：是用邮箱、手机号还是自定义账号作为登录标识，密码的长度、特殊字符要求等，后续APP端要和这套规则完全对齐。

二、Flutter端开发逻辑 #

1. 基础依赖引入 #

你可以按需引入以下常用库完成开发：

• 网络请求库：dio 或 http，用于调用WiX的会员验证接口
• 本地安全存储库：flutter_secure_storage，用于存储用户登录凭证，避免明文泄露
• 表单校验库：如果需要可以用flutter_form_builder简化输入校验逻辑

2. 登录流程实现 #

• 开发登录页UI，包含账号、密码输入框、登录按钮，先做前端基础校验，比如账号为空、密码长度不符合要求时直接提示用户，不用发起网络请求。
• 用户点击登录后，将账号、密码参数通过HTTPS请求传给WiX的会员身份验证接口，参数传输全程加密，不要明文传递敏感信息。
• 处理接口返回结果：
  • 校验失败时，返回和网站端一致的提示文案，比如「账号不存在」「密码错误」「账号已被冻结」等，降低用户理解成本
  • 校验成功时，拿到接口返回的access_token、用户会员信息（昵称、会员等级、权益有效期等），将这些信息加密存储到本地，不要存储用户的明文密码。
• 后续APP内所有需要会员权限的请求，都在请求头中携带存储的access_token，WiX接口会自动校验token有效性，若token过期直接跳转至登录页让用户重新登录即可。

三、注意事项 #

• 不要修改WiX侧的原有会员数据结构，所有会员信息的读写都通过官方提供的接口完成，避免出现网站和APP数据不一致的问题。
• 所有敏感信息的存储和传输都要做加密处理，避免用户数据泄露。
• 如果要实现自动登录功能，只需要在APP启动时校验本地存储的access_token有效性即可，有效就直接进入首页，无效再跳登录页。

内容的提问来源于stack exchange，提问作者Shams Wali Sowmo