QCefView（1）—— CMAKE項目、庫文件生成和項目測試

原創 键盘在跳舞 2020-04-04 15:22

目錄

下載資源

說明文檔     Quick Start with Qt+Cef https://tishion.github.io/QCefView

CMAKE生成.sln項目文件

庫文件編譯和測試項目編譯運行

測試QCefView自帶的項目QCefViewTest

下載資源

https://github.com/tishion/QCefView

說明文檔

Quick Start with Qt+Cef https://tishion.github.io/QCefView

This is the fresh new reforming version of QCefView, if you need to use the legacy one please checkout the legacy-archivebranch.

Build instruction:

  1. Download and install CMake

  2. Download and install Qt SDK from Qt Downloads

  3. Download CEF binary distribution Chromium Embedded Framework (CEF) Automated Builds and extract it to dep directory, for example:

    root
├─dep
│  └─cef_binary_76.1.13+gf19c584+chromium-76.0.3809.132_windows64
├─src
└─test

  4. Modify the config.cmake to set the required build configurations

  5. Just use CMake to build the project, for example:

    REM create the build folder 
mkdir build.win && cd build.win

REM generate and build the project
cmake .. && cmake --build .

Note: When I start the reforming I use Qt 5.12.4 and CEF cef_binary_76.1.13+gf19c584+chromium-76.0.3809.132_windows64. You need to make sure the version you are choosing is compatible with the code in this repo.

爲了減少錯誤的產生，筆者亦採用  Qt 5.12.4 and CEF cef_binary_76.1.13+cef_binary_76.1.13+gf19c584+chromium-76.0.3809.132_windows32，編譯鏈選擇msvc 2017 x86.文件目錄按照上說明文檔進行。

 

CMAKE生成.sln項目文件

按照官方給的說明進行編譯即可：

#REM create the build folder 
mkdir build.win && cd build.win

#REM generate and build the project
cmake .. && cmake --build .

按照上面編譯會有幾處錯誤產生，需要做如下的修改。

1、D:\QCefView-master\config.cmake 文件需要按照自己的配置做對應的修改，譬如筆者的：

#
# Build environment configuration file for QCefView
#

#
# The Qt SDK path
#
set(QT_SDK_DIR
  # Change this value to the Qt SDK path of your build environment  ######在此處修改自己的路徑
  "C:\\Qt\\Qt5.12.0\\5.12.0\\msvc2017\\"
)

#
# The root dir of the CEF SDK
#
set(CEF_SDK_DIR
  # Change this value to the CEF binary distribution path of your build environment
  "${CMAKE_CURRENT_SOURCE_DIR}/dep/cef_binary_76.1.13+gf19c584+chromium-76.0.3809.132_windows32"
)

#################################################################################
#
# For CI system
#
if (DEFINED ENV{APPVEYOR})
  set(QT_SDK_DIR
    # Change this value to the Qt SDK path of your build environment   ######在此處修改自己的路徑
    "C:\\Qt\\Qt5.12.0\\5.12.0\\msvc2017\\"
  )
endif()

2、 D:\QCefView-master\CMakeLists.txt 文件中對應修改，屏蔽兩處，第69和第70行處：

#cmake_policy(SET CMP0074 NEW)
#cmake_policy(SET CMP0077 NEW)

# 
# The main config file for QCefView
# NOTE:
#   Usually there is no need to change this file.
#   Change the config.cmake instead.
#
cmake_minimum_required(VERSION 3.4.1)
project(QCefView)

# Determine the platform.
if("${CMAKE_SYSTEM_NAME}" STREQUAL "Darwin")
  set(OS_MACOSX 1)
  set(OS_POSIX 1)
elseif("${CMAKE_SYSTEM_NAME}" STREQUAL "Linux")
  set(OS_LINUX 1)
  set(OS_POSIX 1)
elseif("${CMAKE_SYSTEM_NAME}" STREQUAL "Windows")
  set(OS_WINDOWS 1)
endif()

# Determine the project architecture.
if(NOT DEFINED PROJECT_ARCH)
  if(CMAKE_SIZEOF_VOID_P MATCHES 8)
    set(PROJECT_ARCH "x86_64")
  else()
    set(PROJECT_ARCH "x86")
  endif()

  if(OS_MACOSX)
    # PROJECT_ARCH should be specified on Mac OS X.
    message(WARNING "No PROJECT_ARCH value specified, using ${PROJECT_ARCH}")
  endif()
endif()

# Set common configurations
###############################################################
# Use solution folder
set_property(GLOBAL PROPERTY USE_FOLDERS ON)
set(CMAKE_CXX_STANDARD 11)
set(CXX_STANDARD_REQUIRED)
set(CMAKE_CONFIGURATION_TYPES Debug Release)
set(QCEF_VIEW_SDK_OUT ${CMAKE_SOURCE_DIR}/out/${PROJECT_NAME})
set(QCEF_VIEW_SDK_BIN_OUT ${CMAKE_SOURCE_DIR}/out/${PROJECT_NAME}/bin)
set(QCEF_VIEW_SDK_LIB_OUT ${CMAKE_SOURCE_DIR}/out/${PROJECT_NAME}/lib)
set(QCEF_VIEW_SDK_INC_OUT ${CMAKE_SOURCE_DIR}/out/${PROJECT_NAME}/include)
set(CMAKE_RUNTIME_OUTPUT_DIRECTORY ${QCEF_VIEW_SDK_BIN_OUT})
###############################################################

# Include the local config files
###############################################################
include(config.cmake)
###############################################################

# Append the QT dir to CMAKE_PREFIX_PATH
###############################################################
set(CMAKE_PREFIX_PATH ${CMAKE_PREFIX_PATH} ${QT_SDK_DIR})
###############################################################


# Set CEF root dir and append it to CMAKE_MODULE_PATH
###############################################################
set(CEF_ROOT "${CEF_SDK_DIR}")
set(CMAKE_MODULE_PATH ${CMAKE_MODULE_PATH} "${CEF_ROOT}/cmake")
###############################################################


# Config the CEF
###############################################################
#cmake_policy(SET CMP0074 NEW)
#cmake_policy(SET CMP0077 NEW)

# Set the runtime library type
set(CEF_RUNTIME_LIBRARY_FLAG "/MD" CACHE STRING "Use dynamic runtime")

# Disable the SANDBOX
set(USE_SANDBOX OFF CACHE BOOL "Disable the Sandbox")

# Disable the ATL
set(USE_ATL OFF CACHE STRING "Disable the ATL")

# Find the CEF package
find_package(CEF REQUIRED)

# Store the libcef.lib path and cef dll wrapper target name
# NOTE: we set this just for simplify the following referring.
set(CEF_LIB_FILE "${CEF_BINARY_DIR}/libcef.lib")
set(CEF_DLL_WRAPPER "libcef_dll_wrapper")

# Add build target 
add_subdirectory(${CEF_LIBCEF_DLL_WRAPPER_PATH})
PRINT_CEF_CONFIG()
###############################################################


# Add all targets
###############################################################
add_subdirectory(src/QCefProto)

include_directories(
  src/QCefProto
  ${CEF_ROOT}
)

set(QCEF_WING_EXE "QCefWing")
add_subdirectory(src/QCefWing)

set(QCEF_VIEW_DLL "QCefView")
add_subdirectory(src/QCefView)
###############################################################


# Add demo
###############################################################
add_subdirectory(test/QCefViewTest)
###############################################################

3、D:\QCefView-master\src\QCefWing\CMakeLists.txt ，屏蔽資源文件配置以下部分，否則會提示找不到資源文件或路徑錯誤：

4、D:\QCefView-master\src\QCefView\CMakeLists.txt  增加以下配置，否則會提示以下錯誤：

CMake Error at GUISupport/Qt/CMakeLists.txt:72 (find_package):

   By not providing "FindQt5.cmake" in CMAKE_MODULE_PATH this project has
   asked CMake to find a package configuration file provided by "Qt5", but
   CMake did not find one.

   Could not find a package configuration file provided by "Qt5" with any of
   the following names:

     Qt5Config.cmake
     qt5-config.cmake

   Add the installation prefix of "Qt5" to CMAKE_PREFIX_PATH or set "Qt5_DIR"
   to a directory containing one of the above files.  If "Qt5" provides a
   separate development package or SDK, be sure it has been installed.

解決方法，增加以下配置：

set(CMAKE_PREFIX_PATH "C:\\Qt\\Qt5.12.0\\5.12.0\\msvc2017\\")
set(Qt5_DIR "C:\\Qt\\Qt5.12.0\\5.12.0\\msvc2017\\lib\\cmake\\Qt5\\")
FIND_PACKAGE(Qt5Widgets)
QCefView-master\src\QCefView\CMakeLists.txt  增加Qt5配置

 

庫文件編譯和測試項目編譯運行

1、經過上面的CMAKE後，如果運行正確會打印以下信息：

D:\QCefView-master\build.win>cmake .. && cmake --bulid .
-- *** CEF CONFIGURATION SETTINGS ***
-- Generator:                    Visual Studio 15 2017
-- Platform:                     Windows
-- Project architecture:         x86
-- Binary distribution root:     D:/QCefView-master/dep/cef_binary_76.1.13+gf19c584+chromium-76.0.3809.132_windows32
-- Visual Studio ATL support:    OFF
-- CEF sandbox:                  OFF
-- Standard libraries:           comctl32.lib;rpcrt4.lib;shlwapi.lib;ws2_32.lib
-- Compile defines:              __STDC_CONSTANT_MACROS;__STDC_FORMAT_MACROS;WIN32;_WIN32;_WINDOWS;UNICODE;_UNICODE;WINVER=0x0601;_WIN32_WINNT=0x601;NOMINMAX;WIN32_LEAN_AND_MEAN;_HAS_EXCEPTIONS=0
-- Compile defines (Debug):
-- Compile defines (Release):    NDEBUG;_NDEBUG
-- C compile flags:              /MP;/Gy;/GR-;/W4;/WX;/wd4100;/wd4127;/wd4244;/wd4481;/wd4512;/wd4701;/wd4702;/wd4996;/Zi
-- C compile flags (Debug):      /MDd;/RTC1;/Od
-- C compile flags (Release):    /MD;/O2;/Ob2;/GF
-- C++ compile flags:            /MP;/Gy;/GR-;/W4;/WX;/wd4100;/wd4127;/wd4244;/wd4481;/wd4512;/wd4701;/wd4702;/wd4996;/Zi
-- C++ compile flags (Debug):    /MDd;/RTC1;/Od
-- C++ compile flags (Release):  /MD;/O2;/Ob2;/GF
-- Exe link flags:                /MANIFEST:NO;/LARGEADDRESSAWARE
-- Exe link flags (Debug):       /DEBUG
-- Exe link flags (Release):
-- Shared link flags:
-- Shared link flags (Debug):    /DEBUG
-- Shared link flags (Release):
-- CEF Binary files:             chrome_elf.dll;d3dcompiler_47.dll;libcef.dll;libEGL.dll;libGLESv2.dll;natives_blob.bin;snapshot_blob.bin;v8_context_snapshot.bin;swiftshader
-- CEF Resource files:           cef.pak;cef_100_percent.pak;cef_200_percent.pak;cef_extensions.pak;devtools_resources.pak;icudtl.dat;locales
-- Configuring done
-- Generating done
-- Build files have been written to: D:/QCefView-master/build.win
-- *** CEF CONFIGURATION SETTINGS ***
-- Generator:                    Visual Studio 15 2017
-- Platform:                     Windows
-- Project architecture:         x86
-- Binary distribution root:     D:/QCefView-master/dep/cef_binary_76.1.13+gf19c584+chromium-76.0.3809.132_windows32
-- Visual Studio ATL support:    OFF
-- CEF sandbox:                  OFF
-- Standard libraries:           comctl32.lib;rpcrt4.lib;shlwapi.lib;ws2_32.lib
-- Compile defines:              __STDC_CONSTANT_MACROS;__STDC_FORMAT_MACROS;WIN32;_WIN32;_WINDOWS;UNICODE;_UNICODE;WINVER=0x0601;_WIN32_WINNT=0x601;NOMINMAX;WIN32_LEAN_AND_MEAN;_HAS_EXCEPTIONS=0
-- Compile defines (Debug):
-- Compile defines (Release):    NDEBUG;_NDEBUG
-- C compile flags:              /MP;/Gy;/GR-;/W4;/WX;/wd4100;/wd4127;/wd4244;/wd4481;/wd4512;/wd4701;/wd4702;/wd4996;/Zi
-- C compile flags (Debug):      /MDd;/RTC1;/Od
-- C compile flags (Release):    /MD;/O2;/Ob2;/GF
-- C++ compile flags:            /MP;/Gy;/GR-;/W4;/WX;/wd4100;/wd4127;/wd4244;/wd4481;/wd4512;/wd4701;/wd4702;/wd4996;/Zi
-- C++ compile flags (Debug):    /MDd;/RTC1;/Od
-- C++ compile flags (Release):  /MD;/O2;/Ob2;/GF
-- Exe link flags:                /MANIFEST:NO;/LARGEADDRESSAWARE
-- Exe link flags (Debug):       /DEBUG
-- Exe link flags (Release):
-- Shared link flags:
-- Shared link flags (Debug):    /DEBUG
-- Shared link flags (Release):
-- CEF Binary files:             chrome_elf.dll;d3dcompiler_47.dll;libcef.dll;libEGL.dll;libGLESv2.dll;natives_blob.bin;snapshot_blob.bin;v8_context_snapshot.bin;swiftshader
-- CEF Resource files:           cef.pak;cef_100_percent.pak;cef_200_percent.pak;cef_extensions.pak;devtools_resources.pak;icudtl.dat;locales
-- Configuring done
-- Generating done
-- Build files have been written to: D:/QCefView-master/build.win

2、通過生成的sln項目，我們在visual studio中打開項目，並進行庫文件的編譯

項目結構：

依次設置 libcef_dll_wrapper 、QCefProto、QCefView、QCefWing爲啓動項目，生成目標項目，可得到對應的目標文件。

測試QCefView自帶的項目QCefViewTest

正常運行，生成如下桌面程序：

 

自此，QCefView使用第一步，也就是第一篇到此完成。接下來，將和大家分享如何在自己的Qt項目中使用QCefView。

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

QCefView（2）—— 實現Qt與JS之間的通訊

目錄   前言    主要項目文件 Qt與JS通訊 1、Qt發送消息給JS部分： 2、Qt接收JS消息部分： 3、JS接收Qt消息部分： 4、JS發送消息給Qt： 程序運行效果圖： 前言       在上一篇（QCefView（1）——

键盘在跳舞 2020-06-21 12:47:49

QCefView + QWebChannel + Vue 項目開發

       看到標題，你大概能猜到這篇我想講述的是什麼了。對的，將要同大家分享的是一種目前PC軟件常見的開發方案。 前言 1、桌面應用爲什麼要使用Vue等框架開發，而不再是Qt UI開發？             界面開發我們使用jav

键盘在跳舞 2020-06-21 12:47:48

QCefView（2）—— 實現Qt與JS之間的通訊

目錄   前言    主要項目文件 Qt與JS通訊 1、Qt發送消息給JS部分： 2、Qt接收JS消息部分： 3、JS接收Qt消息部分： 4、JS發送消息給Qt： 程序運行效果圖： 前言       在上一篇（QCefView（1）——

键盘在跳舞 2020-06-21 12:47:49

QCefView + QWebChannel + Vue 項目開發

       看到標題，你大概能猜到這篇我想講述的是什麼了。對的，將要同大家分享的是一種目前PC軟件常見的開發方案。 前言 1、桌面應用爲什麼要使用Vue等框架開發，而不再是Qt UI開發？             界面開發我們使用jav

键盘在跳舞 2020-06-21 12:47:48