基于微信开发框架进行业务开发的处理过程

显示全部楼层 · 2019-11-8 09:50:42

在我们开发微信应用的时间，包罗公众号、企业微信、小步调等，都必要基于肯定的框架底子上开发，才气事半功倍，一样寻常情况下，我们必要处理惩罚好微信菜单和微信事故的对接，以及配景数据管理体系和权限管理的有效整合，大概是基于业务流程的干系流转等，本篇随笔先容怎样基于微信开发框架举行业务开发的处理惩罚过程。

1、微信账号设置

在我们开发任何微信底子应用之前，都必要先录入微信账号的干系信息，包罗appId，AppSecret等底子信息，这个是用来获取token，和微佩服务器举行交互的底子，我们的微信框架提供了多种类型和多个账号的管理。

此中在新增大概编辑界面中录入我们公众号大概企业微信的信息，如果涉及微信付出的，录入微信付出干系秘钥和证书位置。

如果是企业微信，我们选择账号类型为企业微信，然后根据提示录入干系企业微信信息即可。

此中紧张是CorpID和CorpSecret和企业的AgentId信息，以及加密token和秘钥，保持和微信配景信息划一即可。

我们微信开发框架，提供了尺度的微信账号信息填写界面，录入对应的信息，完成微信配景的对接，即可开启开发微信应用之旅了。

账号登录公众号配景大概企业微信配景，我们根据和账号设置划一对应的信息，完成体系对接即可，以下是微信公众号的设置对接界面。

企业微信的对接雷同，不在赘述。

2、微信菜单设置

为了开发微信应用，我们照旧必要准备好微信应用的菜单，菜单是我们全部前端微信功能的入口，我们一样寻常必要先在微信开发框架底子上举行菜单的录入维护，然后在提交到微佩服务器上，实现应用菜单的提交。

在微信开发框架上维护菜单，可以根据必要禁用、启用某个菜单，然后再通过微信SDK接口提交更新到服务器举行菜单的更新，我们可以对多个账号的微信菜单举行维护。

1）医疗设备维修的微信应用菜单

比方我在开发一个医疗设备维修的微信应用的时间，菜单界说大概是这样子。

这样我们提交菜单后，在公众号上就可以对干系的功能举行利用了。

干系的菜单对应功能如下所示。

2）药店处方管理的微信应用菜单

我们再来看看，另一个微信公众号应用的菜单管理

提交到服务器后，在应用入口的菜单如下所示。

3）企业微信应用菜单设置

由于微信开发框架也支持企业微信接入，因此我们也可以同时开发企业微信应用的对接，起首也是一样，界说好对应的企业微信菜单。

以下是我们开发的一个资产管理的企业微信应用，设置了干系的菜单如下所示。

提交乐成后，我们就可以在企业微信的工作台上看到对应企业微信的菜单了。

3、机构、脚色、用户的权限管理

微信应用，除了提供相应的菜单功能外，一样寻常应用前端的H5页面大概配景页面都大概必要联合机构、脚色、用户和其权限信息举行体系权限的判断和数据的处理惩罚。

比方我们针对医疗设备微信的应用，在微信配景体系内里界说了干系的机构、用户、脚色等信息。

构造机构如下所示。

用户脚色如下所示：

体系根据脚色对菜单举行差异的表现设置。

而我们如果应用差异，在体系配景调解这些机构、脚色、用户信息即可，如下面则是药店处方界说的机构信息。

用户脚色界说如下所示。

根据差异的业务必要，界说本身的构造机构条理，脚色列表和职员信息即可，有了这些信息，我们可以同时对用户体系的利用功能和H5前端的权限举行控制管理。

4、H5页面的开发

开发微信公众号大概企业应用，许多时间工作的时间必要耗费在H5页面的开发上，H5页面的规范我们可以参考微信的Weui（公众号）大概WeUI for work (企业微信），以及借用一些美丽的图表，以及现成的一些H5案例界面。WeUI还可以参考另一款基于JQuery的 jQuery WeUI，提供更多的案例和插件。

WeUI : https://github.com/Tencent/weui

WeUI for work：WeUI for Work (企业微信版)

jQuery WeUI：http://jqweui.com/

WeUI+ 演示 https://weui.shanliwawa.top/

常规情况下，我们可以根据上面的一些案例，构建我们的一些输入大概表现元素，如日期输入、选择输入、字典绑定、图片展示、文件上传等等。

一样寻常来说，H5页面开发，必要准备一些美丽一点的图标，可以让步调增色不少，图片可以在网站下载大概淘宝购买一些计划图标，根据相应场景进利用用即可。以下是我本身网络的一些图表，在必要的时间，找一些匹配的利用即可。

H5页面如果有一些尺度的案例来参考，做起来大概更加得心应手，如下是我本身网络的一些H5案例，根据实际项目的必要，在找一些对应的页面来模拟修改即可。