使用PhoneGap CLI开发应用程序
Adobe建议对需要基于单页应用程序框架的客户端渲染（例如React）的项目使用SPA编辑器。 了解详情.
在任何给定时间，作为开发人员，您都可以在设备或模拟器中运行应用程序，前提是您已配置了开发环境。
要运行以下示例，您需要一个在Xcode中运行OSx(Mac)的系统，或一个在安装Android SDK的Mac/Win/Linux系统。
Bootstrap开发环境
对于iOS:要为iPhone和iPad进行开发，您需要Apple的Xcode IDE。
- 免费下载 此处.
- PhoneGap iOS平台指南
对于Android:要为iPhone和iPad进行开发，您需要Google的Android Stuido IDE。
- 免费下载 此处.
- PhoneGap Android平台指南
下载源
成功布局开发环境后，请从AEM应用程序构建拼贴下载源：
- 单击PhoneGap Build拼贴下拉V形标记。
- 单击“下载源”。
- 从下载源模式中选择所需的源。
开发源包含应用程序的最新状态，同时包含未暂存的更改。 使用暂存源构建候选版本，以提交给应用商店供应商。
如果您从未暂存应用程序，则选择暂存将触发暂存工作流(提示：这将在AppStore和Google PlayStore中提供的PhoneGap企业查看器应用程序中显示为分阶段应用程序)。
- 单击“下载”，然后将ZIP保存到您的计算机中。
- 将下载的zip文件解压缩到工作区。
构建并加载应用程序（从源）
PhoneGap CLI可以创建平台项目、编译源，并用一个命令部署应用程序。
您可以单独执行所有这些步骤，请参阅 PhoneGap CLI文档.
- 确保已安装PhoneGap CLI，请参阅上文。
- 在控制台（或终端）窗口中，导航到提取源的根目录。
- 输入以下命令：
phonegap run android
// -- or -- //
phonegap run ios
如果您此时遇到问题，请回到基础知识中进行故障诊断 —
- 创建新文件夹（mkdir测试）
- 导航到此新文件夹（光盘测试）
- 运行“phonegap create helloWorld”
- 导航到helloWorld(cd helloWorld)
- 运行“phonegap”运行android（或将android替换为ios，如上所示）。
- 模拟器将打开运行新创建的PhoneGap应用程序，并在运行到本机的JavaScript桥时显示“设备就绪”。
这将验证您的PhoneGap CLI开发环境是否已正常运行。
使用Safari和IOS调试Javascript
您可以使用Safari的开发人员工具调试应用程序的JavaScripts，方法与使用Web应用程序时的方法相同。
启用Safari开发人员工具
要启用开发人员工具，请执行以下操作：
-
打开Safari的首选项
- 在菜单栏中单击Safari
- 单击“首选项”
-
在“首选项”窗口中单击“高级”
- 选中“在菜单栏中显示开发菜单”
- 关闭“首选项”窗口
将Safari连接到iOS
您可以将Safari连接到iOS设备或模拟器。
- 在控制台窗口中，导航到提取源的根目录。
- 输入以下命令以在设备或模拟器上启动应用程序。
phonegap run <platform> --device
// -- or -- //
phonegap run <platform> --emulator
- 打开Safari
- 在菜单栏中单击开发
- 选择iOS模拟器子菜单
- 单击home.html
使用Safari的Web检查器调试JavaScript
您可以在源中的任意位置设置断点。 当您与模拟器或设备进行交互时，应用程序的执行将停止在这些断点处执行。 您可以逐步执行并检查变量中的值。
- 在“Web检查器”窗口中单击“资源”
- 导航源树并单击所需的源文件
- 单击相邻的行号以添加断点
- 与设备或模拟器交互
- 使用控制按钮可继续执行、逐步执行、逐步执行和逐步退出方法：
要查看变量的值，请在当前方法中，将鼠标悬停在鼠标上。
后续步骤
了解了使用PhoneGap CLI开发应用程序后，请参阅 访问设备功能.
Business.Adobe.com 资源
