🌱 webview tool

lib/main.dart

@@ -11,6 +11,7 @@ import 'package:window_manager/window_manager.dart';
 import 'app.dart';
 import 'database/sp_sqlite.dart';
 import 'tools/log_tool.dart';
+import 'tools/webview_tool.dart';
 
 Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -21,6 +22,7 @@ Future<void> main() async {
   /// 初始化配置
   await SPLogTool().init();
   await SPSqlite().init();
+  await SPWebviewTool.init();
 
   WindowOptions windowOptions = const WindowOptions(
     title: 'ShufflePlay',

lib/models/database/nap/nap_item_map_model.dart

@@ -123,7 +123,7 @@ class NapItemMapModel {
 }
 
 /// 物品地区
-@JsonSerializable(explicitToJson: true)
+@JsonSerializable()
 class NapItemMapLocale {
   /// 中文翻译
   @JsonKey(name: 'zh')

lib/pages/main/app_config.dart

@@ -8,6 +8,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:url_launcher/url_launcher_string.dart';
+import 'package:webview_windows/webview_windows.dart';
 
 // Project imports:
 import '../../database/app/app_config.dart';
@@ -52,12 +53,16 @@ class _AppConfigPageState extends ConsumerState<AppConfigPage>
   /// 应用配置数据库
   final sqliteAppConfig = SpsAppConfig();
 
+  /// webview version
+  String? webviewVersion;
+
   @override
   void initState() {
     super.initState();
     Future.microtask(() async {
       packageInfo = await PackageInfo.fromPlatform();
       deviceInfo = await DeviceInfoPlugin().windowsInfo;
+      webviewVersion = await WebviewController.getWebViewVersion();
       if (mounted) {
         setState(() {});
       }
@@ -70,7 +75,8 @@ class _AppConfigPageState extends ConsumerState<AppConfigPage>
   }
 
   /// 构建设备信息
-  Widget buildDeviceInfo(WindowsDeviceInfo diw) {
+  Widget buildDeviceInfo(WindowsDeviceInfo? diw) {
+    if (diw == null) return const Text('无法获取设备信息');
     return Padding(
       padding: EdgeInsets.symmetric(horizontal: 16.w),
       child: Expander(
@@ -94,6 +100,22 @@ class _AppConfigPageState extends ConsumerState<AppConfigPage>
                 '标识符 ${diw.deviceId.substring(1, diw.deviceId.length - 1)}',
               ),
             ),
+            ListTile(
+              leading: const Icon(material.Icons.web_asset_outlined),
+              title: const Text('Webview2Runtime'),
+              subtitle: Text(webviewVersion ?? '未知版本'),
+              trailing: IconButton(
+                icon: Icon(
+                  FluentIcons.download,
+                  color: FluentTheme.of(context).accentColor,
+                ),
+                onPressed: () async {
+                  await launchUrlString(
+                    'https://developer.microsoft.com/microsoft-edge/webview2/',
+                  );
+                },
+              ),
+            ),
           ],
         ),
       ),
@@ -270,10 +292,8 @@ class _AppConfigPageState extends ConsumerState<AppConfigPage>
           padding: EdgeInsets.symmetric(horizontal: 16.w),
           child: const AppConfigUserWidget(),
         ),
-        if (deviceInfo != null) ...[
-          SizedBox(height: 10.h),
-          buildDeviceInfo(deviceInfo!)
-        ],
+        SizedBox(height: 10.h),
+        buildDeviceInfo(deviceInfo)
       ]),
     );
   }

lib/pages/main/app_dev.dart

@@ -1,14 +1,9 @@
 // Package imports:
 import 'package:fluent_ui/fluent_ui.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 // Project imports:
-import '../../models/nap/token/nap_authkey_model.dart';
-import '../../request/nap/nap_api_account.dart';
-import '../../request/nap/nap_api_gacha.dart';
-import '../../store/user/user_bbs.dart';
-import '../../ui/sp_infobar.dart';
+import '../../ui/sp_webview.dart';
 
 /// 测试页面
 class AppDevPage extends ConsumerStatefulWidget {
@@ -21,64 +16,30 @@ class AppDevPage extends ConsumerStatefulWidget {
 
 /// 测试页面状态
 class _AppDevPageState extends ConsumerState<AppDevPage> {
-  @override
-  void initState() {
-    super.initState();
-  }
-
-  /// 测试 WebView
-  Widget buildWebviewTest() {
-    return const SizedBox(child: Text('Test'));
-  }
+  SpWebviewController? controller;
 
-  /// 测试生成授权码
-  Widget buildGenAuthKeyTest() {
-    return Button(
-      child: const Text('生成授权码'),
-      onPressed: () async {
-        var api = SprNapApiAccount();
-        var store = ref.watch(userBbsStoreProvider);
-        if (store.user == null ||
-            store.account == null ||
-            store.user!.cookie == null) {
-          return;
-        }
-        var resp = await api.genAuthKey(store.user!.cookie!, store.account!);
-        if (resp.retcode != 0) {
-          if (mounted) await SpInfobar.bbs(context, resp);
-          return;
-        }
-        var authKeyData = resp.data as NapAuthkeyModelData;
-        var authKey = authKeyData.authkey;
-        var api2 = SprNapApiGacha();
-        var gachaResp = await api2.getGachaLogs(
-          store.account!,
-          store.user!.cookie!,
-          authKey,
-        );
-        if (gachaResp.retcode != 0) {
-          if (mounted) await SpInfobar.bbs(context, gachaResp);
-          return;
-        }
-        if (mounted) await SpInfobar.bbs(context, gachaResp);
-        debugPrint('gachaResp: $gachaResp');
-      },
+  /// 创建新窗口
+  Future<void> createNewWindow() async {
+    if (!mounted) return;
+    controller = await SpWebview.createWebview(
+      context,
+      'https://www.baidu.com',
     );
+    if (!mounted) return;
+    await controller!.show(context);
   }
 
   /// 构建函数
   @override
   Widget build(BuildContext context) {
     return ScaffoldPage(
       header: const PageHeader(title: Text('Test Page')),
-      content: SingleChildScrollView(
-        padding: EdgeInsets.symmetric(horizontal: 20.w, vertical: 10.h),
-        child: Column(
-          children: <Widget>[
-            buildWebviewTest(),
-            SizedBox(height: 20.h),
-            buildGenAuthKeyTest(),
-          ],
+      content: Center(
+        child: IconButton(
+          icon: const Icon(FluentIcons.f12_dev_tools),
+          onPressed: () async {
+            await createNewWindow();
+          },
         ),
       ),
     );

lib/tools/webview_tool.dart

@@ -0,0 +1,32 @@
+// Flutter imports:
+import 'package:flutter/services.dart';
+
+// Package imports:
+import 'package:webview_windows/webview_windows.dart';
+
+// Project imports:
+import 'file_tool.dart';
+import 'log_tool.dart';
+
+/// webview 工具
+class SPWebviewTool {
+  SPWebviewTool._();
+
+  static final SPWebviewTool _instance = SPWebviewTool._();
+
+  /// 获取实例
+  factory SPWebviewTool() => _instance;
+
+  /// 初始化
+  static Future<void> init() async {
+    var fileTool = SPFileTool();
+    var webviewDataDir = await fileTool.getAppDataPath('webview');
+    try {
+      await WebviewController.initializeEnvironment(
+        userDataPath: webviewDataDir,
+      );
+    } on PlatformException catch (e) {
+      SPLogTool.warn('[Webview] Fail to initialize webview: ${e.message}');
+    }
+  }
+}