mirror of
https://github.com/wanghongenpin/proxypin.git
synced 2026-05-30 17:05:49 +08:00
573 lines
21 KiB
Dart
573 lines
21 KiB
Dart
/*
|
||
* Copyright 2023 Hongen Wang All rights reserved.
|
||
*
|
||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
* you may not use this file except in compliance with the License.
|
||
* You may obtain a copy of the License at
|
||
*
|
||
* https://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing, software
|
||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
* See the License for the specific language governing permissions and
|
||
* limitations under the License.
|
||
*/
|
||
|
||
import 'dart:async';
|
||
import 'dart:convert';
|
||
import 'dart:io';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:proxypin/l10n/app_localizations.dart';
|
||
import 'package:flutter_toastr/flutter_toastr.dart';
|
||
import 'package:proxypin/native/app_lifecycle.dart';
|
||
import 'package:proxypin/native/pip.dart';
|
||
import 'package:proxypin/native/vpn.dart';
|
||
import 'package:proxypin/network/bin/configuration.dart';
|
||
import 'package:proxypin/network/bin/listener.dart';
|
||
import 'package:proxypin/network/bin/server.dart';
|
||
import 'package:proxypin/network/channel/channel.dart';
|
||
import 'package:proxypin/network/channel/channel_context.dart';
|
||
import 'package:proxypin/network/http/http.dart';
|
||
import 'package:proxypin/network/http/websocket.dart';
|
||
import 'package:proxypin/network/http/http_client.dart';
|
||
import 'package:proxypin/storage/histories.dart';
|
||
import 'package:proxypin/ui/component/memory_cleanup.dart';
|
||
import 'package:proxypin/ui/component/multi_select_controller.dart';
|
||
import 'package:proxypin/ui/toolbox/toolbox.dart';
|
||
import 'package:proxypin/ui/configuration.dart';
|
||
import 'package:proxypin/ui/content/panel.dart';
|
||
import 'package:proxypin/ui/launch/launch.dart';
|
||
import 'package:proxypin/ui/mobile/menu/drawer.dart';
|
||
import 'package:proxypin/ui/mobile/menu/bottom_navigation.dart';
|
||
import 'package:proxypin/ui/mobile/menu/menu.dart';
|
||
import 'package:proxypin/ui/mobile/request/history.dart';
|
||
import 'package:proxypin/ui/mobile/request/list.dart';
|
||
import 'package:proxypin/ui/mobile/request/search.dart';
|
||
import 'package:proxypin/ui/mobile/widgets/pip.dart';
|
||
import 'package:proxypin/ui/mobile/widgets/remote_device.dart';
|
||
import 'package:proxypin/utils/ip.dart';
|
||
import 'package:proxypin/utils/lang.dart';
|
||
import 'package:proxypin/utils/listenable_list.dart';
|
||
import 'package:proxypin/utils/navigator.dart';
|
||
|
||
import '../app_update/app_update_repository.dart';
|
||
import 'package:proxypin/ui/component/multi_window.dart';
|
||
import 'package:proxypin/ui/mobile/debug/breakpoint_executor.dart';
|
||
|
||
///移动端首页
|
||
///@author wanghongen
|
||
class MobileHomePage extends StatefulWidget {
|
||
final Configuration configuration;
|
||
final AppConfiguration appConfiguration;
|
||
|
||
const MobileHomePage(this.configuration, this.appConfiguration, {super.key});
|
||
|
||
@override
|
||
State<StatefulWidget> createState() {
|
||
return MobileHomeState();
|
||
}
|
||
}
|
||
|
||
class MobileApp {
|
||
///请求列表key
|
||
static final GlobalKey<RequestListState> requestStateKey = GlobalKey<RequestListState>();
|
||
|
||
///搜索key
|
||
static final GlobalKey<MobileSearchState> searchStateKey = GlobalKey<MobileSearchState>();
|
||
|
||
///请求列表容器
|
||
static final container = ListenableList<HttpRequest>();
|
||
|
||
static final multiSelectController = MultiSelectController();
|
||
}
|
||
|
||
class MobileHomeState extends State<MobileHomePage> implements EventListener, LifecycleListener {
|
||
/// 选择索引
|
||
final ValueNotifier<int> _selectIndex = ValueNotifier(0);
|
||
|
||
StreamSubscription<HistoryItem>? _remoteHistorySubscription;
|
||
|
||
late ProxyServer proxyServer;
|
||
|
||
AppLocalizations get localizations => AppLocalizations.of(context)!;
|
||
|
||
@override
|
||
void onRequest(Channel channel, HttpRequest request) {
|
||
MobileApp.requestStateKey.currentState!.add(channel, request);
|
||
PictureInPicture.addData(request.requestUrl);
|
||
|
||
//监控内存 到达阈值清理
|
||
MemoryCleanupMonitor.onMonitor(onCleanup: () {
|
||
MobileApp.requestStateKey.currentState?.cleanupEarlyData(32);
|
||
});
|
||
}
|
||
|
||
@override
|
||
void onResponse(ChannelContext channelContext, HttpResponse response) {
|
||
MobileApp.requestStateKey.currentState!.addResponse(channelContext, response);
|
||
}
|
||
|
||
@override
|
||
void onMessage(Channel channel, HttpMessage message, WebSocketFrame frame) {
|
||
var panel = NetworkTabController.current;
|
||
if (panel?.request.get() == message || panel?.response.get() == message) {
|
||
panel?.changeState();
|
||
}
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
|
||
AppLifecycleBinding.instance.addListener(this);
|
||
proxyServer = ProxyServer(widget.configuration);
|
||
proxyServer.addListener(this);
|
||
proxyServer.start();
|
||
_remoteHistorySubscription = HistoryStorage.onRemoteImported.listen((item) => _openHistoryPage(item));
|
||
|
||
if (widget.appConfiguration.upgradeNoticeV27) {
|
||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||
showUpgradeNotice();
|
||
});
|
||
} else if (Platform.isAndroid) {
|
||
AppUpdateRepository.checkUpdate(context);
|
||
}
|
||
|
||
// Handle breakpoint window on mobile
|
||
MultiWindow.onOpenWindow = (widgetName, args) async {
|
||
if (widgetName == 'BreakpointExecutor' && args != null) {
|
||
if (!mounted) return;
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (context) => BreakpointExecutor(
|
||
requestId: args['requestId'],
|
||
request: HttpRequest.fromJson(jsonDecode(jsonEncode(args['request']))),
|
||
response:
|
||
args['response'] == null ? null : HttpResponse.fromJson(jsonDecode(jsonEncode(args['response']))),
|
||
isResponse: args['type'] == 'response',
|
||
),
|
||
),
|
||
);
|
||
}
|
||
};
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
AppLifecycleBinding.instance.removeListener(this);
|
||
_remoteHistorySubscription?.cancel();
|
||
super.dispose();
|
||
}
|
||
|
||
void toRequestsView(HistoryItem item, HistoryStorage storage) {}
|
||
|
||
void _openHistoryPage(HistoryItem item) {
|
||
_selectIndex.value = 2;
|
||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||
if (!mounted) {
|
||
return;
|
||
}
|
||
|
||
Navigator.of(context)
|
||
.push(MaterialPageRoute(
|
||
builder: (BuildContext context) => HistoryRecord(history: item, proxyServer: proxyServer)))
|
||
.then((value) async {
|
||
Future.delayed(const Duration(seconds: 60), () => item.requests = null);
|
||
});
|
||
});
|
||
}
|
||
|
||
int exitTime = 0;
|
||
|
||
var requestPageNavigatorKey = GlobalKey<NavigatorState>();
|
||
var toolboxNavigatorKey = GlobalKey<NavigatorState>();
|
||
var configNavigatorKey = GlobalKey<NavigatorState>();
|
||
var settingNavigatorKey = GlobalKey<NavigatorState>();
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
var navigationView = [
|
||
NavigatorPage(
|
||
navigatorKey: requestPageNavigatorKey,
|
||
child: RequestPage(proxyServer: proxyServer, appConfiguration: widget.appConfiguration)),
|
||
NavigatorPage(
|
||
navigatorKey: toolboxNavigatorKey,
|
||
child: Scaffold(
|
||
appBar: PreferredSize(
|
||
preferredSize: const Size.fromHeight(42),
|
||
child: AppBar(
|
||
title: Text(localizations.toolbox,
|
||
style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w400)),
|
||
centerTitle: true)),
|
||
body: Toolbox(proxyServer: proxyServer))),
|
||
NavigatorPage(navigatorKey: configNavigatorKey, child: ConfigPage(proxyServer: proxyServer)),
|
||
NavigatorPage(
|
||
navigatorKey: settingNavigatorKey,
|
||
child: SettingPage(proxyServer: proxyServer, appConfiguration: widget.appConfiguration)),
|
||
];
|
||
|
||
if (!widget.appConfiguration.bottomNavigation) _selectIndex.value = 0;
|
||
|
||
return PopScope(
|
||
canPop: false,
|
||
onPopInvokedWithResult: (didPop, result) async {
|
||
if (didPop) {
|
||
return;
|
||
}
|
||
|
||
if (navigationView[_selectIndex.value].onPopInvoked()) {
|
||
return;
|
||
}
|
||
|
||
if (await enterPictureInPicture()) {
|
||
return;
|
||
}
|
||
|
||
if (DateTime.now().millisecondsSinceEpoch - exitTime > 1500) {
|
||
exitTime = DateTime.now().millisecondsSinceEpoch;
|
||
if (mounted) {
|
||
FlutterToastr.show(localizations.appExitTips, this.context,
|
||
rootNavigator: true, duration: FlutterToastr.lengthLong);
|
||
}
|
||
return;
|
||
}
|
||
//退出程序
|
||
SystemNavigator.pop();
|
||
},
|
||
child: ValueListenableBuilder<int>(
|
||
valueListenable: _selectIndex,
|
||
builder: (context, index, child) => Scaffold(
|
||
body: IndexedStack(index: index, children: navigationView),
|
||
bottomNavigationBar: widget.appConfiguration.bottomNavigation
|
||
? Container(
|
||
constraints: const BoxConstraints(maxHeight: 85),
|
||
// padding: const EdgeInsets.fromLTRB(12, 0, 12, 0),
|
||
child: ClipRRect(
|
||
// borderRadius: BorderRadius.circular(16),
|
||
child: Theme(
|
||
data: Theme.of(context).copyWith(splashColor: Colors.transparent),
|
||
child: BottomNavigationBar(
|
||
type: BottomNavigationBarType.fixed,
|
||
iconSize: 23,
|
||
showSelectedLabels: false,
|
||
showUnselectedLabels: false,
|
||
selectedFontSize: 2,
|
||
unselectedFontSize: 2,
|
||
elevation: 0,
|
||
items: [
|
||
BottomNavigationBarItem(
|
||
tooltip: localizations.requests,
|
||
icon: const Icon(Icons.workspaces_outlined),
|
||
label: localizations.requests),
|
||
BottomNavigationBarItem(
|
||
tooltip: localizations.toolbox,
|
||
icon: const Icon(Icons.hardware_outlined),
|
||
label: localizations.toolbox),
|
||
BottomNavigationBarItem(
|
||
tooltip: localizations.config,
|
||
icon: const Icon(Icons.description_outlined),
|
||
label: localizations.config),
|
||
BottomNavigationBarItem(
|
||
tooltip: localizations.setting,
|
||
icon: const Icon(Icons.settings_outlined),
|
||
label: localizations.setting),
|
||
],
|
||
currentIndex: _selectIndex.value,
|
||
onTap: (index) => _selectIndex.value = index,
|
||
),
|
||
)))
|
||
: null)));
|
||
}
|
||
|
||
@override
|
||
void onUserLeaveHint() {
|
||
enterPictureInPicture();
|
||
}
|
||
|
||
Future<bool> enterPictureInPicture() async {
|
||
if (Vpn.isVpnStarted) {
|
||
if (!Platform.isAndroid || !(await (AppConfiguration.instance)).pipEnabled.value) {
|
||
return false;
|
||
}
|
||
|
||
List<String>? appList =
|
||
proxyServer.configuration.appWhitelistEnabled ? proxyServer.configuration.appWhitelist : [];
|
||
List<String>? disallowApps;
|
||
if (appList.isEmpty) {
|
||
disallowApps = proxyServer.configuration.appBlacklist ?? [];
|
||
}
|
||
|
||
return PictureInPicture.enterPictureInPictureMode(
|
||
Platform.isAndroid ? await localIp() : "127.0.0.1", proxyServer.port,
|
||
appList: appList, disallowApps: disallowApps);
|
||
}
|
||
return false;
|
||
}
|
||
|
||
@override
|
||
onPictureInPictureModeChanged(bool isInPictureInPictureMode) async {
|
||
if (isInPictureInPictureMode) {
|
||
Navigator.push(
|
||
context,
|
||
PageRouteBuilder(
|
||
transitionDuration: Duration.zero,
|
||
reverseTransitionDuration: Duration.zero,
|
||
pageBuilder: (context, animation, secondaryAnimation) {
|
||
return PictureInPictureWindow(MobileApp.container);
|
||
}));
|
||
return;
|
||
}
|
||
|
||
if (!isInPictureInPictureMode) {
|
||
Navigator.maybePop(context);
|
||
Vpn.isRunning().then((value) {
|
||
Vpn.isVpnStarted = value;
|
||
SocketLaunch.startStatus.value = ValueWrap.of(value);
|
||
});
|
||
}
|
||
}
|
||
|
||
void showUpgradeNotice() {
|
||
bool isCN = Localizations.localeOf(context) == const Locale.fromSubtags(languageCode: 'zh');
|
||
|
||
String content = isCN
|
||
? '提示：默认不会开启HTTPS抓包，请安装证书后再开启HTTPS抓包。\n\n'
|
||
'1. 新增html、css、js格式化以及代码高亮；\n'
|
||
'2. 高级重发支持指定时间；\n'
|
||
'3. 域名列表增加导出har文件；\n'
|
||
'4. 远程设备增加快速分享；\n'
|
||
'5. 收藏支持websocket消息持久化；\n'
|
||
'6. 远程脚本加载添加引导；\n'
|
||
'7. 优化消息体大文本展示；\n'
|
||
'8. 修复自定已读状态丢失问题；\n'
|
||
: 'Note: HTTPS capture is disabled by default — please install the certificate before enabling HTTPS capture.\n\n'
|
||
'1. Added HTML, CSS, and JS formatting with code highlighting;\n'
|
||
'2. Advanced repeat now supports specifying the time;\n'
|
||
'3. Added HAR file export for domain list;\n'
|
||
'4. Added quick share for remote devices;\n'
|
||
'5. Favorites support WebSocket message persistence;\n'
|
||
'6. Added guidance for remote script loading;\n'
|
||
'7. Optimized large text display in message body;\n'
|
||
'8. Fixed issue where custom read status was lost;\n';
|
||
showAlertDialog(isCN ? '更新内容V${AppConfiguration.version}' : "What's new in V${AppConfiguration.version}", content,
|
||
() {
|
||
widget.appConfiguration.upgradeNoticeV27 = false;
|
||
widget.appConfiguration.flushConfig();
|
||
});
|
||
}
|
||
|
||
void showAlertDialog(String title, String content, Function onClose) {
|
||
showDialog(
|
||
context: context,
|
||
barrierDismissible: false,
|
||
builder: (context) {
|
||
return AlertDialog(
|
||
scrollable: true,
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () {
|
||
onClose.call();
|
||
Navigator.pop(context);
|
||
},
|
||
child: Text(localizations.close))
|
||
],
|
||
title: Text(title, style: const TextStyle(fontSize: 18)),
|
||
content: SelectableText(content));
|
||
});
|
||
}
|
||
}
|
||
|
||
class RequestPage extends StatefulWidget {
|
||
final ProxyServer proxyServer;
|
||
final AppConfiguration appConfiguration;
|
||
|
||
const RequestPage({super.key, required this.proxyServer, required this.appConfiguration});
|
||
|
||
@override
|
||
State<RequestPage> createState() => RequestPageState();
|
||
}
|
||
|
||
class RequestPageState extends State<RequestPage> {
|
||
/// 远程连接
|
||
final ValueNotifier<RemoteModel> remoteDevice = ValueNotifier(RemoteModel(connect: false));
|
||
|
||
late ProxyServer proxyServer;
|
||
|
||
AppLocalizations get localizations => AppLocalizations.of(context)!;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
proxyServer = widget.proxyServer;
|
||
|
||
//远程连接
|
||
remoteDevice.addListener(() {
|
||
if (remoteDevice.value.connect) {
|
||
proxyServer.configuration.remoteHost = "http://${remoteDevice.value.host}:${remoteDevice.value.port}";
|
||
checkConnectTask(context);
|
||
} else {
|
||
proxyServer.configuration.remoteHost = null;
|
||
}
|
||
});
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
remoteDevice.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Stack(children: [
|
||
Scaffold(
|
||
appBar: _MobileAppBar(widget.appConfiguration, proxyServer, remoteDevice: remoteDevice),
|
||
drawer: widget.appConfiguration.bottomNavigation
|
||
? null
|
||
: DrawerWidget(proxyServer: proxyServer, container: MobileApp.container),
|
||
floatingActionButton: _launchActionButton(),
|
||
body: ValueListenableBuilder(
|
||
valueListenable: remoteDevice,
|
||
builder: (context, value, _) {
|
||
return Column(children: [
|
||
value.connect ? remoteConnect(value) : const SizedBox(),
|
||
Expanded(
|
||
child: RequestListWidget(
|
||
key: MobileApp.requestStateKey,
|
||
proxyServer: proxyServer,
|
||
list: MobileApp.container,
|
||
selectionController: MobileApp.multiSelectController))
|
||
]);
|
||
}),
|
||
),
|
||
PictureInPictureIcon(proxyServer),
|
||
]);
|
||
}
|
||
|
||
Widget _launchActionButton() {
|
||
var theme = Theme.of(context);
|
||
return Theme(
|
||
data: ThemeData.from(colorScheme: theme.colorScheme, textTheme: theme.textTheme, useMaterial3: true),
|
||
child: FloatingActionButton(
|
||
onPressed: null,
|
||
backgroundColor: theme.colorScheme.primaryContainer,
|
||
child: SocketLaunch(
|
||
proxyServer: proxyServer,
|
||
size: 36,
|
||
startup: proxyServer.configuration.startup,
|
||
serverLaunch: false,
|
||
onStart: () async {
|
||
String host = Platform.isAndroid ? await localIp(readCache: false) : "127.0.0.1";
|
||
int port = proxyServer.port;
|
||
if (Platform.isIOS) {
|
||
await proxyServer.retryBind();
|
||
}
|
||
|
||
if (remoteDevice.value.ipProxy == true) {
|
||
host = remoteDevice.value.host!;
|
||
port = remoteDevice.value.port!;
|
||
}
|
||
|
||
Vpn.startVpn(host, port, proxyServer.configuration, ipProxy: remoteDevice.value.ipProxy);
|
||
},
|
||
onStop: () => Vpn.stopVpn()),
|
||
));
|
||
}
|
||
|
||
/// 远程连接
|
||
Widget remoteConnect(RemoteModel value) {
|
||
return Container(
|
||
margin: const EdgeInsets.only(top: 5, bottom: 5),
|
||
height: 56,
|
||
width: double.infinity,
|
||
child: ElevatedButton(
|
||
style: ButtonStyle(
|
||
shape: WidgetStateProperty.all<RoundedRectangleBorder>(
|
||
RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)))),
|
||
onPressed: () => Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) {
|
||
return RemoteDevicePage(remoteDevice: remoteDevice, proxyServer: proxyServer);
|
||
})),
|
||
child: Text(localizations.remoteConnected(remoteDevice.value.os ?? ', ${remoteDevice.value.hostname}'),
|
||
style: Theme.of(context).textTheme.titleMedium),
|
||
));
|
||
}
|
||
|
||
/// 检查远程连接
|
||
Future<void> checkConnectTask(BuildContext context) async {
|
||
int retry = 0;
|
||
Timer.periodic(const Duration(milliseconds: 15000), (timer) async {
|
||
if (remoteDevice.value.connect == false) {
|
||
timer.cancel();
|
||
return;
|
||
}
|
||
|
||
try {
|
||
var response = await HttpClients.get("http://${remoteDevice.value.host}:${remoteDevice.value.port}/ping")
|
||
.timeout(const Duration(seconds: 3));
|
||
if (response.bodyAsString == "pong") {
|
||
retry = 0;
|
||
return;
|
||
}
|
||
} catch (e) {
|
||
retry++;
|
||
}
|
||
|
||
if (retry > 3) {
|
||
if (context.mounted) {
|
||
ScaffoldMessenger.of(context).removeCurrentSnackBar();
|
||
|
||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
||
content: Text(localizations.remoteConnectDisconnect),
|
||
action: SnackBarAction(
|
||
label: localizations.disconnect,
|
||
onPressed: () {
|
||
timer.cancel();
|
||
remoteDevice.value = RemoteModel(connect: false);
|
||
})));
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
/// 移动端AppBar
|
||
class _MobileAppBar extends StatelessWidget implements PreferredSizeWidget {
|
||
final AppConfiguration appConfiguration;
|
||
final ProxyServer proxyServer;
|
||
final ValueNotifier<RemoteModel> remoteDevice;
|
||
|
||
const _MobileAppBar(this.appConfiguration, this.proxyServer, {required this.remoteDevice});
|
||
|
||
@override
|
||
Size get preferredSize => const Size.fromHeight(42);
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
AppLocalizations localizations = AppLocalizations.of(context)!;
|
||
var bottomNavigation = appConfiguration.bottomNavigation;
|
||
|
||
return AppBar(
|
||
leading: bottomNavigation ? const SizedBox() : null,
|
||
systemOverlayStyle: Platform.isAndroid
|
||
? SystemUiOverlayStyle(
|
||
systemNavigationBarColor: ColorScheme.of(context).surface,
|
||
statusBarColor: ColorScheme.of(context).surface)
|
||
: null,
|
||
title: MobileSearch(
|
||
key: MobileApp.searchStateKey, onSearch: (val) => MobileApp.requestStateKey.currentState?.search(val)),
|
||
actions: [
|
||
IconButton(
|
||
tooltip: localizations.clear,
|
||
icon: const Icon(Icons.delete_outline),
|
||
onPressed: () => MobileApp.requestStateKey.currentState?.clean()),
|
||
const SizedBox(width: 2),
|
||
MoreMenu(proxyServer: proxyServer, remoteDevice: remoteDevice),
|
||
const SizedBox(width: 10),
|
||
]);
|
||
}
|
||
}
|