WeX5App开发完整过程

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

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

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

4、 或者使用或者使用iTunes安装安装 安卓真机调试 使用Chrome浏览器访问chrome:/inspect/#devices IOS真机调试 使用safari浏览器进行真机调试真机调试真机调试 发送发送AjaxAjax请求访问任意后端服务请求访问任意后端服务 X5X5提供了轻量级的BaaS服务 提供了java的BaaS服务 提供了.net的BaaS服务 处理跨域情况处理跨域情况后端服务调用后端服务调用 使用Cordova插件 二维码扫描二维码扫描 加速度传感器加速度传感器 音频录制及播放音频录制及播放 设备信息设备信息 微信分享微信分享 微信支付、支付宝支付、银联支付微信支付、支付宝支付、

5、银联支付 开发Cordova插件原生插件调用原生插件调用 地理定位地理定位 消息推送消息推送 摄像头拍照及录像摄像头拍照及录像 文件系统文件系统 NFCNFC 使用开发工具中的模拟器 使用BlueStacks使用模拟器运行及调试使用模拟器运行及调试调试模式与生产模式调试模式与生产模式调试模式调试模式生产模式生产模式何时使用开发时使用部署时使用如何使用Tomcat在studio里面启动运行启动WeX5运行平台（调试模式）.bat运行启动WeX5运行平台.bat修改w、js等文件后使用浏览器访问使用App访问（不含资源）立即生效更新版本号重启Web应用服务器访问立即生效使用App访问（含资源）调试

6、时不使用这种方式重新生成App更新App三种部署方式三种部署方式方式一（推荐）方式一（推荐）方式二方式二方式三方式三部署方式使用UIServer在Web应用服务器上部署UIServer页面等应用资源打包到本地App脱离UIServer页面等应用资源部署到任意Web应用服务器打包方式不选择打包资源选择打包资源不选择打包资源使用场景使用Java Web服务器使用App访问使用浏览器访问使用微信号访问适用于页面资源变化不频繁的App适用于开发不联网的App使用任意的Web服务器使用App访问使用浏览器访问使用微信号访问优点只需更新版本号不需要删除浏览器缓存不需要更新App不需要首次资源下载首次运行速

7、度快支持任意的Web服务器缺点每次更新页面，需要生成App，更新App需要自己解决App端的页面资源更新打发布包打发布包安卓安卓IOS替换App图标放icon.pngplatforms/android/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显示要求和首页同目录使用I

8、ntro.html显示要求和首页同目录获取证书使用java自带的工具keytool生成从苹果官网申请发布证书在mac系统上生成p12文件在perties中设置中设置p12文件的密码文件的密码打包App生成App及App二维码生成App部署App发布App二维码，扫描此二维码即可下载、安装App个人/公司证书上传到App Store，用户从App Store下载、安装App企业证书搭建https服务，用户访问https服务下载、安装App 部署方式三中如何部署Web应用 通过打包获得Web应用资源 打包时会将选择的打包资源生成打包时会将选择的打包资源生成WebWeb应用资源应用资源 打包后