选择应用模式： 打包模式选择，参考：WeX5_V3.3平台App打包模式 设置服务地址和选择UI资源： 参数1：Web服务地址 指定加载UI资源的访问地址，也就是发布资源的服务器地址。 例如：案例淘宝为例，将其资源发布到版本所带tomcat中，该地址就是：http://localhost:8080。如图所示发布到版本所带tomcat中： 修改tomcat端口号：参考：http://doc.wex5.com/bbs/forum.php?mod=redirect&goto=findpost&ptid=31304&pid=165038302 参数2：Web路径 选择发布资源时，发布的资源在www目录下的目录名称。建议写项目名，可以达到见名知义的效果，不能使用默认的/X5、/x5/UI2等。 例如：案例淘宝为例，该处填写“taobao”，则如图所示： 注意： 使用UIServer的情况(也就是使用模式3进行打包的时候)，必须使用/X5/UI2。 参数3：首页 App启动后，看到的首页，如果App启动时需要向服务器发送请求，所请求的首页面就是此配置的页面。 双击“选择需要发布的资源”中要显示的首页面即可。 例如：案例淘宝为例，双击要显示的首页“index.w”，如图所示： 参数4：选择需要发布的资源 选择需要发布到服务器上的资源，也就是APP中要运行的所有资源，如果在之后的操作中选择了“本地应用包含UI资源”，则选择的资源也会被包含到本地App中 注意：如果是模式3，这里可以不选任何资源，只要将“首页”填写正确即可。 配置应用信息： 参数1：版本号 设置App应用的版本号，由点隔开的三部分组成。如1.1.1。打包发布时需写新的序号，一个正式APP包对应一个版本号，以便用户在移动终端上安装时能检查到已安装应用进行更新。 注意：这里的版本号就是上传苹果AppStore中的版本号。 参数2：应用包名 Android可以随意写（例如：com.justep.hello，不建议写com.justep.X，com.wex5.X容易和平台提供的案例等造成冲突）。 如果使用微信插件则包名必须与微信开放平台-移动应用中对应应用的包名一致 iOS必须输入证书中的BundleID。 参数3：增强型浏览器 建议Android4.4以下版本选择， 选择增强型浏览器会使APP包在Android4.4以下版本的设备上使用时有更优的浏览性能，但APP包也会更大（多16M）。 参数4：打包的资源加密 对之前选择的资源进行加密，加密后应用运行将略多一点资源读取时间，但可以增强应用的安全性，使反编译无法直接获取资源 如果之前的操作中，没有选择“选择需要发布的资源”，则此选项无效。 配置开发者信息和证书： 打Android的APP包必须√选上Android证书项，输入Android证书密码，会根据上面所输入的开发者相关信息和证书密码，重新生成Android证书。 [...]

这篇文档主要以WeX5平台自带的外卖应用打发布包为例，介绍WeX5生成iOS ipa包和Android apk包的详细过程，BeX5与WeX5打包过程一样，可直接参考。 打包前的准备工作 1）请参看博客初步了解《WeX5平台App打包目录结构》。 2）下载解压WeX5平台版本。 3）如果是打iOS ipa包，需搭建好X5应用本地打包服务器；详细方法参见博客《WeX5本地应用打包服务器环境搭建》。 4）如果是打iOS ipa包，还需生成外卖应用的iOS打包证书，需要用到的证书包括：P12的证书文件以及后缀为.mobileprovision的App描述文件；详细方法参见博客《iOS证书申请和使用说明》。 另外，目前xcode7已支持使用免费苹果ID帐号生成开发证书，这样在开发阶段就不用申请收费的苹果帐号也可以生成APP ipa包测试了。xcode7+iphone使用免费苹果ID帐号生成开发证书打包测试的方法参看文章《xcode7+iphone免费帐号打包详解》。 如果是只打Android apk包，则跳过3和4步即可。以上准备工作完成，可以开始进行打包。 APP打包过程详解 1）打开WeX5版本，双击“启动WeX5开发工具.bat”打开studio开发工具。 2）在模型资源下找到Native目录，右键菜单新建–创建本地APP。 3）对于已有的APP，可以右键点击“编辑本地APP”菜单，对打包配置进行编辑，或者查看打包所配置相关信息和所选组件等。 4）下面以新建外卖APP为例介绍打包时的各种配置。鼠标右键点击Native，新建–>创建本地APP。 5）第一步，选择应用模式。根据所创建APP的需要，选择对应模式。输入应用名，然后下一步。 6）打开“设置服务地址和选择UI资源”界面，必须输入Web服务地址、Web路径和首页地址，根据应用情况选择需要打包的资源。 然后“下一步”。这里的“Web服务地址”主要作用是指定加载UI资源的访问地址，以及通过baas去完成数据库交互工作的服务。 外卖APP的打包资源选择后的情况如下图： 7）进入“配置应用信息”界面，输入版本号、应用包名和应用描述。 版本号每次打正式发布包时需写新的序号，一个正式APP包对应一个版本号，以便用户在移动终端上安装时能检查到已安装应用进行更新。 应用包名输入苹果APP证书生成时对应的Bundle ID。 配置本地应用选项说明 增强型浏览器：是否选择增强型浏览器主要影响了生成APP包的大小。选择增强型浏览器，会使APP包在4以下版本的设备上使用时有更优的浏览性能，但APP包也会更大。 打包的资源进行加密：选择后打包的资源会进行加密。 以上选项，请根据自己APP的实际情况选择即可。选择好本地应用的配置后，点击“下一步”。外卖APP的本地应用配置情况如下图： 8）进入“配置开发展信息和证书”界面，需入开发者相关信息选择对应证书。 打Android的APP包必须√选上Android证书项，输入Android证书密码（平台默认带的Android证书密码为123456），如选择新生成证书文件android.keystore，会根据上面所输入的开发者相关信息和证书密码，重新生成Android证书。 打iOS的APP包需要根据使用的是iOS的开发证书还是发布证书进行选择。输入iOS证书密码（是P12文件的密码），然后选择对应的P12文件和APP验证文件，是开发证书则选择ios.developer.mobileprovision和ios.developer.p12，是发布证书则选择ios.distribution.mobileprovision和ios.distribution.p12。（证书文件名称没有要求，平台会自动将文件名称修改为标准的并拷贝至生成APP的文件夹下） 【苹果证书说明】 [...]

模式1：UI资源启动后智能更新 WeX5开发的UI资源放入Web服务器上，可以很方便的与已有的Web服务集合，不管是PHP、ASP .Net，还是NodeJS等。此种模式编译好的UI资源需要部署到Web服务器上，资源在应用的www目录下。 本模式支持UI资源的更新，App启动时，会向web服务端发送请求，如果发现资源有变更，当前UI资源会记录更新版本的信息，但不会立即执行更新操作（该请求是异步请求，用户看不到），并且用户可以继续使用当前UI资源的版本。当用户下次启动本UI资源时，才会执行更新操作。推荐使用本模式。 注意：本模式下Web服务器上有多个UI资源的版本，后台代码和编译的资源需要兼容（这种模式下应该保留多份后台代码，历史上的也应该保留），保证各个版本都能正常运行。所以本模式支持多版本同时运行和灰度发布。 模式2：UI资源启动时立即更新 WeX5开发的UI资源放入Web服务器上，可以很方便的与已有的Web服务集合，不管是PHP、ASP .Net，还是NodeJS等。此种模式编译好的UI资源需要部署到Web服务器上，资源在应用的www目录下。 本模式支持UI资源的更新，App启动时，会向web服务端发送请求，如果发现资源有变更，会立即执行更新操作。如果资源变更了，编译UI资源后，把www的资源更新到Web服务即可。 注意：本模式需要保证UI资源启动时，能够请求到web服务器。 模式3：UI资源通过UIServer访问 本模式使用UIServer服务器，是BeX5模式的推荐使用，另外在WeX5调试App时也推荐使用此模式。本模式下，生成好App后，如果tomcat启动即可正常使用。 本模式支持UI资源的更新，如果资源变更了，对于生成模式（独立启动的Tomcat），修改资源版本号即可，而对于调试模式（studio里面启动tomcat），每次访问版本都不同，不需要做特别处理。具体原理参考：UIServer缓存机制 本模式和模式2一样，在生成App时可选“本地应用包含UI资源”，这样可以在第一次打开时不用去下载UI资源。注意：对于调试模式，此选项除了增大App体积外，无实际作用，因为资源版本号每次都变化，每次访问都会新下载。 模式4：打开一个非WeX5开发的网站 本模式适合包装现有的一个网站，做成一个本地App。由于没有使用WeX5提供的UI资源，本模式不支持UI资源更新，同样也不支持App版本更新（可参考WeX5机制自行扩展） 本模式如果想使用本地插件，那需要在选择插件的页面显示的选择插件，并在自己的主页中引用 /corodva.js，cordova.js在生成App时已经包含进去，通过 /corodva.js 的方式就能引用到。 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443