ionic环境搭建到生成APK

1. 安装 angular, Ionic

2.Ionic start

一路选择，

这会先从github上download 选择的模板，如果当时离线，可以用离线包 https://github.com/ionic-team/ionic-conference-app

之后会 npm i

3.这就可以 ionic serve 看到界面了

4.集成 capacitor:

　　 ionic integrations enable capacitor

4.1 这一步会下载 capacitor. npm.cmd i --save -E @capacitor/core

capacitor 不会全局安装。说是为了版本好管理。运行capacitor命令，用npx cap

cadova 却是全局安装的

4.2 接着执行这两个命令

　　　 npm.cmd i -D -E @capacitor/cli

capacitor.cmd init ionic-conference-app io.ionic.starter --web-dir www --npm-client npm

执行成功，会打印

* Your Capacitor project is ready to go! *

Add platforms using "npx cap add":

npx cap add android
npx cap add ios
npx cap add electron

5 npm install

6 ionic capacitor build android --prod --release

> capacitor.cmd add android
√ Installing android dependencies in 15.82s
√ Adding native android project in: D:Worklan_aunt	est2android in 69.36ms
√ Syncing Gradle in 414.70μp
√ add in 15.90s
√ Copying web assets from www to androidappsrcmainassetspublic in 757.50ms
√ Copying native bridge in 2.30ms
√ Copying capacitor.config.json in 1.70ms
  Found 4 Cordova plugins for android
    cordova-plugin-device (2.0.3)
    cordova-plugin-inappbrowser (3.2.0)
    cordova-plugin-statusbar (2.4.3)
    cordova-plugin-whitelist (1.3.4)
√ copy in 905.76ms
√ Updating Android plugins in 38.13ms
  Found 0 Capacitor plugins for android:
  Found 4 Cordova plugins for android
    cordova-plugin-device (2.0.3)
    cordova-plugin-inappbrowser (3.2.0)
    cordova-plugin-statusbar (2.4.3)
    cordova-plugin-whitelist (1.3.4)
  Found 3 incompatible Cordova plugins for android, skipped install
    cordova-plugin-ionic-keyboard (2.2.0)
    cordova-plugin-ionic-webview (4.1.3)
    cordova-plugin-splashscreen (5.0.3)
√ update android in 129.46ms

Now you can run npx cap open android to launch Android Studio
> ng.cmd run app:build:production

7.在Android studio 里生成APK

可能会出现 fail to open zip. 这是下载的 Gradle 包不全。可以下载完整的包，复制到 C:UsersQiGongbo.gradlewrapperdistsgradle-6.5-bin

就会在Build 下出现 build APKS

8. 点击 run ,可以运行模拟器。

9.修改logo 和 Name

androidappsrcmain esvaluesstring.xml 这里修改名字

androidappsrcmain esmipmap-hdpi 修改Logo

10 发布到应用市场

https://ionicframework.com/docs/deployment/play-store

其他资料：

https://raw.githubusercontent.com/airyland/china-area-data/master/v5/data.json

气功波(18037675651)