如何把一个CMake的Ubuntu手机应用打包为一个snap应用

在先前的文章＂如何把一个qmake的Ubuntu手机应用打包为一个snap应用＂中，我们介绍了如何把一个qmake的一个Ubuntu手机应用打包为一个snap的桌面应用．在今天的教程中，我们将展示如何把一个cmake的Ubuntu手机项目转换为一个snap的桌面应用．

１）通过Ubuntu SDK开发一个我们需要的手机应用

我们可以通过Ubuntu SDK来创建一个我们想要的项目．关于如何创建一个Ubuntu手机应用，这个不在我们的这个教程范围．如果你对如何利用Ubuntu SDK开发一个手机应用感兴趣的话，请参考我们的文章＂Ubuntu 手机开发培训准备＂．这里将不再累述！


值得指出的是：在今天的教程中，我们将教大家如何把一个cmake的Ubuntu手机应用打包为一个snap的应用．这里，我们将利用之前我已经开发的一个项目作为例程来开始．我们在terminal下打入如下的命令：

$ git clone https://github.com/liu-xiao-guo/photos

下载后的源码结构如下：

liuxg@liuxg:~/snappy/desktop/photos$ tree -L 2
.
├── photos.wrapper
├── setup
│   └── gui
├── snapcraft.yaml
├── snappy-qt5.conf
└── src
    ├── app
    ├── CMakeLists.txt
    ├── manifest.json.in
    ├── photos.apparmor
    └── po

就像我们上面展示的那样，在src的目录中有一个完整的可以执行的cmake手机应用．它的项目管理文件是CMakeLists.txt．在它的根目录下有一个文件叫做snapcraft.yaml文件．这个是用来打包我们的CMake手机应用，并使之成为一个可以在我们的16.04桌面上运行的snap应用．

２）为我们的CMake项目打包

在上节中，我们已经提到了我们项目的snapcraft.yaml文件．现在我们把这个文件展示如下：

snapcraft.yaml

name: photos-app
version: 1.0
summary: Ubuntu photos app
description: |
   This is a demo app showing how to convert a cmake ubuntu phone app to a snap app

apps:
  photos:
    command: photos
    plugs: [network,home,unity7,opengl]

parts:
  photos:
    plugin: cmake
    configflags: [-DCMAKE_INSTALL_PREFIX=/usr, -DCLICK_MODE=off]
    source: src/
    build-packages:
      - cmake
      - gettext
      - intltool
      - ubuntu-touch-sounds
      - suru-icon-theme
      - qml-module-qttest
      - qml-module-qtsysteminfo
      - qml-module-qt-labs-settings
      - qtdeclarative5-u1db1.0
      - qtdeclarative5-qtmultimedia-plugin
      - qtdeclarative5-qtpositioning-plugin
      - qtdeclarative5-ubuntu-content1
      - qt5-default
      - qtbase5-dev
      - qtdeclarative5-dev
      - qtdeclarative5-dev-tools
      - qtdeclarative5-folderlistmodel-plugin
      - qtdeclarative5-ubuntu-ui-toolkit-plugin
      - xvfb
    stage-packages:
      - ubuntu-sdk-libs
      - qtubuntu-desktop
      - qml-module-qtsysteminfo
      - ubuntu-defaults-zh-cn
    snap:
      - -usr/share/doc
      - -usr/include
  environment:
    plugin: copy
    files:
      photos.wrapper: bin/photos
      snappy-qt5.conf: etc/xdg/qtchooser/snappy-qt5.conf

在这里，我不想再累述这里的每一个字段的意思．大家可以参阅我的文章＂ 如何把一个qmake的Ubuntu手机应用打包为一个snap应用＂．特别值得指出的是，在我们的这个snapcraft.yaml文件中，我们定义了一个新的environment的part（它可以是我们喜欢的任何名称）．在它里面，它使用了 copy plugin．它把当前目录下的photos.wrapper拷入到bin/photos下．我们的command中的执行文件是photos．在我们打包时，我们必须记住需要把我们的script变为可以执行的脚本：

$ chmod a+x photos.wrapper

在我们的项目中，因为CMake项目不含有任何的C++代码，所以我们必须使用qmlscene来启动．这个在我们的photos.wrapper中可以看到：

photos.wrapper

#!/bin/sh

ARCH='x86_64-linux-gnu'

export LD_LIBRARY_PATH=$SNAP/usr/lib/$ARCH:$LD_LIBRARY_PATH

# XKB config
export XKB_CONFIG_ROOT=$SNAP/usr/share/X11/xkb

# Qt Platform to Mir
#export QT_QPA_PLATFORM=ubuntumirclient
export QTCHOOSER_NO_GLOBAL_DIR=1
export QT_SELECT=snappy-qt5

# Qt Libs
export LD_LIBRARY_PATH=$SNAP/usr/lib/$ARCH/qt5/libs:$LD_LIBRARY_PATH
export LD_LIBRARY_PATH=$SNAP/usr/lib/$ARCH/pulseaudio:$LD_LIBRARY_PATH

# Qt Modules
export QT_PLUGIN_PATH=$SNAP/usr/lib/$ARCH/qt5/plugins
export QML2_IMPORT_PATH=$SNAP/usr/lib/$ARCH/qt5/qml/photos
export QML2_IMPORT_PATH=$QML2_IMPORT_PATH:$SNAP/usr/lib/$ARCH/qt5/qml
export QML2_IMPORT_PATH=$QML2_IMPORT_PATH:$SNAP/lib/$ARCH

# Mesa Libs
export LD_LIBRARY_PATH=$SNAP/usr/lib/$ARCH/mesa:$LD_LIBRARY_PATH
export LD_LIBRARY_PATH=$SNAP/usr/lib/$ARCH/mesa-egl:$LD_LIBRARY_PATH

# XDG Config
export XDG_CONFIG_DIRS=$SNAP/etc/xdg:$XDG_CONFIG_DIRS
export XDG_CONFIG_DIRS=$SNAP/usr/xdg:$XDG_CONFIG_DIRS
# Note: this doesn't seem to work, QML's LocalStorage either ignores
# or fails to use $SNAP_USER_DATA if defined here
export XDG_DATA_DIRS=$SNAP_USER_DATA:$XDG_DATA_DIRS
export XDG_DATA_DIRS=$SNAP/usr/share:$XDG_DATA_DIRS

# Not good, needed for fontconfig
export XDG_DATA_HOME=$SNAP/usr/share

# Font Config
export FONTCONFIG_PATH=$SNAP/etc/fonts/config.d
export FONTCONFIG_FILE=$SNAP/etc/fonts/fonts.conf

# Tell libGL where to find the drivers
export LIBGL_DRIVERS_PATH=$SNAP/usr/lib/$ARCH/dri

# Necessary for the SDK to find the translations directory
export APP_DIR=$SNAP

# ensure the snappy gl libs win
export LD_LIBRARY_PATH="$SNAP_LIBRARY_PATH:$LD_LIBRARY_PATH"

cd $SNAP
exec $SNAP/usr/bin/qmlscene $SNAP/share/qml/photos/Main.qml

在上面的最后一句，它显示了我们如何启动我们的应用：

exec $SNAP/usr/bin/qmlscene $SNAP/share/qml/photos/Main.qml

我们可以直接在我们的项目根目录下打入如下的命令:

$ snapcraft

它即可把我们的应用打包为我们想要的snap应用包．

关于如何安装和运行我们的应用．这里我就不再累述．请大家参阅我文章＂ 如何把一个qmake的Ubuntu手机应用打包为一个snap应用＂．

下面，我们把运行的结果的截图显示如下：