本文描述了如何申请一个免费注册码的过程，推广版、企业版/集团版的授权申请过程也是一样的，均可参看本文。 第一步，用户注册； 第二步，信息审核； 第三步，授权申请； 第四步，获取授权后注册。 第一步，用户注册 1. 打开http://reg.justep.com; 2. 点击“注册”按钮； 3. 填写相关信息； 4. 进入邮箱进行激活。 注意： 注册邮箱为登陆要使用的用户名，请牢记您的注册邮箱； 请正确填写您的单位名称，一个单位只能注册一个账号，为了便于使用，可以使用一个公共邮箱进行注册； 如果是个人申请，那么单位名称请填写“个人（您的姓名）”； 请正确填写为您服务的商务人员的姓名，如果还没有，可以不填写。 第二步，信息审核 完成邮箱激活后，起步公司会对信息进行审核，审核结果邮件通知用户。审核通过后用户就可登陆“license注册申请系统”申请license。 第三步，授权申请 1. 获取key文件。（免费版只支持windows模式） windows：运行runtime同级的license\bin目录下的key.bat文件 Linux：运行runtime同级的license/bin目录下的key.sh文件 license-server windows（集群部署时使用）：运行license-server\license-server-win\license\bin目录下的key.bat文件 license-server Linux（集群部署时使用）：运行license-server/license-server-linux/license/bin目录下的key.sh文件 系统在license目录下生成名为key的文件，该文件没有任何后缀。 注意：当相关环境变化，机器码就会发生变化，此时原来申请的授权将会失效，需要重新进行更换。 机器码依赖的参数包括：CPU、MAC地址、操作系统、BeX5版本所在目录。 因此需要注意：不能增减（包括安装、拔掉、禁用、启用）网卡，但机器码跟IP地址无关。 BeX5版本不能更换目录 [...]

这篇文档主要以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资源”界面，必须输入AJAX服务地址、Web路径和首页地址，根据应用情况选择需要打包的资源。 然后“下一步”。这里的“AJAX服务地址”主要作用是指定加载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.初识WeX5（原X5） 1.1 WeX5是什么？能做什么？ WeX5是前端快速开发框架，可开发跨端运行应用。是移动App/微信/WebApp开发利器，一次开发多平台运行。 1.2 WeX5是免费的吗？ WeX5是完全免费开源的，打包和部署都没有任何费用。 BeX5是收费的，20用户128库表以内免费，超过该规格收费，价格请咨询商务人员。 1.4 WeX5能开发微信App吗？ 可以，WeX5开发的应用，不仅可以在微信上运行，也可以直接手机浏览器运行，或者打包成App下载运行。对应微信服务号和企业号，起步分别有WeX5和BeX5这2个产品来对应。 服务号运行效果可直接扫描官网二维码关注后体验，教程见视频：http://pan.baidu.com/s/1bnD5VOj（微信服务号）； 企业号，BeX5已经将微信提供接口进行了封装，开发时可直接调用，且提供了组织、菜单等同步功能（企业号相关特性将在新版本中包括） 如果你要用WeX5开发微信企业号集成应用，那么你需要自己做组织机构同步，其他接口也都需自己开发调用。 1.5 开发的App能发布到苹果AppStore吗？ 可以，你需要有苹果账号才能上架苹果的AppStore，但是苹果审核比较严格，所以上架时间会长一些。 1.6 WeX5开发移动app可以用于商业吗，会不会弹广告或别的限制吗？ WeX5是完全免费开源的，打包等都没有任何费用，可以用于商业。 WeX5自身不会弹出任何广告，也没有任何限制。 1.7 WeX5可以对接什么后端？ 可以通过http(Ajax)、Websocket、Socket.io等连接各种后端中间件或云服务（java、node、php、.net等） 起步公司也提供了一个企业信息化所需要的强大数据和后端能力，包括工作流、组织、权限、图表、报表、文档、门户、业务规则等，如果你需要这些能力，请使用BeX5。 1.8 WeX5开发的移动app最低支持android、ios什么版本? Android4.0及以上； IOS6及以上。 2. 打包、发布、部署 2.1 应用开发完成后，如何部署？ 开发完成后，你可以通过各种打包方式，打包安卓和IOS安装包，手机下载即可使用；也可以发布为webapp，部署到你的服务中。 [...]

页面组合 如果我们想制作单页应用(SPA, single page application)，或者“搭积木式”的把小页面组合为大页面。就需要把子页面组合到父页面里运行。比如我们前面制作了简单的hello.w页面。要把hello页面组合到父页面中打开，有什么方法呢？我们先写一个父页面例子(parent.w)，parent.w没有特别的js代码。 parent.w <?xml version="1.0" encoding="utf-8"?> <div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"> <h3>父页面</h3> <h5>下面是通过iframe组合打开hello.w</h5> <iframe src="hello.w"/> <h5>下面是通过windowContainer组件组合打开hello.w</h5> <div component="$UI/system/components/justep/windowContainer/windowContainer" src="hello.w"/> </div>   define(function(require) { var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); [...]

一、Data组件的规则 Data组件提供了规则执行的机制，在data上可以定义：计算、只读、必填、约束等规则，规则都是以表达式的形式给出，表达式计算结果为true时只读、必填生效，约束表达式计算结果=true时数据有效 Data只读上下文包括： $model : 前端model对象 $data : data组件对象 表达式上下文包括： $model : 前端model对象 $data : data组件对象 $row : 计算的行对象 $rowID : 计算的行ID $col : 列名 注：对于整个data只有只读的规则，必填和约束规则只有数据进行修改后才会触发 <rule> <!-- 整个data只读 --> <readonly <expr >true</expr> </readonly> [...]

前世： 自从iphone上的mail应用有了这种加载的手势之后，我们发现很多本地应用都默默的采用了这种方式。这种手势已经成为一种趋势。那么我们能不能在移动端的html中模拟出这种本地效果里？ 首先让我们来分析下这里面的东西。 1.有滚动效果。滚动条不是默认就有的，或许有的时候不要滚动条更好看点，有时候要滚动条好点，也就是滚动条需要可以自定义。 2.可以下拉，上面有一部分能拉出来，同样的 下滑到最后可能触发事件，再出个菊花转什么的，用来加载更早的文章之类的。 3. 既然有纵向，是不是应该有横向。 4.说到横向，就想到图片轮播，那么能不能固定边界到某个元素，不偏不倚。 今生: 所以我们在想我们是否也能在网页中模拟这种效果？ 首先第一轮尝试我们想用浏览器原生的滚动区域（overflow：auto，-webkit-overflow-scrolling：touch）来模拟这种效果，但是很快就发现原生的滚动条，在局部区域滚动的时候效果都不理想，虽然能做到拉出东西，但是反映不灵敏，在滚动到最上面的时候，总有卡顿的现象。 同时，我们同时希望能做到滚动惯性，滚动弹动等效果，包括定义滚动条颜色宽度，是否隐藏，以及隐藏动画等，显然使用浏览器原生效果并不能令人满意，这个时候我们自然的想到了移动开发中一个不可不知的类库iscroll.让我们读一下iscroll把。 iscroll告诉我们，原生不太靠谱，自己动手丰衣足食。iscroll并没有考虑原生行为，而是通过模拟实现。因为iscroll要做很多事，而原生意味着不可控。iscroll通过使用css3动画以及帧动画（requestAnimationFrame）来模拟滚动，对区域滚动的行为、状态绝对可控，这样就可以大作文章，如知悉滚动位置，缩放控制等。 嗯，不错，基因一致就用这个了，所以我们就基于iscroll实现了scrollView组件。 既然我们是基于iscroll实现的scrollView，那我们先看下iscroll的基本属性和api。 常用的参数如下： hScroll               false 禁止横向滚动 true横向滚动 默认为true vScroll         [...]

一、纯本地App 没任何服务请求，已经有开发好的一堆html+js，希望本地App中可以方便的使用，那可以参考默认的Native/X5工程，把自己开发好的资源放到www目录下就可以，注意工程的几个重要选项： 服务地址：http://localhost 首页: 假设你www中有一个入口的index.html，那写 /index.html 生成App包的向导中，“重新编译使用到的UI资源”一定不要选 二、关联一个网站，希望默认就打开某页 例如想把本论坛做成一个app，那可以新建一个本地App，把 服务地址：http://bbs.justep.com 首页: /forum.php 这样生成的app，一启动就打开论坛的首页 三、UI设计器 UI2下建自己应用（例如demo），形成自己的一组页面，然后Native新建一个本地App，选择新建的资源demo，点右键“编译使用到的UI资源”，则在ww下生成标准的html+js，该资源可以放到标准 web 服务器（apache, iis, tomcat等）直接进行网络访问 四、打包神器 什么UI2，什么X5不要，我就只要一个可以生成App的环境，点这里下载 xcode，adt, 哈哈，都有 五、标准玩法 外卖为例，"WeX5 App与服务端交互原理" 有交互原理介绍。 资源打进app，bass 部署到tomcat上作为服务， 这个是推荐用法。 什么，资源咋升级？没问题，按"App资源和版本更新"将最新的资源按更新到服务器即可。 刚下载的一个WeX5，解压后运行目录的“启动WeX5开发工具.bat”和“启动WeX5运行平台.bat”，这样就可以用浏览器连接和访问，如果App不选择打包资源，那修改的资源，App 也会自动更新。   本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! [...]

拿WeX5自带的外卖来说举例，它由三部分组成 1. UI2/takeout 这个是页面，由页面文件.w和js以及css等构成，js中有$.ajax的请求 2. Native/外卖 这个是本地app的工程，用来打包app 3. tomcat的webapps/baas 这个是服务端，提供步骤1中的$.ajax访问 启动服务 开发工具Studio中启动Tomat，这个将启动两个服务，一个是tomcat的webapps下的baas服务，另外一个是用于解析运行UI2资源的UIServer（在runtime\UIServer）。为描述方便，这里假设本机ip地址是192.168.1.1, tomcat的端口是8080 浏览器访问 浏览器输入 http://192.168.1.1:8080/x5/UI2/takeout/index.w 这样就可以访问外卖功能，这个在电脑浏览器或者手机浏览器都可以（电脑推荐使用chrome浏览器）。 解释一下这个URL：8080后面的x5是UIServer的名字，在tomcat的server.xml中定义，具体请参考tomat的相关说明，表示访问UIServer，UI2/takeout/index.w 这个会请求到UIServer后，由UIServer做编译，生成html和js供前端使用。 本地App 首先要生成App，先看看默认的App定义，在 Native/外卖 上点右键选择“编辑本地App”，向导中有三个重要的参数： 1. 服务地址：这里应该写 http://192.168.1.1:8080, 因为baas在这个服务上 2. 首页： 就是默认打开的页面 写 /x5/UI2/takeout/index.w，这里 x5那个可以写成任意的，和前面介绍的UIServer的那个x5名字没任何关系 3. 需要打包的资源：默认选择了takeout，这里如果选择了，那UI2/takeout下的资源会被打包到App里面，也就是说tomat中没有UISever那个服务运行也是正常的，如果不选择，则首页那个就必须写成/x5/UI2/takeout/index.w，因为默认的UIServer的名字叫x5，App启动时是通过UIServer来获取页面，和浏览器访问完全相同 [...]

WeX5的混合模式底层基于cordova/phonegap，所以开发本地插件只需要按照相应规范就可以，由于BeX5基于WeX5，所以本文档也适用于BeX5。 一、 如何开发本地插件 请参考：Cordova插件开发 二、 哪里有免费的插件资源 cordova官方插件库：http://plugins.cordova.io/#/ github搜索：https://github.com baidu、google搜索 三、插件如何安装到WeX5 这里以常用的条形码扫描为例介绍。 1. http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner下载好源代码，并把插件的目录名改为和id相同，这里是com.phonegap.plugins.barcodescanner。id可以打开源代码中的plugin.xml看，根节点plugin的id属性值就是。 2. 把插件目录复制到model/Native/plugins目录下 四、如何使用安装好的插件 要想将插件打包到app我们可以有两种办法： 1.在创建/编辑app的过程中，插件选项勾选自动追加插件，但是该情况必须保证在应用编译资源过程中编译到的UI资源引用了该插件，即在.w界面对应的.js文件中“require”了插件，例如：“require("cordova!com.phonegap.plugins.barcodescanner")” 2. 在创建/编辑app过程中，直接在插件列表中找到该插件，手动勾选。 接下来就是调用插件api，在需要使用插件的页面对应的js中，如下代码引用： require("cordova!com.phonegap.plugins.barcodescanner"); 再参考插件的文档，书写对应的js。对于barcodesacnner，代码如下： cordova.plugins.barcodeScanner.scan( function (result) { alert("We got a barcode\n" + "Result: [...]