Initial commit: Penyerahan final Source code Tugas Akhir
This commit is contained in:
ferdiakhh
361
lib/screens/checkout/snap_payment_page.dart
Normal file
361
lib/screens/checkout/snap_payment_page.dart
Normal file
@ -0,0 +1,361 @@
|
||||
import 'dart:convert';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:file_saver/file_saver.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dotenv/flutter_dotenv.dart';
|
||||
import 'package:initial_folder/base_service.dart';
|
||||
import 'package:initial_folder/providers/order_provider.dart';
|
||||
import 'package:initial_folder/screens/profile/account_sign_in/riwayat_transaksi.dart';
|
||||
import 'package:initial_folder/screens/profile/account_sign_in/riwayat_transaksi_pending.dart';
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:webview_flutter/webview_flutter.dart';
|
||||
import 'package:initial_folder/theme.dart';
|
||||
import 'package:url_launcher/url_launcher.dart'; // Import url_launcher
|
||||
|
||||
import 'success_paid_course.dart';
|
||||
|
||||
class SnapPaymentPage extends StatefulWidget {
|
||||
final String transactionToken;
|
||||
final String orderId;
|
||||
final int grossAmount;
|
||||
|
||||
final String courseTitle;
|
||||
final String courseThumbnail;
|
||||
final String courseInstructor;
|
||||
final String courseId;
|
||||
|
||||
SnapPaymentPage({
|
||||
required this.transactionToken,
|
||||
required this.orderId,
|
||||
required this.grossAmount,
|
||||
required this.courseTitle,
|
||||
required this.courseThumbnail,
|
||||
required this.courseInstructor,
|
||||
required this.courseId,
|
||||
});
|
||||
|
||||
@override
|
||||
_SnapPaymentPageState createState() => _SnapPaymentPageState();
|
||||
}
|
||||
|
||||
class _SnapPaymentPageState extends State<SnapPaymentPage> {
|
||||
// Controller untuk WebView
|
||||
late WebViewController _controller;
|
||||
double _progress = 0; // Menyimpan progress loading WebView
|
||||
bool _isLoading = true; // Status loading halaman
|
||||
String? baseUrlmidtrans = dotenv.env['BASE_URL_MIDTRANS']; // Base URL Midtrans
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// Inisialisasi WebViewController dan pengaturan event handler
|
||||
_controller = WebViewController()
|
||||
..setJavaScriptMode(JavaScriptMode.unrestricted)
|
||||
..setBackgroundColor(const Color(0x00000000))
|
||||
..setNavigationDelegate(
|
||||
NavigationDelegate(
|
||||
onProgress: _onProgress, // Handler progress loading
|
||||
onPageStarted: _onPageStarted, // Handler saat halaman mulai dimuat
|
||||
onPageFinished: _onPageFinished, // Handler saat halaman selesai dimuat
|
||||
onWebResourceError: _onWebResourceError, // Handler error resource
|
||||
onNavigationRequest: _onNavigationRequest, // Handler navigasi
|
||||
),
|
||||
)
|
||||
..addJavaScriptChannel(
|
||||
'BlobDataChannel',
|
||||
// Handler pesan dari JavaScript untuk download QRIS
|
||||
onMessageReceived: (JavaScriptMessage message) async {
|
||||
if (message.message.startsWith('error:')) {
|
||||
// Jika error saat fetch blob
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Download Sedang Tidak Tersedia'),
|
||||
content: Text(
|
||||
'Silahkan screenshot Qris tersebut untuk menyimpan ke perangkat kamu.'),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(context).pop();
|
||||
},
|
||||
child: Text('OK'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// SnackBar(content: Text('Gagal mengunduh QRIS. Silakan coba lagi.')),
|
||||
// );
|
||||
} else {
|
||||
// Jika berhasil, proses data blob
|
||||
await _handleBlobData(message.message);
|
||||
}
|
||||
},
|
||||
)
|
||||
// Memuat halaman pembayaran Midtrans
|
||||
..loadRequest(Uri.parse(
|
||||
"$baseUrlmidtrans/snap/v2/vtweb/${widget.transactionToken}",
|
||||
));
|
||||
}
|
||||
|
||||
// Handler progress loading WebView
|
||||
void _onProgress(int progressValue) {
|
||||
setState(() {
|
||||
_progress = progressValue / 100;
|
||||
});
|
||||
}
|
||||
|
||||
// Handler saat halaman mulai dimuat
|
||||
void _onPageStarted(String url) {
|
||||
setState(() {
|
||||
_isLoading = true;
|
||||
});
|
||||
}
|
||||
|
||||
// Handler saat halaman selesai dimuat
|
||||
void _onPageFinished(String url) {
|
||||
setState(() {
|
||||
_isLoading = false;
|
||||
_progress = 0;
|
||||
});
|
||||
}
|
||||
|
||||
// Handler jika terjadi error pada resource WebView
|
||||
void _onWebResourceError(WebResourceError error) {
|
||||
setState(() {
|
||||
_isLoading = false;
|
||||
});
|
||||
_showErrorDialog(error.description ?? 'Unknown Error');
|
||||
}
|
||||
|
||||
// Handler navigasi pada WebView
|
||||
NavigationDecision _onNavigationRequest(NavigationRequest request) {
|
||||
// Redirect ke aplikasi pembayaran jika diperlukan
|
||||
if (request.url.startsWith('https://gopay.co.id/') ||
|
||||
request.url.startsWith('https://app.shopeepay.co.id/')) {
|
||||
print('Redirecting to GoPay/GoJek app');
|
||||
_launchURL(request.url);
|
||||
return NavigationDecision.prevent;
|
||||
}
|
||||
|
||||
// Jika link blob (download QRIS), jalankan fetch blob
|
||||
if (request.url.startsWith('blob:')) {
|
||||
print('Redirecting download qris');
|
||||
|
||||
_fetchBlobData(baseUrlmidtrans ?? "https://app.sandbox.midtrans.com",
|
||||
widget.transactionToken);
|
||||
return NavigationDecision.prevent;
|
||||
}
|
||||
|
||||
// Redirect ke halaman riwayat transaksi jika status pending
|
||||
if (request.url.contains('transaction_status=pending') ||
|
||||
request.url.contains('https://vocasia.id/')) {
|
||||
Navigator.of(context)
|
||||
.pushReplacementNamed(RiwayatTransaksiPending.routeName);
|
||||
return NavigationDecision.prevent;
|
||||
}
|
||||
|
||||
// Jika pembayaran sukses, tambahkan order dan redirect ke halaman sukses
|
||||
if (request.url.contains('transaction_status=settlement') ||
|
||||
request.url.contains('transaction_status=capture')) {
|
||||
var orderProvider = Provider.of<OrderProvider>(context, listen: false);
|
||||
orderProvider.addOrder(
|
||||
id: widget.courseId,
|
||||
title: widget.courseTitle,
|
||||
price: widget.grossAmount.toString(),
|
||||
imageUrl: widget.courseThumbnail,
|
||||
instructor: widget.courseInstructor,
|
||||
discountPrice: '',
|
||||
);
|
||||
|
||||
Navigator.of(context).pushReplacementNamed(
|
||||
SuccessPaidCourse.routeName,
|
||||
);
|
||||
return NavigationDecision.prevent;
|
||||
}
|
||||
|
||||
// Jika user menekan tombol kembali di halaman pembayaran
|
||||
if (request.url.contains('action=back')) {
|
||||
Navigator.of(context).pop();
|
||||
return NavigationDecision.prevent;
|
||||
}
|
||||
|
||||
// Default: lanjutkan navigasi
|
||||
return NavigationDecision.navigate;
|
||||
}
|
||||
|
||||
// Menjalankan JavaScript untuk mengambil data blob QRIS dari WebView
|
||||
Future<void> _fetchBlobData(String baseUrl, String transactionId) async {
|
||||
print('Fetching transaction URL: $transactionId');
|
||||
final realUrl =
|
||||
baseUrl + "/snap/v1/transactions/" + transactionId + "/qr-code";
|
||||
final script = '''
|
||||
(async function() {
|
||||
try {
|
||||
const response = await fetch('$baseUrl')
|
||||
const blob = await response.blob();
|
||||
const reader = new FileReader();
|
||||
reader.onloadend = function() {
|
||||
const base64data = reader.result.split(',')[1];
|
||||
BlobDataChannel.postMessage(base64data);
|
||||
};
|
||||
reader.readAsDataURL(blob);
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch blob:', error);
|
||||
BlobDataChannel.postMessage('error: ' + error.message);
|
||||
}
|
||||
})();
|
||||
''';
|
||||
_controller.runJavaScript(script);
|
||||
}
|
||||
|
||||
// Menyimpan data QRIS hasil download ke file lokal
|
||||
Future<void> _handleBlobData(String base64Data) async {
|
||||
try {
|
||||
final decodedBytes = base64Decode(base64Data);
|
||||
final directory = await getApplicationDocumentsDirectory();
|
||||
final path = directory.path;
|
||||
final file = File('$path/qris_download.png');
|
||||
await file.writeAsBytes(decodedBytes);
|
||||
|
||||
await FileSaver.instance.saveAs(
|
||||
name: 'qris_download',
|
||||
ext: 'png',
|
||||
mimeType: MimeType.png,
|
||||
file: file,
|
||||
);
|
||||
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('QRIS berhasil diunduh')),
|
||||
);
|
||||
} catch (e) {
|
||||
_showErrorDialog('Gagal mengunduh QRIS: $e');
|
||||
}
|
||||
}
|
||||
|
||||
// Menampilkan dialog error
|
||||
void _showErrorDialog(String errorMessage) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Error'),
|
||||
content: Text(errorMessage),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(context).pop();
|
||||
},
|
||||
child: Text('OK'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Membuka aplikasi eksternal (misal: GoPay/ShopeePay)
|
||||
Future<void> _launchURL(String url) async {
|
||||
if (await canLaunch(url)) {
|
||||
await launch(url);
|
||||
} else {
|
||||
_showErrorDialog('Could not open the app');
|
||||
}
|
||||
}
|
||||
|
||||
// Handler ketika user menekan tombol back (hardware/software)
|
||||
Future<bool> _onWillPop() async {
|
||||
return (await showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: Text('Pembayaran Belum Selesai'),
|
||||
content: Text('Apakah Anda yakin ingin keluar dari halaman ini?'),
|
||||
actions: <Widget>[
|
||||
TextButton(
|
||||
onPressed: () => Navigator.of(context).pop(false),
|
||||
child: Text('Batal'),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(context).pop(true);
|
||||
Navigator.of(context)
|
||||
.pushReplacementNamed(RiwayatTransaksi.routeName);
|
||||
},
|
||||
child: Text('Keluar'),
|
||||
),
|
||||
],
|
||||
),
|
||||
)) ??
|
||||
false;
|
||||
}
|
||||
|
||||
// Melakukan reload halaman pembayaran
|
||||
void _refreshPage() {
|
||||
_controller.reload();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// Widget utama halaman pembayaran
|
||||
return WillPopScope(
|
||||
onWillPop: _onWillPop,
|
||||
child: Scaffold(
|
||||
appBar: PreferredSize(
|
||||
preferredSize: Size.fromHeight(kToolbarHeight),
|
||||
child: AppBar(
|
||||
elevation: 5,
|
||||
title: Center(
|
||||
child: Text(
|
||||
'Pembayaran',
|
||||
style: primaryTextStyle.copyWith(
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
backgroundColor: primaryColor,
|
||||
iconTheme: IconThemeData(color: Colors.white),
|
||||
leading: IconButton(
|
||||
icon: Icon(Icons.arrow_back),
|
||||
onPressed: () async {
|
||||
bool shouldExit = await _onWillPop();
|
||||
if (shouldExit) {
|
||||
Navigator.of(context)
|
||||
.pushReplacementNamed(RiwayatTransaksi.routeName);
|
||||
}
|
||||
},
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.refresh),
|
||||
onPressed: _refreshPage,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
body: Stack(
|
||||
children: [
|
||||
// Widget WebView untuk menampilkan halaman pembayaran
|
||||
RefreshIndicator(
|
||||
onRefresh: () async {
|
||||
_refreshPage();
|
||||
},
|
||||
child: WebViewWidget(controller: _controller),
|
||||
),
|
||||
// Progress bar saat loading
|
||||
if (_isLoading)
|
||||
LinearProgressIndicator(
|
||||
value: _progress,
|
||||
color: sevenColor,
|
||||
backgroundColor: secondaryColor,
|
||||
),
|
||||
// Spinner loading di tengah layar
|
||||
if (_isLoading)
|
||||
Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user