React本地用户登录问题( AsyncStorage )
React本地用户登录问题(AsyncStorage)是指在React应用中，使用AsyncStorage来实现本地用户登录的功能。AsyncStorage是React Native提供的一个简单的、异步的、持久化的键值存储系统，用于存储应用程序的数据。
在React中，本地用户登录通常需要将用户的登录信息（如用户名、密码等）保存在本地，以便下次打开应用时可以自动登录。AsyncStorage提供了一种简单的方式来实现这个功能。
AsyncStorage的优势包括：
- 简单易用：AsyncStorage提供了简单的API来读取和写入数据，使用起来非常方便。
- 异步操作：AsyncStorage的读写操作是异步的，不会阻塞应用的主线程，保证了应用的流畅性。
- 持久化存储：AsyncStorage中的数据会被持久化保存，即使应用关闭或设备重启，数据也不会丢失。
AsyncStorage的应用场景包括：
- 用户登录信息的保存：可以将用户的登录信息（如用户名、密码）保存在AsyncStorage中，以便下次打开应用时可以自动登录。
- 应用配置信息的保存：可以将应用的配置信息（如主题、语言设置）保存在AsyncStorage中，以便应用重新打开时可以恢复之前的配置。
- 缓存数据的保存：可以将一些需要缓存的数据（如网络请求的结果）保存在AsyncStorage中，以便下次使用时可以直接读取，提高应用的响应速度。
腾讯云相关产品中，可以使用腾讯云的云数据库COS（对象存储）来存储用户登录信息或其他需要持久化保存的数据。COS是一种高可用、高可靠、强安全性的云端存储服务，可以满足各种存储需求。
腾讯云COS产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
2回答
Redux可以在React本地存储令牌会话吗？
react-native、redux、react-redux
我是Redux的新手，我想知道我是否可以在Redux中实现和存储令牌会话，以便在用户关闭并重新打开应用程序后保持登录。我发现一些人推荐AsyncStorage，但我的应用程序状态是由Redux处理的。
这是我的Redux商店，它也使用AsyncStorage。
import { createStore } from 'redux'
import { persistStore, persistReducer } from 'redux-persist'
import AsyncStorage from '@react-native-community/a
浏览 2提问于2020-10-03得票数 0
回答已采纳
2回答
本机反应:在整个应用程序中使用全局变量的最佳实践是什么？
react-native、react-navigation
我正在进行我的第一个React项目，我想使用一些全局变量，但是我在理解React中变量的流和范围方面遇到了一些困难。
在用户登录后，我将在AsyncStorage中保存用户名，因此下次他/她使用该应用程序时，它将被记住。
const loginUser = (username, password) => {
// ... imaginary login fuctionality ...
this.saveUserName(username);
}
saveUserName = async (username) => {
try {
浏览 0提问于2020-11-05得票数 3
回答已采纳
1回答
在react本机应用程序中多次调用AsyncStorage会影响性能吗？
react-native、react-redux、asyncstorage、redux-persist
我正在构建一个，它需要在不同组件中多次调用AsyncStorage。
例如，只有当用户登录时才能打开特定的屏幕，这需要检查本地存储。
每次调用AsyncStorage似乎都不是一个好主意，而且随着应用程序的发展，可能会影响性能。
实现redux是最好的选择还是有其他方法？
浏览 1提问于2021-02-17得票数 2
回答已采纳
1回答
将谷歌或Facebook Oauth访问令牌存储在AsyncStorage中是安全的吗？
reactjs、react-native、oauth、oauth-2.0、passport.js
我需要实现一个持久和安全的oauth2.0登录身份验证与谷歌和facebook在一个反应本地应用程序。在对身份验证流的中，它建议使用AsyncStorage令牌。我读到一些帖子说AsyncStorage对数据存储是不安全的。AsyncStorage从XSS和CSRF攻击中安全吗？在这个项目中，我使用带有passport.js的mern堆栈。
浏览 3提问于2020-04-23得票数 0
回答已采纳
1回答
在通过react-saga接收到成功操作后，我可以更改应用程序屏幕吗？
react-native、redux-saga
我正在尝试使用react-saga实现一个登录流。
我创建了三个操作: REQ_LOGIN、SUCCESS_LOGIN、FAIL_LOGIN，
通过调用REQ_LOGIN从服务器检索数据，然后执行SUCCESS_LOGIN操作，我成功地访问了reducer。
但是，在成功登录之后，必须将令牌值保存在AsyncStorage中，并且必须通过react导航切换视图。
但这不能在减速机中完成吗？通过‘(反应-导航)库’的‘SUCCESS_LOGIN’参数，当执行导航操作时，必须改变屏幕。
该怎么办呢
浏览 7提问于2019-11-01得票数 0
回答已采纳
1回答
如何像我们在核心数据中一样，在本地存储数据？
reactjs、react-native
我正在尝试构建一个使用react本机在应用程序中存储员工记录的演示。我已经搜索了如何使用react本机存储数据，并了解到使用AsyncStorage可以存储数据。所以我的问题是
1.如何像我们在核心数据ios中那样存储数据？
2.如何创建多个表？
3.我们如何建立多个表之间的关系？
如果我错了就纠正我？
浏览 1提问于2018-02-16得票数 1
2回答
如何在不刷新应用程序的情况下收听实时(条件屏幕呈现)中的AsyncStorage更改？
javascript、react-native、react-redux、asyncstorage
我试图构建一个身份验证系统，并使用以下方法对本机做出反应：
react-navigationAsyncStorageredux
这是我的系统流程:我只想显示符号屏幕时(isAuthenticated == false)，当它是真的，我想显示UserUI屏幕
<Provider store={store}>
<NavigationContainer>
<Stack.Navigator
screenOptions={{
headerShown:false
浏览 3提问于2021-09-05得票数 3
回答已采纳
1回答
如何使用数据库与反应本机？
android、ios、database、react-native
我正在构建我的第一个应用程序与反应本机。目前，我正在用AsyncStorage本地存储用户数据。这个应用程序将使用户相互交互，我看的是realm.io，但为了我的理解，所有的移动应用程序都将数据保存在本地，然后将其同步到数据库中。我不知道这是否正确，而且我做得对。基本上我想做的是：
打开应用程序，从AsyncStorage加载用户数据
调用数据库(从服务器)下载其他用户数据
将用户和用户数据存储到应用程序的状态(我使用redux)
在每次交互时与活动数据库同步。
这样做对吗？例如，如果是聊天，并且我想将两个用户的数据存储到数据库中，我该怎么办？综上所述，如何将所有用户的
浏览 0提问于2017-12-09得票数 0
回答已采纳
1回答
React原生AsyncStorage或上下文
reactjs、react-native、react-context、asyncstorage
我目前正在构建一个应用程序，它有非常少量的数据需要与所有组件共享。例如唯一用户id、订阅信息等。 我目前将所有这些信息存储在AsyncStorage中，并从每个组件中提取这些信息。这是一种可以接受的存储此信息的方式吗？ 我的所有组件都是类组件。我应该继续这样使用AsyncStorage吗？我应该使用上下文提供程序吗？ 在上下文中包装所有组件将是一项大量的工作。我不希望将类组件转换为函数组件，但这会使useContext的上下文变得更容易一些。我是比较新的react native，只是在继续之前寻找最好的解决方案。 任何帮助都是非常感谢的。
浏览 16提问于2021-09-03得票数 0
1回答
如何管理本机和facebook中的用户帐户状态？
ios、facebook、facebook-graph-api、react-native
在我的反应本地应用程序，我是处理用户帐户通过facebook。我成功地将Facebook连接到我的应用程序中，并成功地显示了“登录到Facebook”按钮，当点击该按钮时，用户可以使用Facebook登录，并将按钮文本更改为“注销”。如果用户点击“注销”，它会将其注销，并将文本更改为登录。基本上，我似乎有登录和注销工作的基本功能。
不过，我还有几个问题要问，除了这个问题之外，关于用户是否登录facebook的情况，我还有几个问题要问。
首先，在应用程序生命周期之间，用户的登录似乎不持久。如果我关闭这个应用程序并重新打开它，它会提示我再次登录，而不是记住我刚刚登录并自动登录到Facebook。有
浏览 6提问于2017-04-15得票数 1
回答已采纳
1回答
在不使用云服务的情况下，使用本地存储数据以保持持久和安全的位置？
android、ios、react-native、local-storage
这不是关于存储系统使用什么的问题，而是关于在移动平台(iOS和Android)上本地存储数据的可能策略的问题。
我不会使用AsyncStorage，因为数据不是加密的，我认为这个领域可能是一个很好的选择，但是我对其他选择持开放态度。
我的跨平台React本地应用程序处理一些应该是设备上的持久的合理数据。我打算坚持的意思是：
一些敏感的数据，未经用户许可，不能被iOS或Android删除/删除/清除。必须在每次应用程序升级时都可以获得的数据，例如在每个新版本中，这些数据必须保持不变，并且在App之后没有发生任何事情。如果应用程序处于后台(任务管理器)、关闭或重新启动，则不能删除/删除/清除数据。
浏览 4提问于2020-02-03得票数 0
回答已采纳
4回答
AsyncStorage安全吗？
react-native
我希望在我的React Native应用程序中保留用户的帐户凭据(即用户名和密码)。我应该使用AsyncStorage吗？
换句话说，我想知道AsyncStorage是否以及如何保护其内容。对此保持沉默。
(我正在使用RN v0.28)
浏览 2提问于2016-07-15得票数 8
2回答
React Native -持久状态的最佳实践
react-native、persistence、state
我正在尝试实现一个功能，可以显示我的应用程序中的项目是否已读或未读。例如，用户打开某个未读的项目，然后该项目被标记为“已读”，并且它应该保持“已读”，直到应用程序被卸载或应用程序数据被手动清除。
我想知道实现这样一个特性的最佳实践是什么。有没有办法将这些信息保存在我的状态中，并以某种方式让我的状态即使在应用程序关闭后仍然存在？或者这应该通过AsyncStorage来完成？
浏览 0提问于2017-10-10得票数 1
1回答
如何使用Javascript在防火墙中验证用户的ID令牌？
javascript、reactjs、firebase、google-cloud-firestore、firebase-authentication
我正在构建一个react本机应用程序，并使用Firebase，更确切地说是使用防火墙，以便管理我的数据。我目前的目标是在我的应用程序上实现一个自动登录功能，如果用户退出应用程序，我希望他们继续登录，除非他们在退出应用程序之前手动按Sign Out按钮。以下是我目前所做的工作：
当用户登录到应用程序时，我通过：firebase.auth().signInWithEmailAndPassword(email, password)登录。然后我通过以下方式获得他们的idToken：
let authIdToken = "";
firebase
.auth()
.
浏览 2提问于2020-07-14得票数 1
回答已采纳
2回答
为什么我需要使用redux-持久化与Asyncstorage？
react-native、redux、expo、redux-persist
起初，我的RN应用程序只使用AsyncStorage来为用户存储身份验证参数。
最近，我决定将redux集成到这个应用程序中，这样我就可以拥有一个全局存储、健壮的代码结构和干净的单元测试。
因此，我确实实现了Redux & Redux-thunk。很好，但我注意到有件事让我很感兴趣。当我刷新我的应用程序时，我注意到我的redux状态是而不是持久化。
我失去了身份验证凭证。在生产中，这可能意味着我的用户每次关闭我的应用程序时都要登录。
所以我不得不使用AsyncStorage.实现redux-persist。
我的问题是:为什么我需要在我的redux本地应用程序中实现redux持久化，而
浏览 1提问于2018-11-08得票数 4
3回答
在angular中存储用户以前的数据
javascript、json、angular
我正在开发一个应用程序，前端是用angular编写的，API是用springboot编写的。我希望存储用户数据，以便他们下次登录时可以继续。例如:表单数据、筛选数据、菜单选项...我编写了一个服务来在用户每次更改数据时保存数据，例如:当他们单击submit或更改菜单选项时，我将这些数据作为json字符串发送到ngOndestroy的api。但这将是一项繁重的工作，前端和后端，因为json字符串太长。实现这一目标的最佳方法是什么？
浏览 2提问于2018-10-13得票数 0
1回答
在iOS模拟器中刷新一个reopening是否等同于关闭一个应用程序并重新打开它？
ios、react-native
我之所以这样问，是因为点击cmd+r会使所有组件都被设置为默认状态。要用从应用程序商店下载的应用程序来复制这个功能，可以通过双击“主页”按钮、在应用程序上滑动，然后重新打开来强制关闭应用程序吗？
我还没有在商店的任何应用程序，所以我无法测试这个。
在AsyncStorage中保存相关数据是否是在重新加载后保存状态的好方法？
例如:我有一个登录用户，其信息被保存到状态。如果我刷新应用程序，该用户将丢失，并被迫重新登录。但是，如果我将用户的信息保存到AsyncStorage，并且我可以用componentDidMount将它们还原为状态。
浏览 0提问于2017-01-04得票数 5
回答已采纳
5回答
react本机应用程序中的Redux用例
android、react-native、redux、react-redux
我正在学习如何在我的react-native安卓应用程序中实现。我认为在应用程序中维护状态是有帮助的。
例如，如果用户已经登录，那么它有助于将用户状态保存到logged，再保存到true类。我希望我的例子是正确的。我看到react-native也有AsyncStorage，无论用户是否登录，我们都可以保存它。
我们可以编写一个逻辑，如果用户已经登录，那么在AsyncStorage中将logged设置为true，在注销时设置为false。现在，在闪屏上检查这是真是假，然后相应地导航。
如果可以使用AsyncStorage来管理这种状态，那么redux在react-native应用程序中的用例是什
浏览 0提问于2017-05-17得票数 1
2回答
保持用户登录
ibm-mobilefirst
我要让用户登录(用户不应该每次使用该应用程序时输入用户名/密码)，就像在Facebook和Twitter中一样。我已经经历了问题&我发现的唯一方法是保存用户名和密码，然后每次用户打开应用程序时执行登录操作，Worklight/MobileFirst有办法让用户登录吗？
浏览 4提问于2015-01-19得票数 0
回答已采纳
1回答
在React Native上进行用户身份验证的最佳方式？
reactjs、firebase、api、authentication、native
我正在做一个应用程序，我已经用mysql和php做了一个后端，我创建了一个API来存储我需要的所有数据，但现在我面临着选择使用哪个Auth流的问题。我看过一些视频，我有两个选择: firebase auth或asyncStorage (带令牌)。 问题是，我真的不明白当你需要一个简单的身份验证流程时是否使用了firebase，因为根据我所读到的，firebase确实在它自己的后端存储了所有东西，但在我的API中，我也需要保存这些数据。例如，在某些时候，我将不得不将用户彼此联系起来，对他们完成的工作进行评级，所以我需要在某个时候点击API，检查谁为谁完成了工作。 这就是为什么我认为我应该使用a
浏览 10提问于2020-08-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
