使用 express js 后端对 React 本机应用程序进行身份验证
Posted
技术标签:
【中文标题】使用 express js 后端对 React 本机应用程序进行身份验证【英文标题】:Authentication of React native app with express js back end 【发布时间】:2021-06-12 15:55:12 【问题描述】:我开发了带有 JWT 身份验证的 Angular,express js Web 应用程序。现在我需要为与 Web 应用程序相同的目的开发 React Native 移动应用程序。如何为反应本机应用程序添加身份验证。它是否需要对本机应用程序使用 JWT 或者移动应用程序是否有任何其他身份验证技术。我是反应原生以及移动应用程序开发的新手。给我一些推荐的 react native 和 express js 后端开发的指南。 Web 应用程序和移动应用程序都使用 MSSQL 实现相同的数据库。
【问题讨论】:
【参考方案1】:您当然可以使用 JWT 策略。 我建议您使用 AsyncStorage 来存储您的令牌或任何其他数据。
https://reactnative.dev/docs/asyncstorage
对于身份验证,您可以创建一个 AuthenticationContext 来提供身份验证所需的所有功能和逻辑。
在上下文中,您可以具有登录和注销功能、将用户存储在 AsyncStorage 中的功能、从 AsyncStorage 中删除用户的功能、确定用户是否经过身份验证的功能以及其他逻辑你的需求。
【讨论】:
感谢您回答我。另一件事是,我已经为 Web 应用程序实现了后端。我需要为移动应用程序实现分离的后端吗? 不,你没有。您可以为应用程序、移动设备和 Web 使用相同的后端。在 React Native 中,您可以使用原生 fetch API (reactnative.dev/docs/network) 或安装第三方库,如 axios (npmjs.com/package/axios) 与后端交互。 非常感谢您的回答。这对我真的很有帮助。我是否需要在后端连接到反应本机应用程序之前部署它。是否必须部署?我对托管一无所知。以上是关于使用 express js 后端对 React 本机应用程序进行身份验证的主要内容,如果未能解决你的问题,请参考以下文章
无法将多部分表单数据从 React 正确发送到 Express Js
如何正确配置 Next.js 作为前端和 Express 应用作为后端?
React App 和 node.js 后端 api 安全获取