WeX5 App开发教程：创建与调试本地应用详解

"这篇文档详细介绍了如何使用WeX5 V3.2.1进行本地App的创建和调试包的制作，适用于WeX5 App开发。文档由北京起步科技有限公司提供，包含了从功能开发到打包部署的整个流程。" 在WeX5 App开发过程中，首先需要了解的是创建本地App的基本步骤： 1. **配置调试包**： - **UIServer服务地址**：这是用于提供应用服务的服务器地址，示例中为`http://192.168.1.142:8080`。 - **Web路径**：指应用在服务器上的根目录，如 `/x5/UI2`。 - **首页**：应用启动时加载的页面，比如 `/hello/index.w`。 - **发布的资源**：如果不需要发布额外资源，可以选择不选择。 - **应用名**：应用的名称，例如 `hello`。 - **版本号**：应用的版本标识，如 `1.1.1`。 - **应用包名**：Android应用的唯一标识，这里是 `com.justep.hello`。iOS中还需要输入Bundle ID。 - **增强型浏览器**：根据需求选择是否启用。 - **本地插件**：如果JavaScript中引用了Cordova，可以选择自动或手动配置。 2. **前端页面开发**： - 使用WeX5提供的工具和元素进行界面设计和布局调试，可以在`elements`页调试样式，`sources`页调试JavaScript代码，`network`页查看网络请求，以及`console`页查看控制台信息。 3. **运行与调试**： - **Chrome浏览器调试**：开发者可以使用Chrome浏览器进行实时预览和调试。 - **真机调试**：生成调试App后，通过扫描二维码在安卓设备上安装，对于iOS，需要通过UC浏览器下载IPA文件并使用同步推安装，或者使用iTunes。 4. **打包与部署**： - **设置欢迎页、介绍页和App图标**：这些是提升用户体验的关键部分。 - **获取证书，生成发布App**：发布版本需要相应的签名证书，特别是对于iOS，需要苹果的开发和发布证书。 - **三种部署方式**：未具体说明，但通常包括通过应用商店、企业内部分发和直接下载安装。 5. **原生插件调用**： - WeX5支持原生插件的调用，这使得开发者可以利用设备的特定功能，如摄像头、GPS等。 6. **使用微信插件**： - 如果应用需要集成微信功能，必须输入申请微信账号时登记的应用包名。 7. **开发工具**： - 对于iOS App的构建，MAC版开发工具可以直接生成，而Windows版则需要额外安装打包服务器。 WeX5提供了完整的App开发框架，涵盖了从页面设计、功能实现、调试、打包到部署的全过程，方便开发者快速构建跨平台的移动应用。