reactjs - Hasura whatsapp 克隆 JWT 样板 - 如何填充“用户”表?
问题描述
我已经为whatsapp 克隆教程构建并启动了所有组件。我的身份验证服务器正在使用对称加密生成有效的 JWT(根据 jwt.io)。JWT 似乎正确地由 react-app 传递,因为我可以注册和登录。现在我有一些问题在使用 react-app 登录后无法立即解决。
登录后,我们的用户被重定向到components/ChatsListScreen/ChatsList.tsx
. 在这里,我们要显示基于连接用户的数据(使用useMe()
)。我的问题是useMe()
返回一个空对象。
我也在 hasura 服务器上收到以下错误(在 docker 中运行):
{"timestamp":"2019-10-13T08:21:26.663+0000","level":"error","type":"http-log","detail":{"operation":{"query_execution_time":null,"user_vars":{"x-hasura-role":"user","x-hasura-user-id":"4"},"error":{"path":"$.variableValues","error":"expecting a value for non-nullable variable: userId of type: Int! in variableValues","code":"validation-failed"},"request_id":"5a8c6897-69dd-410e-bd10-f637750e1957","response_size":148,"query":{"variables":{},"operationName":"ChatsListQuery","query":"query ChatsListQuery($userId: Int!) {\n chat(order_by: [{messages_aggregate: {max: {created_at: desc}}}]) {\n ...chat\n users(where: {user_id: {_neq: $userId}}) {\n user {\n ...user\n __typename\n }\n __typename\n }\n __typename\n }\n}\n\nfragment chat on chat {\n id\n name\n picture\n owner_id\n created_at\n messages(order_by: [{created_at: asc}]) {\n ...message\n __typename\n }\n __typename\n}\n\nfragment message on message {\n id\n chat_id\n sender {\n id\n name\n __typename\n }\n content\n created_at\n __typename\n}\n\nfragment user on users {\n id\n username\n name\n picture\n __typename\n}\n"}},"http_info":{"status":200,"http_version":"HTTP/1.1","url":"/v1/graphql","ip":"172.18.0.1","method":"POST"}}}
如您所见x-hasura-user-id
,传递正确,但查询期望 auserId
为空。
根据我的日志和我的理解,这是由于fetchUser
提供useMe()
钩子的内容是空的。
现在这是空的原因很可能是因为我的 hasura 数据库是空的。身份验证服务器数据库有用户(登录的用户),但users
来自 hasura 的表是空的。
users
hasura的表是如何被填充的?
解决方案
此样板假定身份验证服务器和 Hasura API 都读取和写入同一个数据库,其中users
表是共享实体。
注册后,用户被插入到数据库(用户表)中。这是它在 Auth 服务器中发生的位置的来源。
如果您已将身份验证服务器配置为写入不同的数据库,那么您需要在注册后同步用户数据。
推荐阅读
- google-analytics - ua_session_id 设置为 'non_interaction': true 修复低跳出率,但跳出率稳定在 4%
- flutter - 为什么 TabBarView 占用了额外的空间?
- javascript - 显示我的屏幕和功能以在 javascript/html 中工作的问题
- r - R ggplot用最大值注释线图
- mongodb - 仅访问 MongoDB 中的最低嵌套值
- ruby-on-rails - 致命:数据库“postgres”不存在无法创建“test_app_development”数据库。请检查您的配置
- r - 创建 R 密度脊线图,其中每个分组的周包含所有前几周的数据
- python - Pytorch 批量矩阵向量行乘法
- speech-recognition - torch.hub.load('pyannote/pyannote-audio', 'dia') 在本地不起作用
- latex - 嵌入式链接在下载的 pdf 中不起作用