WeX5V3.2.1_App开发完整过程

1、北京起步科技有限公司北京起步科技有限公司 Copyright 2000-2015 Justep Software WeX5 AppWeX5 App开发开发完整过程介绍完整过程介绍WeX5 App开发开发下载地址：http:/WeX5 App演示案例演示案例WeX5 App开发完整过程开发完整过程功能开发前端页面开发后端服务调用原生插件调用运行及调试使用Chrome浏览器运行及调试生成调试App，在手机中运行，在PC上进行真机调试使用模拟器运行及调试打包及部署设置欢迎页，介绍页、App图标获取证书，生成发布App三种部署方式开发一个简单的功能前端页面开发前端页面开发在elements页调试样式在

2、sources页调试js代码在network页查看请求在console页查看控制台信息使用使用Chrome浏览器运行及调试浏览器运行及调试创建本地App打调试包打调试包配置项配置项输入内容输入内容UIServer服务地址42:8080Web路径/x5/UI2首页/hello/index.w发布的资源发布的资源不选择不选择应用名hello版本号1.1.1应用包名com.justep.helloIOS必须输入证书中的Bundle ID使用微信插件则必须输入申请微信账号时录入的应用包名增强型浏览器可选本地插件Js中引用了require(“cordova，可以使用自动

3、，否则手动选择生成本地App打调试包打调试包配置项配置项输入内容输入内容安卓App可以选择IOS App需要先获取苹果开发及发布证书MAC版开发工具可以选择WINDOW版开发工具需要单独安装打包服务器，才能生成IOS App打包服务器地址使用内置的，不用输入使用另外安装的，http:/IP:port/app-builder发布模式选择发布模式后，不能使用真机调试但是，微信分享等功能只能在发布模式的App中执行打调试打调试包包下载、安装App安卓 扫描扫描App二维码，下载安装二维码，下载安装AppIOS 使用使用UC浏览器扫描浏览器扫描App二维码，下载二维码，下载IPA文件，使用文件，使用同

4、步推安装同步推安装IPA文件文件 或者使用或者使用iTunes安装安装安卓真机调试使用内置Chrome浏览器访问chrome:/inspect/#devicesIOS真机调试使用safari浏览器进行真机调试真机调试真机调试发送发送AjaxAjax请求访问任意后端服务请求访问任意后端服务X5X5提供了轻量级的BaaS服务提供了java的BaaS服务提供了.net的BaaS服务提供了php的BaaS服务处理跨域情况处理跨域情况后端服务调用后端服务调用App浏览器UIServer或其它Web服务器提供页面服务BaaS提供后端服务数据库使用Cordova插件二维码扫描二维码扫描加速度传感器加速度传感

5、器音频录制及播放音频录制及播放设备信息设备信息微信分享微信分享微信支付、支付宝支付、银联支付微信支付、支付宝支付、银联支付开发Cordova插件原生插件调用原生插件调用地理定位地理定位消息推送消息推送摄像头拍照及录像摄像头拍照及录像文件系统文件系统NFCNFC插件参数配置插件参数配置使用模拟器使用模拟器运行及调试使用模拟器运行及调试调试模式与生产模式调试模式与生产模式调试模式调试模式生产模式生产模式何时使用开发时使用部署时使用如何使用Tomcat在studio里面启动运行启动WeX5运行平台（调试模式）.bat运行启动WeX5运行平台.bat修改w、js等文件后使用浏览器访问使用App访问（不

6、含资源）立即生效更新版本号重启Web应用服务器访问立即生效使用App访问（含资源）调试时不使用这种方式重新生成App更新App三种部署方式三种部署方式模式模式1模式模式2模式模式3部署方式UI资源打包到本地App中UI资源部署到任意Web应用服务器在Web应用服务器上部署UIServer，访问UI资源打包方式选择打包资源不选择打包资源不选择打包资源使用场景适用于页面资源变化不频繁的App适用于开发不联网的App使用任意的Web服务器使用App访问使用浏览器访问使用微信号访问使用Java Web服务器使用App访问使用浏览器访问使用微信号访问优点不需要首次资源下载首次运行速度快支持任意的Web服

7、务器打包后重新部署UI资源UI资源版本自动更新只需更新版本号UI资源版本自动更新缺点每次更新页面，需要生成App，更新App打发布包打发布包安卓安卓IOS配置证书配置开发者信息设置证书的密码从苹果官网申请发布证书在mac系统上生成p12文件设置p12文件的密码选择应用图标准备96*96的图片platforms/android/res准备96*96的图片 /platforms/ios/X5/Resources/icons选择欢迎图片准备1280*720的图片准备720*1280的图片platforms/android/res准备1280*720的图片准备720*1280的图片/platforms/ios/X5/Resources/splash使用介绍页使用Intro.html显示要求和首页同目录使用Intro.html显示要求和首页同目录打包App生成App及App二维码生成App部署App发布App二维码，扫描此二维码即可下载、安装App个人/公司证书上传到App Store，用户从App Store下载、安装App企业证书搭建https服务，用户访问https服务下载、安装App模式2中如何部署Web应用通过打包获得Web应用资源 打包时会将选择的打包资源生成打包时会将选择的打包资源生成WebWeb应用资源应用资源打