打包模式我选谁?

模式1:本地应用包含UI资源 WeX5开发的UI资源放入到本地App,需要通过ajax访问公有云或者私有云API。生成App后安装即可使用,当然连接的公有云后者私有云服务需要能正常访问。 此模式从V3.4正式版本开始,支持UI资源的自动更新和App版本更新。 模式2:UI资源放置到Web服务器 WeX5开发的UI资源放入Web服务器上,可以方便的已有的Web服务集合,不管是PHP、ASP .Net,还是NodeJS等。此种模式编译好的UI资源需要部署到Web服务器上,资源在应用的www目录下。具体部署参考[引用:未完成,需介绍httpd,iis和tomat] 本模式支持UI资源的更新,如果资源变更了,编译UI资源后,把www的资源更新到Web服务即可。 生成App时有一个“本地应用包含UI资源”的选项,如果选择了,则第一次启动不必在下载UI资源。模式1可看成是模式2的一种特例。 模式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

tree组件

tree组件,以多层次列表的形式显示树形数据,即一个列表中只显示一个父的数据,在其中点击拥有子数据的节点,会在列表中显示出这个节点的所有子数据。 […]

BeX5消息服务详解(V3.2.1)

BeX5消息服务详解(V3.2.1)视频: 视频:https://pan.baidu.com/s/1sls5c9B 配置 1.\conf\server.xml中 <mqtt-server>tcp://localhost:1883</mqtt-server>  配置消息服务地址 <external-address>http://demo.justep.cn</external-address>配置应用外网服务地址 2.\model\BIZ\system\config\interceptor.config.m中 <item name="ProcessPushEngine" value="/system/logic/code,ProcessPushEngine,after"/>打开 3.\runtime\PushServer\WEB-INF\cert\  放置苹果推送证书,这里请注意,一定要申请推送证书,可以参考视频:WeX5-极光推送案例 中开头的准备工作部分。 4.\runtime\PushServer\WEB-INF\justep.xml中 <class certPath="/WEB-INF/cert/qyzh-jpush-aps-oa.p12" certPassword="******" isDev="false">com.justep.push.processor.APNsMessageProcessor</class>将“qyzh-jpush-aps-oa.p12”替换为你的苹果消息证书,certPassword输入你的证书密码;isDev,如果是开发环境,设置为true,如果是生产环境设置为flase,这里说的环境是与苹果证书生成时选择一致的 打包 1. 一定要选择PUSH插件,并且参数设置为:配置第1步的消息服务地址tcp://IP:1883。一定注意检查1883端口是否可访问,如果防火墙没有设置,可能访问不了;注意,这里的IP是要手机能访问到的地址,如果你内网进行测试,且手机接入相同的网络,可以使用内网地址。 2.对于iOS,注意苹果证书要与上述配置的环境一致,要么都是开发环境要么都是生产环境。 服务启动 完成“配置”后,就完成了消息服务的配置,并且已经具备了流程流转的时候进行消息推送的能力。此时启动,根目录下的“启动消息服务.bat”,消息服务就启动成功了。 在移动设备安装你打包好的应用,并且在手机上设置你的应用能够接收通知。在手机上接收消息前,必须进行首次登录,通过登录绑定移动设备和用户的关系。 常见问题 如果收不到消息,可按照以下内容进行排查: 先看控制台是否有报错,如果有错且是类似链接苹果服务器的问题,那么可以多试几次,有时苹果服务器连接不正常。 检查移动设备对应的APP,通知开关是否打开 是否在移动设备上进行首次登录 查看数据库的系统库sa_terminal表,是否生成了人员与设备的对应关系数据,这里说的人员是指使用APP登录的用户,如果没有那么不正常 查看消息服务控制台http://IP:8161,使用admin/admin登录,到connect里可以看到连接到消息服务的 如果启动消息服务启动不了,可能会是端口冲突,把消息服务在命令行模式,就是使用cmd执行,此时看看是哪个端口有冲突。 数据源system的名字不能修改,如果碰到特殊情况一定要修改,需要修改D:\BeX5_4102\runtime\PushServer\WEB-INF\justep.xml中数据源的配置“<data-source>java:comp/env/system</data-source>”。 本文由WeX5君整理,WeX5一款开源免费的html5开发工具,H5 [...]

BeX5微信企业号集成

企业微信2.0版本与微信企业号产品合并,企业号现已升级为企业微信,BeX5中企业微信的集成参考http://docs.wex5.com/bex5weiwork/ 准备工作: 需有经过备案的域名,且端口是80或443; BeX5 V3.2.1必须部署到一个外网服务器上,外网访问地址,需映射到准备好的域名及端口上; 申请好的微信企业号,或者申请体验号。 步骤: 微信企业号后台,添加应用,创建管理组; 管理员账号登陆BeX5,配置微信企业号及应用相关参数; 微信企业号后台,配置回调参数; 管理员账号登陆BeX5,同步组织、同步菜单; 微信企业号后台,邀请关注; 员工关注后即可使用; 消息服务配置及注意事项。  一.微信企业号后台,添加应用,创建管理组        1.添加应用 进入“应用中心”,“我的应用”,新增; 填写,应用名称、功能介绍等信息; 设置,应用可见范围,此时,选择企业号的根节点即可。微信的权限是到应用级的,不能到功能级,本文,是将BeX5首页作为微信企业号菜单的入口,功能权限是通过BeX5中权限进行控制。       2.创建管理组  进入“设置”——“功能设置”——“权限管理”——“新建管理组”; 填写:名称,管理员可以先不进行设置; 下一步,设置通讯录权限:需对通讯录根节点设置“管理权限”,只有设置该权限,才能同步组织机构; 设置应用权限:只有设置该权限,才能正常进行应用菜单的同步操作。 二.管理员账号登陆BeX5,配置微信企业号及应用相关参数 进入“协同办公”——“系统工具”——“微信企业号配置”功能;此时,只需完成界面中的“第一步,配置应用”。具体参数如下: CorpID:微信后台,设置——功能设置——权限管理——你添加的管理组——“CorpID” Secret:  微信后台,设置——功能设置——权限管理——你添加的管理组——“Secret” [...]

WeX5资源更新机制(V3.3之前,包括V3.3)

使用WeX5开发出的应用有三种部署方式: 部署方式一:页面等应用资源打包到本地app,通过本地app直接访问(编译方式一) 资源不支持更新能力,如果要更新资源,必须更新App。 部署方式二:页面等应用资源部署到标准Web服务器,通过浏览器或本地app壳访问(编译方式一) 资源会自动更新。 更新机制:应用访问的第一个页面是index.html,在index.html中,会按以下顺序获取首页的地址: 第一步:从服务端获取最新的首页地址(即读取indexUrl_in_server.xml内容); 第二步:如果第一步没有获取到,从localStorage中获取上次使用的首页地址; 第三步:如果第二步没有获取到,直接使用生成index.html时所指定的首页; 每次应用资源编译后,结果类似如下结构: 其中indexUrl_in_server.txt中指向当前版本的首页地址,在地址中带上的当前应用的版本号信息。 应用部署注意事项: 将编译的资源, 在Native/xx应用/www下的资源复制到Web服务器中; 如果Web服务器是Apache, 需要修改%APACHE_HOME%/conf/mime.types,  将其中的 text/html                       html htm 改为 text/html                       html [...]

grid树形显示

BeX5树形展现方法,使用grid组件结合bizData组件,都设置为树形结构,并且bizData加载的是树形数据,让我们一览树形结构的页面展现,比如组织机构 组织机构树形显示 目录 1、树形显示 (1)BIZ层设置步骤 (2)UI2层设置步骤 2、树形列表显示 (1)UI2层,实现树形列表显示 3、树形编辑 (1)BIZ层设置步骤(可用于级联删除的树形设置) (2)UI2层,实现树或树形列表的编辑操作等功能 4、根节点过滤 (1)只在UI2层设置 1、树形显示 (1)BIZ层设置步骤 设置业务数据关系,类型代码和名称。 类型名称用于树的显示。 树形概念中,父关系是最重要的一个数据关系,且类型必须设置为当前的概念。 树形概念 在标准动作设置中,点添加按钮,再点确认按钮,添加3个标准动作 点击生成数据库表 新建process文件。并在里面引入刚刚生成的3个标准action动作 (2)UI2层设置步骤 新建.w文件,向导选择“树形视图”,配置数据源和树的属性 .w生成向导 树节点名称(*):表示设置树要显示的字段,即类别名称:fTypeName。必填 parentRelation(*):填写父关系,即上面概念设置的关系fParent,必填 根节点标签:表示为树设置根节点名称。 .w生成向导设置 如果树形数据已经存在了!那么设置分配权限后。向导生成的页面直接就可以运行显示了! grid树形显示样式 比较bizData组件和grid组件分别设置为树形和列表的区别 树形bizData设置属性isTree为true,列表bizData设置属性isTree为false 树形grid设置appearance属性为tree或treeGrid,列表grid设置appearance属性为grid, bizData组件设置和grid组件设置必须是一致,当bizData的属性isTree为true时,grid属性appearance属性必须也为tree或treeGrid,否则页面出错,列表设置同理。 [...]

手机App版本更新

WeX5 版本更新(V3.3之前,包括V3.3) 本文介绍在WeX5的app中如何做版本更新 (模式1如果有版本更新需求,推荐采用模式二部署)。 (模式4如果有同样需求,可以根据自己网站实现相关逻辑)。 原理 版本更新的原理其实非常简单,通过一个请求,访问后台一个指定的文件,通过获取这个文件中关于新版本的信息,来和当前运行的app的版本进行比较,如果发现有新版本,就弹出提示用户有新版本,如果用户点击了更新,就通过文件中配置的url来下载更新。 用法 参考$UI/portal/sample的例子 1. 在需要进行版本更新的地方拷贝appVersionChecker.js、appVersion_in_server.js 2.在页面中引用appVersionChecker.js模块 //require('res!./appVersionChecker.js'); require(['./appVersionChecker']); 然后这个模块后会自动查找和自己同目录的一个叫做appVersion_in_server.js的文件,通过这个文件来获取新版本信息。如果有新版本信息就会自动提示更新。 可以看到这里有三个选项,忽略就是这个版本的更新以后就不会再提醒了当前用户了.取消就是这一次不更新,下次再打开到这里还会提示。 最后再看一下appVersion_in_server.js的写法,如果遇到需要版本更新的情况就去服务器上把这个文件修改一下就可以了。 其中downloadUrl是你的app文件的下载url,推荐写全路径.(ios推荐写app store的url 或者ios企业账号提供的app下载地址). define(function(require){ var versionInfo = { androidApp:{ version:"6.0.0", changeLog:"1.这是为了演示WeX5 app版本更新能力 \n 2.别更新哦 点忽略就可以了", [...]

BeX5中.a路由规则

在BeX5中,功能树上会出现类似$UI/.../.../xx.a的url, 其中“.a”是一种特殊的url,“.a”通过以下规则,最终定位到具体的.w文件: 1. 如果登录的门户是5.3之前的门户 如果客户端是手机: 查找.w文件的顺序是 第一步:查找/mobileUI下相应的.w文件; 第二步:查找/UI2下相应的.m.w文件; 第三步:查找/UI2下相应的.w文件; 如果客户端是PC: 查找.w文件的顺序是 第一步:查找/UI下的.w文件; 第二步:查找/UI2下相应的.w文件; 2. 如果登录的门户是5.3(包括5.3)以后的门户 如果客户端是手机: 查找.w文件的顺序是 第一步:查找/UI2下相应的.m.w文件; 第二步:查找/UI2下相应的.w文件; 第三步:查找/mobileUI下相应的.w文件; 如果客户端是PC: 查找.w文件的顺序是 第一步:查找/UI2下相应的.w文件; 第二步:查找/UI下相应的.w文件; 本文由WeX5君整理,WeX5一款开源免费的html5开发工具,H5 App开发就用WeX5! 阅读其他app 开发相关文章:http://doc.wex5.com/?p=3443