cordova入门

发表于 | 分类于 | | 阅读次数:
字数统计: 317 字 | 阅读时长 ≈ 1 分钟

cordova是一种移动端混合开发框架。它提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。

安装

  1. 下载安装node.js

  2. 全局安装cordova

    1
    npm install -g cordova

  3. cordova -v验证是否安装成功

创建工程

  1. 建立工程文件

    1
    cordova create AndroidFiles com.sun.androidapp AndroidTest

    AndroidFiles是文件夹名称，com.sun.androidapp是包名称，AndroidTest是工程名称

  2. 添加平台

    进入目录，输入命令

    1
    2
    cordova platform add android
    cordova platform add ios

    或其他平台，进行添加。

  3. 编译

    1
    cordova build

  4. 下载安装Android Stdio

  5. 真机调试

真机调试

  1. 通过USB线连接安卓机和电脑（手机上设置允许通过USB调试）

    可使用adb工具查看连接的设备。

    adb路径：C:\Users\admin\AppData\Local\Android\Sdk\platform-tools

    1
    /c/Users/admin/AppData/Local/Android/Sdk/platform-tools/adb.exe devices

    查看连接的设备。

    若无设备，可使用

    1
    2
    adb kill-server
    adb start-server

    来尝试连接

  2. 安装APP

    cordova run android安装APP

  3. 手机打开APP，chrome浏览器访问chrome://inspect

    如果如下图，能看到打开的应用信息，则表示调试连接成功

  4. 点击inspect可调试

问题及解决方案

  1. chrome://inspect页面空白

    需翻墙