WeX5-App开发完整过程解析.ppt

《WeX5-App开发完整过程解析.ppt》由会员分享，可在线阅读，更多相关《WeX5-App开发完整过程解析.ppt（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、页，介绍页、App图标获取证书，生成发布App三种部署方式开发一个简单的功能前端页面开发前端页面开发前端页面开发前端页面开发在elements页调试样式在sources页调试js代码在network页查看请求在console页查看控制台信息使用使用使用使用ChromeChrome浏览器运行及调试浏览器运行及调试浏览器运行及调试浏览器运行及调试创建本地App打调试包打调试包打调试包打调试包配置项配置项输入内容输入内容服务地址http:/192.168.1.142:8080首页/x5/UI2/hello/index.w打包的资源打包的资源不选择不选择应用名hello版本号1.1.1应用包名com.

3、justep.helloIOS必须输入证书中的Bundle ID使用微信插件则必须输入申请微信账号时录入的应用包名增强型浏览器可选本地插件Js中引用了require(“cordova，可以使用自动，否则手动选择生成本地App打调试包打调试包打调试包打调试包配置项配置项输入内容输入内容安卓App可以选择IOS App需要先获取苹果开发及发布证书MAC版开发工具可以选择WINDOW版开发工具需要单独安装打包服务器，才能生成IOS App打包服务器地址/app-builder发布模式选择发布模式后，不能使用真机调试但是，微信分享等功能只能在发布模式的App中执行打调试打调试包包下载、安装App安卓扫

4、描扫描App二维码，下载安装二维码，下载安装AppIOS使用使用UC浏览器扫描浏览器扫描App二维码，下载二维码，下载IPA文件，使用文件，使用同步推安装同步推安装IPA文件文件或者使用或者使用iTunes安装安装安卓真机调试使用Chrome浏览器访问chrome:/inspect/#devicesIOS真机调试使用safari浏览器进行真机调试真机调试真机调试发送发送AjaxAjax请求访问任意后端服务请求访问任意后端服务X5X5提供了轻量级的BaaS服务提供了java的BaaS服务提供了.net的BaaS服务处理跨域情况处理跨域情况后端服务调用后端服务调用后端服务调用后端服务调用App浏览

5、器器UIServer或其它或其它Web服服务器器提供提供页面服面服务BaaS提供后端服提供后端服务数据数据库使用Cordova插件二维码扫描二维码扫描加速度传感器加速度传感器音频录制及播放音频录制及播放设备信息设备信息微信分享微信分享微信支付、支付宝支付、银联支付微信支付、支付宝支付、银联支付开发Cordova插件原生插件调用原生插件调用原生插件调用原生插件调用地理定位地理定位消息推送消息推送摄像头拍照及录像摄像头拍照及录像文件系统文件系统NFCNFC使用开发工具中的模拟器使用BlueStacks使用模拟器运行及调试使用模拟器运行及调试使用模拟器运行及调试使用模拟器运行及调试调试模式与生产模式

6、调试模式与生产模式调试模式与生产模式调试模式与生产模式调试模式调试模式生产模式生产模式何时使用开发时使用部署时使用如何使用Tomcat在studio里面启动运行启动WeX5运行平台（调试模式）.bat运行启动WeX5运行平台.bat修改w、js等文件后使用浏览器访问使用App访问（不含资源）立即生效更新版本号重启Web应用服务器访问立即生效使用App访问（含资源）调试时不使用这种方式重新生成App更新App三种部署方式三种部署方式三种部署方式三种部署方式方式一（推荐）方式一（推荐）方式二方式二方式三方式三部署方式使用UIServer在Web应用服务器上部署UIServer页面等应用资源打包到本

7、地App脱离UIServer页面等应用资源部署到任意Web应用服务器打包方式不选择打包资源选择打包资源不选择打包资源使用场景使用Java Web服务器使用App访问使用浏览器访问使用微信号访问适用于页面资源变化不频繁的App适用于开发不联网的App使用任意的Web服务器使用App访问使用浏览器访问使用微信号访问优点只需更新版本号不需要删除浏览器缓存不需要更新App不需要首次资源下载首次运行速度快支持任意的Web服务器缺点每次更新页面，需要生成App，更新App需要自己解决App端的页面资源更新打发布包打发布包打发布包打发布包安卓安卓IOS替换App图标放icon.pngplatforms/an

8、droid/res放icon.png/platforms/ios/X5/Resources/icons替换欢迎页放splash-land.png和splash-port.pngplatforms/android/res放splash-land.png和splash-port.png/platforms/ios/X5/Resources/splash替换介绍页使用Intro.html显示要求和首页同目录使用Intro.html显示要求和首页同目录获取证书使用java自带的工具keytool生成从苹果官网申请发布证书在mac系统上生成p12文件在build.properties中设置中设置p12文

9、件的密码文件的密码打包App生成App及App二维码生成App部署App发布App二维码，扫描此二维码即可下载、安装App个人/公司证书上传到App Store，用户从App Store下载、安装App企业证书搭建https服务，用户访问https服务下载、安装App部署方式三中如何部署Web应用通过打包获得Web应用资源打包时会将选择的打包资源生成打包时会将选择的打包资源生成WebWeb应用资源应用资源打包后Web应用资源放在www目录下将Web应用资源部署到Web服务器上使用原生插件通过浏览器访问不能使用原生插件通过本地App（不管有没有选择打包资源）都可以使用原生插件两点说明两点说明两点说明两点说明相关文章链接相关文章链接相关文章链接相关文章链接WeX5平台App打包原理http:/