远程开发调试CentOS7.6 + Ionic + Cordova + Android

2020-06-04 16:51:26 阅读：494 来源： 互联网

标签：Ionic ionic tools adb https Android Cordova com android

最近项目要写个Android程序，我是打算用Ionic + Cordova + Android 混合开发。主要是想学下前端界面怎样写可以快点和不想用java写android。本片大概会讲完如何用centos7.6搭一个Ionic远程开发环境和远程真机调试Android程序和VSCode远程开发。

本文主要参考ionic的官方文档https://ionicframework.com/docs做配置，并且记录一些搭建过程中会遇到的问。

搭建CentOS7.6 Ionix 环境

安装nodejs

参考我之前的安装把https://www.cnblogs.com/harmful-chan/p/12420720.htmllinux的配置都差成差不多，解压好然后配置完环境变量之后node -v有输出就行，推荐用长支持版，后面有TLS那种。原文https://ionicframework.com/docs/intro/environment

nodejs 安装 ionic及启动一个最简单工程

运行npm install -g @ionic/cli全局安装ionic脚手架工具，全局安装路径在$(NODEJS_HOME)/lib/node_modules下。

然后新建工程ionic start myApp tabs运行他会提示是用Angular或vue，vue不熟我是用angular的，选择好之后他会帮你把angular的文件装到myApp/node_modules下，看网速可能有点慢，然后其实就可以cd myApp && ionic serve --host 0.0.0.0运行项目，--host是为了指定监听所有网卡进来的请求，默认只能监听localhost的，外网不能访问。这一步一般问题不大，建议把iptables都清空。

原文https://ionicframework.com/docs/intro/cli

ionic远程调试真机设备

ionic混合开发其实是通过capacitor或者cordova这个组件来跟android sdk 进行交互从而可以支持angular或者vue的语法，所以首先我们需要在centos7.6上安装android sdk并远程接入我们的安卓手机。原文https://ionicframework.com/docs/developing/android#cordova-setup

安装open jdk

在centos7.6上epel源维护这我们需要的openjdkyum list | grep openjdk可以查看是否有这个包。

我们需要1.8的openjdk和openjdk-devel，-devel带了一些调试用的工具，如果没装，后面回报Javac is not found之类的错误。安装yum install -y java-1.8.0-openjdk java-1.8.0-openjdk-devel。好之之后java -version 和 javac -version有输出即可。yum 安装会帮我们把环境变量ue配好，比解压缩方便一丢丢。

安装 android sdk

我们的服务器没有界面嘛，所以选用命令行安装的方式。先下载工具wget https://dl.google.com/android/repository/commandlinetools-linux-6514223_latest.zip 然后解压~/下。里面就只有一个tools目录，里面包含了我们需要的sdkmanager，我们主要就是用它来下载和管理像Android SDK Tools（android_sdk/cmdline-tools/）sdkmamager这些管理工具，Android SDK Build Tools（android_sdk/build-tools/）打包apk用的工具，Android SDK Platform Tools（android_sdk/platform-tools/）adb这种交互工具，Android Emulator（android_sdk/emulator/）模拟器这些工具用的。原文https://developer.android.com/studio/command-line/

接着我们检查sdkmamager是否正常使用$(解压路径)/tools/sdkmamager --version查看时候有报错。运行时会有如下报错信息

...
Warning: Could not create settings
java.lang.IllegalArgumentException
    at com.android.sdklib.tool.sdkmanager.SdkManagerCliSettings.<init>(SdkManagerCliSettings.java:428)
    at com.android.sdklib.tool.sdkmanager.SdkManagerCliSettings.createSettings(SdkManagerCliSettings.java:152)
    at com.android.sdklib.tool.sdkmanager.SdkManagerCliSettings.createSettings(SdkManagerCliSettings.java:134)
    at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:57)
    at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:48)
...

原因是我们解压.zip的目录有问题和没有配置环境变量导致的。参考https://stackoverflow.com/questions/60440509/android-command-line-tools-sdkmanager-always-shows-warning-could-not-create-se

首先，我们新建一个放sdk所有工具的目录，把解压得到的tools放到工具目录下的cmdline-tools目录下mkdir -p /root/android/cmdline-tools && mv -f ~/tools /root/android/cmdline-tools。然后我们配置环境变量vi /etc/profile追以下信息，把sdkmaanger可以命令行调用

$ export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
$ export PATH=$PATH:$ANDROID_SDK_ROOT/cmdline-tools/tools/bin

source /etc/profile刷新一下环境变量就可以shell调用啦，接下来我们要安装一系列的工具sdkmanager "build-tools;29.0.3"安装完这个之后他会自动帮我们把其他也装上，没有的话也可以手动安装。版本我是选最新版的。蓝色框哪四个是必须的，platforms;根据你的安卓手机版本来

接下来，我们把新安装好的文件的目录也加进环境变量中。然后vi /etc/profile刷新。

# avdmanager, sdkmanager
export PATH=$PATH:$ANDROID_SDK_ROOT/tools/bin
# adb, logcat
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools
# emulator
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator

现在android sdk就安装好了，但我们真机远程调试嘛，接下来是特殊步骤。

真机远程调试

我们要借助adb这个工具官方说明https://developer.android.com/studio/command-line/adb。adb分为三个部件，

client是我们本地的命令行adb程序，daemon是运行在我们手机里自带的守护进程，server一般和client一起也是运行在本地的，也就是我们的centos7.6服务器。

但其中，我们有一个很重要的问题，adb daemon也就是手机端他不会自动监听外部端口，需要我们手动开启监听。所以接下来有两套操作方法，已root和为root参考https://blog.csdn.net/u012785382/article/details/79171782未root 重启还原（我就是这种）

在本地电脑安装adb（参考上面）注意是本地电脑不是服务器电脑。然后手机插上数据线，数据线另一头插进本地电脑蓝色的usb口，手机启动usb调试模式（不懂百度把，机型不一样方法不一样）。然后命令行运行adb devices查看你手机是否已经连上。（有一个device，没有的话想办法令这里检测得到再往下）

接下来adb tcpip 5555启动监听5555端口。然后就可以拔掉usb，手机接入同一网段wifi，连接adb connect 192.168.31.196:5555ip改为自己手机的。然后adb devices会看到已经连接的手机。

到这里，android的操作就完成了。

接下来我们要装gradle参考https://gradle.org/install/也就解压而已

然后就可以用ionic直接把应用放到手机上了，执行npm i -g cordova native-run和android交互用的组件，最后ionic cordova run android --target=192.168.1.227:5555 --verbose指定我们的远程设备运行。

dwa1354d13wa135dwa3

如果遇到**PANIC: Broken AVD system path. Check your ANDROID_SDK_ROOT value, AVD 错误 **在~/.android新建一个avd目录mkdir -p ~/.android/avd

标签：Ionic,ionic,tools,adb,https,Android,Cordova,com,android
来源： https://www.cnblogs.com/harmful-chan/p/13044574.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9