type
status
date
slug
summary
tags
category
icon
password
安装cordova
npm install -g cordova创建cordova项目
cordova create ${项目名称}在cordova项目中创建安卓平台
进入项目：
cd ${cordova项目名称}创建安卓平台：
cordova platform add androidwindows搭建安卓环境
我的手机安卓系统为14，以下环境都是根据安卓14来搭建，具体版本对应可根据上述链接里面查看
步骤
1、下载android-studio，连接：https://developer.android.com/studio?hl=zh-cn
2、安装java，版本17，链接：https://www.oracle.com/java/technologies/downloads/#java17-windows
3、设置java环境变量，具体值为你安装java的文件夹
4、安装gradle，链接：https://gradle.org/install/，配置环境变量
5、安装android-sdk
打开android-studio，打开SDK Manager
安装对应的sdk
6、配置sdk的环境变量，对应的目录就是你sdk安装的目录
在cordova项目中创建react项目
- npx create-react-app 命令创建react项目
- 进入react项目，在public/index.html 中添加
<script src="cordova.js"></script>
- 使用npm run build 打包的产物在build文件夹中
连接手机
- 使用usb链接电脑和手机，安卓手机打开：开发者模式、usb调试、usb安装
- 使用 adb devices 命令查看当前是否有连接到手机成功，连接成功后就可以进行运行调试。
运行调试
- 将react打包产物放到最外层，也就是cordova项目中的www文件夹中（可以修改react项目的build的输出位置，这样打包就会输出到www文件夹中）
- 在cordova目录层级下，输入命令
cordova run android，就会运行cordova打包www目录下成打包安装apk到你手机
- 手机上你就可以进行操作了
- 操作过程想看调试，可以在谷歌浏览器输入链接：chrome://inspect/#devices
- 修改代码后你想看效果你就可以重复上述步骤。
- Author:NotionNext
- URL:https://tangly1024.com/article/86d65e88-9c43-4604-a60a-ddf69751f658
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!