取回不记名令牌邮递员扑腾

Posted

技术标签:

【中文标题】取回不记名令牌邮递员扑腾【英文标题】:retrieve bearer token postman to flutter 【发布时间】:2021-02-05 00:42:51 【问题描述】:

我在我的 Flutter 项目中创建了一个简单的登录功能,它只需输入电子邮件和密码即可工作。 现在我想从邮递员添加令牌持有者功能,以便即使应用程序已关闭,用户仍然可以登录。 我想问的是如何将令牌承载值放入共享偏好函数中。

这是我的登录代码。

login() async 
final response = await http.post(
  "https://api.batulima.com//v1_ships/login_app",
  body: "email": email, "password": password,
);
final data = jsonDecode(response.body);
String status = data['status'];
String message = data['message'];
if (status == "success") 
  Navigator.of(context).pushReplacement(PageRouteBuilder(
      pageBuilder: (_, __, ___) => new bottomNavBar(),
      transitionDuration: Duration(milliseconds: 600),
      transitionsBuilder:
          (_, Animation<double> animation, __, Widget child) 
        return Opacity(
          opacity: animation.value,
          child: child,
        );
      ));
  print(message);
 else 
  print(message);
 

这是我的邮递员 json 结构


"status": "success",
"data": 
    "apikey": "ak5neGVDd3h4M0lVeVF2b2hXWjg3OEZMYUlvcWExTXRqQ21xSmJGWQ==",
    "id_user": 49,
    "id_role": "8",
    "name_role": "Ship Owner",
    "email": "afriansyahm86@gmail.com",
    "phone": "082258785595",
    "saldo": "0",
    "photo": "https://batulimee.com/foto_user/avatar.png"
,
"message": "login successfully "

我应该添加什么才能从 apikey 检索值?

下面是我在 main.dart 中创建的 getpref。如果为空,则从初始屏幕开始到登录页面。如果 apikey 已保存,则进入底部导航栏页面

Future<void> main() async 
WidgetsFlutterBinding.ensureInitialized();
SharedPreferences prefs = await SharedPreferences.getInstance();
var apikey = prefs.getString('apikey');
print(apikey);
runApp(MaterialApp(
  debugShowCheckedModeBanner: false,
  home: apikey == null ? splash() : bottomNavBar()));

【问题讨论】:

【参考方案1】:

您可以在下面复制粘贴运行完整代码 要检索 JSON 中 apikey 的值,您可以执行 data['data']['apikey'] 代码sn-p

String apiKey = data['data']['apikey'];
print("apiKey $apiKey");

SharedPreferences prefs = await SharedPreferences.getInstance();   
await prefs.setString('apiKey', apiKey);

String getedApiKey = await prefs.getString('apiKey');
print(getedApiKey);

输出

I/flutter (22942): apiKey ak5neGVDd3h4M0lVeVF2b2hXWjg3OEZMYUlvcWExTXRqQ21xSmJGWQ==
I/flutter (22942): ak5neGVDd3h4M0lVeVF2b2hXWjg3OEZMYUlvcWExTXRqQ21xSmJGWQ==
I/flutter (22942): login successfully 

完整代码

import 'dart:convert';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() 
  runApp(MyApp());


class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  


class MyHomePage extends StatefulWidget 
  MyHomePage(Key key, this.title) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();


class _MyHomePageState extends State<MyHomePage> 
  int _counter = 0;

  login() async 
    /*final response = await http.post(
      "https://api.batulima.com//v1_ships/login_app",
      body: "email": email, "password": password,
    );*/
    String jsonString = '''
    
"status": "success",
"data": 
    "apikey": "ak5neGVDd3h4M0lVeVF2b2hXWjg3OEZMYUlvcWExTXRqQ21xSmJGWQ==",
    "id_user": 49,
    "id_role": "8",
    "name_role": "Ship Owner",
    "email": "afriansyahm86@gmail.com",
    "phone": "082258785595",
    "saldo": "0",
    "photo": "https://batulimee.com/foto_user/avatar.png"
,
"message": "login successfully "

    ''';
    final response = http.Response(jsonString, 200);

    final data = jsonDecode(response.body);
    String status = data['status'];
    String message = data['message'];
    String apiKey = data['data']['apikey'];
    print("apiKey $apiKey");

    SharedPreferences prefs = await SharedPreferences.getInstance();
    await prefs.setString('apiKey', apiKey);

    String getedApiKey = await prefs.getString('apiKey');
    print(getedApiKey);

    if (status == "success") 
      /* Navigator.of(context).pushReplacement(PageRouteBuilder(
          pageBuilder: (_, __, ___) => new bottomNavBar(),
          transitionDuration: Duration(milliseconds: 600),
          transitionsBuilder:
              (_, Animation<double> animation, __, Widget child) 
            return Opacity(
              opacity: animation.value,
              child: child,
            );
          ));*/
      print(message);
     else 
      print(message);
    
  

  @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: login,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  

【讨论】:

当应用关闭并且我尝试重新进入应用时如何使用 getpref? 我将编辑我的帖子,它包含我创建的 getpref。 顺便说一句谢谢春红汉。有用。我可以检索 apikey 值。但现在的问题是我试图获取 apikey 哈哈 可以参考***.com/a/58814591/2179571 你可以使用 initialRoute ,参考答案有完整的代码。可以直接测试。

以上是关于取回不记名令牌邮递员扑腾的主要内容,如果未能解决你的问题,请参考以下文章

邮递员中的不记名令牌

代表客户端验证密钥斗篷不记名令牌

使用多部分和不记名令牌上传图像

401 未经授权使用带有 Laravel Passport 的不记名令牌

如何通过具有用户凭证的天蓝色广告生成不记名令牌

java - 如何从Java Spring Boot中的请求标头获取不记名令牌?