基于微信开发框架进行业务开发的处理过程
<p>在我们开发微信应用的时间，包罗公众号、企业微信、小步调等，都必要基于肯定的框架底子上开发，才气事半功倍，一样寻常情况下，我们必要处理惩罚好微信菜单和微信事故的对接，以及配景数据管理体系和权限管理的有效整合，大概是基于业务流程的干系流转等，本篇随笔先容怎样基于微信开发框架举行业务开发的处理惩罚过程。</p><h3>1、微信账号设置</h3>
<p> 在我们开发任何微信底子应用之前，都必要先录入微信账号的干系信息，包罗appId，AppSecret等底子信息，这个是用来获取token，和微佩服务器举行交互的底子，我们的微信框架提供了多种类型和多个账号的管理。</p>
<p></p>
<p>此中在新增大概编辑界面中录入我们公众号大概企业微信的信息，如果涉及微信付出的，录入微信付出干系秘钥和证书位置。</p>
<p></p>
<p> 如果是企业微信，我们选择账号类型为企业微信，然后根据提示录入干系企业微信信息即可。</p>
<p>此中紧张是CorpID和CorpSecret和企业的AgentId信息，以及加密token和秘钥，保持和微信配景信息划一即可。</p>
<p></p>
<p> 我们微信开发框架，提供了尺度的微信账号信息填写界面，录入对应的信息，完成微信配景的对接，即可开启开发微信应用之旅了。</p>
<p>账号登录公众号配景大概企业微信配景，我们根据和账号设置划一对应的信息，完成体系对接即可，以下是微信公众号的设置对接界面。</p>
<p></p>
<p> 企业微信的对接雷同，不在赘述。</p>
<p> </p>
<h3>2、微信菜单设置</h3>
<p>为了开发微信应用，我们照旧必要准备好微信应用的菜单，菜单是我们全部前端微信功能的入口，我们一样寻常必要先在微信开发框架 底子上举行菜单的录入维护，然后在提交到微佩服务器上，实现应用菜单的提交。</p>
<p>在微信开发框架上维护菜单，可以根据必要禁用、启用某个菜单，然后再通过微信SDK接口提交更新到服务器举行菜单的更新，我们可以对多个账号的微信菜单举行维护。</p>
<p><strong>1）医疗设备维修的微信应用菜单</strong></p>
<p>比方我在开发一个医疗设备维修的微信应用的时间，菜单界说大概是这样子。</p>
<p></p>
<p>这样我们提交菜单后，在公众号上就可以对干系的功能举行利用了。</p>
<p> </p>
<p>干系的菜单对应功能如下所示。</p>
<h3></h3>
<p></p>
<p><strong>2）药店处方管理的微信应用菜单</strong></p>
<p>我们再来看看，另一个微信公众号应用的菜单管理</p>
<p></p>
<p> 提交到服务器后，在应用入口的菜单如下所示。</p>
<p></p>
<p><strong>3）企业微信应用菜单设置</strong></p>
<p> 由于微信开发框架也支持企业微信接入，因此我们也可以同时开发企业微信应用的对接，起首也是一样，界说好对应的企业微信菜单。</p>
<p>以下是我们开发的一个资产管理的企业微信应用，设置了干系的菜单如下所示。</p>
<p></p>
<p> 提交乐成后，我们就可以在企业微信的工作台上看到对应企业微信的菜单了。</p>
<p> </p>
<h3>3、机构、脚色、用户的权限管理</h3>
<p>微信应用，除了提供相应的菜单功能外，一样寻常应用前端的H5页面大概配景页面都大概必要联合机构、脚色、用户和其权限信息举行体系权限的判断和数据的处理惩罚。</p>
<p>比方我们针对医疗设备微信的应用，在微信配景体系内里界说了干系的机构、用户、脚色等信息。</p>
<p>构造机构如下所示。</p>
<p><img src="http://www.iqidi.com/Framework/images/cnblogs/8867-20170414145645048-1943408848.png"width="275" height="300" /></p>
<p>用户脚色如下所示：</p>
<p></p>
<p>体系根据脚色对菜单举行差异的表现设置。</p>
<p></p>
<p>而我们如果应用差异，在体系配景调解这些机构、脚色、用户信息即可，如下面则是药店处方界说的机构信息。</p>
<p></p>
<p>用户脚色界说如下所示。</p>
<p></p>
<p> </p>
<p> 根据差异的业务必要，界说本身的构造机构条理，脚色列表和职员信息即可，有了这些信息，我们可以同时对用户体系的利用功能和H5前端的权限举行控制管理。</p>
<p> </p>
<h3>4、H5页面的开发</h3>
<p>开发微信公众号大概企业应用，许多时间工作的时间必要耗费在H5页面的开发上，H5页面的规范我们可以参考微信的Weui（公众号） 大概WeUI for work (企业微信），以及借用一些美丽的图表，以及现成的一些H5案例界面。WeUI还可以参考另一款 基于JQuery的 jQuery WeUI， 提供更多的案例和插件。</p>
<p>WeUI : <a href="https://github.com/Tencent/weui" target="_blank">https://github.com/Tencent/weui</a></p>
<p>WeUI for work：<a href="https://work.weixin.qq.com/api/doc#12146" rel="nofollow">WeUI for Work (企业微信版)</a></p>
<p> jQuery WeUI：<a href="http://jqweui.com/" target="_blank">http://jqweui.com/</a> </p>
<p>WeUI+ 演示 <a href="https://weui.shanliwawa.top/" target="_blank">https://weui.shanliwawa.top/</a></p>
<p>常规情况下，我们可以根据上面的一些案例，构建我们的一些输入大概表现元素，如日期输入、选择输入、字典绑定、图片展示、文件上传等等。</p>
<p>一样寻常来说，H5页面开发，必要准备一些美丽一点的图标，可以让步调增色不少，图片可以在网站下载大概淘宝购买一些计划图标，根据相应场景进利用用即可。以下是我本身网络的一些图表，在必要的时间，找一些匹配的利用即可。</p>
<p></p>
<p> </p>
<p> H5页面如果有一些尺度的案例来参考，做起来大概更加得心应手，如下是我本身网络的一些H5案例，根据实际项目的必要，在找一些对应的页面来模拟修改即可。</p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p>根据一些界面的样式，我们计划了一些雷同的界面效果。</p>
<p>医疗设备维修的界面计划效果。</p>
<p></p>
<p> </p>
<p>医药处方考核界面计划效果。</p>
<p></p>
<p> </p>
<p> </p>
<p> 对于图片预览以及一些特别功能，我们利用JSSDK实现即可，而表单的数据提交，紧张就是POST、GET的JS代码处理惩罚，这样可以实现动态的数据绑定和处理惩罚，特别是在查询分页展示的时间，利用ajax的处理惩罚，可以进步体验效果。</p>
页:
[1]