《WeX5App开发完整过程》由会员分享，可在线阅读，更多相关《WeX5App开发完整过程（17页珍藏版）》请在金锄头文库上搜索。
1、北京起步科技有限公司 Copyright 2000-2015 Justep Software WeX5 App开发 完整过程介绍WeX5 App开发下载地址：http:/WeX5 App演示案例WeX5 App开发完整过程 功能开发 前端页面开发 后端服务调用 原生插件调用 运行及调试 使用Chrome浏览器运行及调试 生成调试App，在手机中运行，在PC上进行真机调试 使用开发工具中的模拟器或BlueStacks运行及调试 打包及部署 设置欢迎页，介绍页、App图标 获取证书，生成发布App 三种部署方式开发一个简单的功能前端页面开发在elements页调试样式 在sources页调试js
2、代码 在network页查看请求 在console页查看控制台信息使用Chrome浏览器运行及调试创建本地App打调试包配置项输入内容服务地址http:/192.168.1.142:8080首页/x5/UI2/hello/index.w打包的资源不选择应用名hello版本号1.1.1应用包名com.justep.hello IOS必须输入证书中的Bundle ID 使用微信插件则必须输入申请微信账 号时录入的应用包名 增强型浏览器可选本地插件Js中引用了require(“cordova，可以 使用自动，否则手动选择生成本地App打调试包配置项输入内容安卓App可以选择IOS App需要先获取苹
3、果开发及发布证书 MAC版开发工具可以选择 WINDOW版开发工具需要单独安装 打包服务器，才能生成IOS App打包服务器地址/app-builder发布模式选择发布模式后，不能使用真机调试 但是，微信分享等功能只能在发布模 式的App中执行打调试包下载、安装App 安卓 扫描App二维码，下载安装App IOS 使用UC浏览器扫描App二维码，下载IPA文件，使用 同步推安装IPA文件 或者使用iTunes安装安卓真机调试 使用Chrome浏览器访问chrome:/inspect/#devicesIOS真机调试 使用safari浏览器进行真机调试真机调试发送Ajax请求访问任意后端服务 X
4、5提供了轻量级的BaaS服务 提供了java的BaaS服务 提供了.net的BaaS服务 处理跨域情况后端服务调用使用Cordova插件二维码扫描 加速度传感器 音频录制及播放 设备信息 微信分享 微信支付、支付宝支付、银联支付 开发Cordova插件原生插件调用地理定位 消息推送 摄像头拍照及录像 文件系统 NFC使用开发工具中的模拟器使用BlueStacks使用模拟器运行及调试调试模式与生产模式调试模式生产模式何时使用开发时使用部署时使用如何使用Tomcat在studio里面 启动 运行启动WeX5运行平 台（调试模式）.bat运行启动WeX5运行 平台.bat修改w、 js等文件 后使用
5、浏览器访问 使用App访问（ 不含资源）立即生效更新版本号 重启Web应用服务器 访问立即生效使用App访问（ 含资源）调试时不使用这种方 式重新生成App 更新App三种部署方式方式一（推荐）方式二方式三部署方式使用UIServer 在Web应用服务器上部 署UIServer页面等应用资源打包 到本地App脱离UIServer 页面等应用资源部署到 任意Web应用服务器打包方式不选择打包资源选择打包资源不选择打包资源使用场景使用Java Web服务器 使用App访问 使用浏览器访问 使用微信号访问适用于页面资源变化 不频繁的App 适用于开发不联网的 App使用任意的Web服务器 使用App
6、访问 使用浏览器访问 使用微信号访问优点只需更新版本号 不需要删除浏览器缓存 不需要更新App不需要首次资源下载 首次运行速度快支持任意的Web服务器缺点每次更新页面，需要 生成App，更新App需要自己解决App端的 页面资源更新打发布包安卓IOS 替换App图标放icon.png platforms/android/res放icon.png /platforms/ios/X5/Resources/icons 替换欢迎页放splash-land.png 和splash-port.png platforms/android/res放splash-land.png 和splash-port.pn
7、g /platforms/ios/X5/Resources/splash 替换介绍页使用Intro.html显示 要求和首页同目录使用Intro.html显示 要求和首页同目录 获取证书使用java自带的工具 keytool生成从苹果官网申请发布证书 在mac系统上生成p12文件 在build.properties中设置p12文件的密码 打包App生成App及App二维 码生成App部署App发布App二维码，扫 描此二维码即可下载 、安装App个人/公司证书上传到App Store，用 户从App Store下载、安装App 企业证书搭建https服务，用户访问 https服务下载、安装Ap
8、p部署方式三中如何部署Web应用 通过打包获得Web应用资源 打包时会将选择的打包资源生成Web应用资源 打包后Web应用资源放在www目录下 将Web应用资源部署到Web服务器上 使用原生插件 通过浏览器访问不能使用原生插件 通过本地App（不管有没有选择打包资源）都可以使用原 生插件两点说明相关文章链接WeX5平台App打包原理 http:/ iOS证书申请 http:/ Android和IOS的本地App如何安装（apk&ipa） http:/ 苹果App部署HTTPS进行在线下载安装 http:/ Android和IOS的本地应用图标规范 http:/ C%AC%E5%9C%B0%E5%BA%94%E7%94%A8%E5%9B%BE% E6%A0%87%E8%A7%84%E8%8C%83/ Cordova插件开发 http:/ %80%E5%8F%91/
