本文记录在ubuntu上利用virtualBox虚拟机安装macOS Catalina,为quasar cordova建立IOS混合应用打包环境的方法。

基于virtualBox构建macOS虚拟机

首先,在Ubuntu系统上安装VirtualBox6.1,教程见这里

# Prerequisites
sudo apt update
sudo apt upgrade
# Setup Apt Repository
wget -q https://www.virtualbox.org/download/oracle_vbox_2016.asc -O- | sudo apt-key add -
wget -q https://www.virtualbox.org/download/oracle_vbox.asc -O- | sudo apt-key add -
sudo add-apt-repository "deb http://download.virtualbox.org/virtualbox/debian bionic contrib"
# Install VirtualBox on Ubuntu 18.04
sudo apt update
sudo apt install virtualbox-6.1

安装后可执行virtualbox来启动virtualBox。
随后我们通过macos-virtualbox脚本安装virtualBox,详见这里。如果宿主机是intel平台,会比较顺利,AMD平台会有一些兼容性的小问题,可按照其弹出的提示解决。macos-virtualbox执行过程中会多次启动虚拟机,最终如果成功进入macOS的引导安装程序,就大功告成了。这里安装的是macOS Catalina版本:
请添加图片描述

Virtualbox 启用USB 设备支持

ref: Virtualbox 启用USB 设备支持

Xcode开发环境配置

通过here可知macOS Catalina系统最高可以安装Xcode 12.4版本。注册苹果开发者账户后可从此处下载Xcode安装包,下载好后将其移动到applications文件夹即可,详情可参考这篇文章
Xcode要占用十几个G的硬盘空间,若需调虚拟机的整虚拟磁盘大小(扩容),可见这个issue

web开发环境安装

  1. 安装HomeBrew(brew 和 brew cask),见此文
  2. 安装nvm及node环境,见此文
  3. 为NVM更换淘宝镜像:在命令行中执行:
    export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node/
    
  4. 为npm更换淘宝源,见此文

quasar环境搭建

Quasar 是一个优秀的vue前端UI框架,有非常好的跨平台特性:详见官网。推荐通过Quasar CLI来进行Quasar工程的创建和管理,见vue全家桶+Electron+Quasar框架快速构建跨平台应用
安装好Quasar后,参考developing-cordova-apps准备好ios app打包所需的依赖(主要是cordova)。最后执行cordova requirements检查依赖环境,按要求补装相关包。
注:cocoapods报错的解决方法
Finally:用CLI建立一个模板工程,执行quasar dev -m cordova -T ios进行编译打包,结果如下:
请添加图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐