[Flutter] 해피톡(HappyTalk) 서비스 레퍼런스

 

 

https://www.happytalk.io/

해피톡｜고객 상담을 더 잘하게

 

채팅상담 솔루션 해피톡을 Flutter에서 적용하는 간단 예제 레퍼런스 남깁니다.

 

Service

import 'dart:io';

import 'package:flutter/material.dart' as material;
import 'package:flutter/foundation.dart';
import 'package:image/image.dart';
import 'package:path_provider/path_provider.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:image_picker/image_picker.dart';
import 'package:webview_flutter_android/webview_flutter_android.dart';

class HappyTalkService {
  void happyTalkSetting({
    required WebViewController controller,
  }) async {
    if (defaultTargetPlatform == TargetPlatform.android) {
      final androidController = controller.platform as AndroidWebViewController;
      await androidController.setOnShowFileSelector(_androidFilePicker);
    }

    controller.setJavaScriptMode(JavaScriptMode.unrestricted);
    controller.setBackgroundColor(const material.Color(0xff000000));

    /// 해피톡 프로젝트 uri 넣어주세요.
    controller.loadRequest(Uri.parse(uri));
  }

  Future<List<String>> _androidFilePicker(
    FileSelectorParams params,
  ) async {
    final picker = ImagePicker();
    final photo = await picker.pickImage(
      source: ImageSource.gallery,
    );

    if (photo == null) {
      return [];
    }

    final imageData = await photo.readAsBytes();
    final decodedImage = decodeImage(imageData)!;
    final scaledImage = copyResize(decodedImage, width: 500);
    final jpg = encodeJpg(scaledImage);

    final filePath = (await getTemporaryDirectory()).uri.resolve(
          './image_${DateTime.now().microsecondsSinceEpoch}.jpg',
        );
    final file = await File.fromUri(filePath).create(recursive: true);
    await file.writeAsBytes(jpg, flush: true);

    return [file.uri.toString()];
  }
}

 

 

 

Page

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:women09/services/happy_talk_service.dart';

class HappyTalkWebViewPage extends StatefulWidget {
  const HappyTalkWebViewPage({super.key});

  @override
  State<HappyTalkWebViewPage> createState() => _HappyTalkWebViewPageState();
}

class _HappyTalkWebViewPageState extends State<HappyTalkWebViewPage> {
  final WebViewController controller = WebViewController();
  final HappyTalkService happyTalkService = HappyTalkService();

  @override
  void initState() {
    super.initState();
    happyTalkService.happyTalkSetting(controller: controller);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: WebViewWidget(
        controller: controller,
      ),
    );
  }
}