WebView CEF Flutter Desktop 项目下载及安装教程

WebView CEF Flutter Desktop 项目下载及安装教程

webview_cef WebView for Flutter Desktop Apps using CEF(Chromium Embedded Framework) [Work in Progress] 项目地址: https://gitcode.com/gh_mirrors/we/webview_cef

1. 项目介绍

WebView CEF Flutter Desktop 是一个用于 Flutter 桌面应用的 WebView 插件，基于 Chromium Embedded Framework (CEF)。该项目目前处于开发阶段，API 尚未稳定。它支持 Windows、macOS 和 Linux 操作系统。

2. 项目下载位置

项目托管在 GitHub 上，可以通过以下命令进行克隆：

git clone https://github.com/hlwhl/webview_cef.git

3. 项目安装环境配置

3.1 Windows 环境配置

在 Windows 系统中，需要确保以下环境配置：

Visual Studio: 安装 Visual Studio 2019 或更高版本，并确保安装了 C++ 开发工具。CMake: 安装 CMake 3.10 或更高版本。

3.2 macOS 环境配置

在 macOS 系统中，需要确保以下环境配置：

Xcode: 安装 Xcode 12 或更高版本，并确保安装了 Command Line Tools。CMake: 安装 CMake 3.10 或更高版本。

3.3 Linux 环境配置

在 Linux 系统中，需要确保以下环境配置：

GCC: 安装 GCC 7 或更高版本。CMake: 安装 CMake 3.10 或更高版本。

4. 项目安装方式

4.1 Windows 安装

克隆项目到本地：

git clone https://github.com/hlwhl/webview_cef.git

进入项目目录：

cd webview_cef

运行安装脚本：

.\install.bat

4.2 macOS 安装

克隆项目到本地：

git clone https://github.com/hlwhl/webview_cef.git

进入项目目录：

cd webview_cef

运行安装脚本：

./install.sh

4.3 Linux 安装

克隆项目到本地：

git clone https://github.com/hlwhl/webview_cef.git

进入项目目录：

cd webview_cef

运行安装脚本：

./install.sh

5. 项目处理脚本

5.1 Windows 处理脚本

在 Windows 系统中，处理脚本位于 windows\runner\main.cpp 文件中。需要添加以下代码以初始化 CEF 进程：

#include "webview_cef/webview_cef_plugin_c_api.h"int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev, _In_ wchar_t *command_line, _In_ int show_command) {    // 初始化 CEF 进程，必须首先调用    initCEFProcesses();    MSG msg;    while (::GetMessage(&msg, nullptr, 0, 0)) {        ::TranslateMessage(&msg);        ::DispatchMessage(&msg);        // 添加此行以启用 CEF 键盘输入，并允许从 CEF 消息循环线程向 Flutter 引擎线程发送消息        handleWndProcForCEF(msg, hwnd, msg, message, msg, wParam, msg, lParam);    }}

5.2 macOS 处理脚本

在 macOS 系统中，处理脚本位于 macos/ 目录下。需要下载预构建的 CEF 包并解压到 macos/third/cef 目录中。

5.3 Linux 处理脚本

在 Linux 系统中，处理脚本与 Windows 类似，需要修改 linux/CMakeLists.txt 文件中的资源复制方法。

6. 总结

通过以上步骤，您可以成功下载并安装 WebView CEF Flutter Desktop 项目。请根据您的操作系统选择相应的安装方式，并确保环境配置正确。

webview_cef WebView for Flutter Desktop Apps using CEF(Chromium Embedded Framework) [Work in Progress] 项目地址: https://gitcode.com/gh_mirrors/we/webview_cef