Capacitor打包electron为apk

贺今宵2026-02-19 11:50

1.安装

复制代码

安装 Capacitor 核心库

npm install @capacitor/core @capacitor/cli

初始化 Capacitor 配置
npx cap init

运行命令会提示输入
App Name: 你的应用名称

App ID: 应用的唯一标识，通常采用反向域名格式 com.mycompany.myapp

2.安装 Android 平台并添加项目,根目录下出现android目录和capacitor.config.ts配置文件，会复制前端打包的文件，默认目录为dist

复制代码

npm install @capacitor/android
//将打包内容添加到andriod中形成安装的项目文件，如果之前没达包会报错
npx cap add android
//每次更新后使用更新最新的内容到安装的项目
npx cap sync android

如果打包目录不是dist,修改配置文件capacitor.config.ts

复制代码

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.apple.cooking',
  appName: 'cooking',
  webDir: 'out/renderer'//文件位置
};

export default config;

3.下载安卓sdk（已有java环境

去android studio下载最新版，并下载sdk

在android 文件夹下创建文件local.properties，记事本打开，输入sdk的路径

复制代码

sdk.dir=D:/AndroiSdk

4.命令行打包测试apk

复制代码

./gradlew assembleDebug

5.在项目/\android\app\build\outputs\apk\debug下有apk文件

6.安装sqlite数据库

1.安装sqlite

复制代码

npm install @capacitor-community/sqlite
npx cap sync

2.安装适配electron的jeep-sqlite>

复制代码

npm install @capacitor-community/sqlite @jeep-sqlite/dom

3.配置jeep-sqlite>

重新同步，打包