问题描述
我在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。如果为null,则从初始屏幕开始到登录页面。并且如果该apikey已保存,它会进入bottomnavbar页面
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()));
}
解决方法
您可以在下面复制粘贴运行完整代码
要在JSON中检索apikey的值,您可以执行data['data']['apikey']
代码段
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),);
}
}