微信公众号应用开发(一)

1.  前言

微信平台提供开放平台相关的接口API,企业用户或者开发者可以使用开放接口API定制开发业务应用,并且可以绑定开发应用的链接地址到微信公众号菜单中,微信终端用户可以通过关注公众号订阅或分享内容、通过公众号提供的菜单链接使用定制的业务应用。

2.  开发版本

本章节的开发版本主要是使用微信开放平台的接口API开发一个第三方业务应用,该应用提供的简单功能是接入微信用户登录的功能,微信用户成功登录第三方业务应用后,可以正常使用第三方业务应用提供的功能。

第三方是指企业用户或者开发者,是属于业务应用提供方,需要对接其定制开发的应用到个人公众号或者企业公众号菜单中。

在互联网软件领域中,微信开放平台的架构模型被称之为PAAS,第三方业务应用的架构模型被称之为SAAS。微信用户是终端用户,使用SAAS提供的应用业务功能。

2.1.  应用需求

2.1.1. 登录流程

  1. 微信用户A关注公众号B
  2. 微信用户A点击公众号B中的菜单C
  3. 展示微信用户A登录界面
  4. 微信用户A点击登录按钮
  5. 微信用户A成功授权第三方应用  
  6. 展示第三方业务应用的主页

2.1.2. 主页展示

展示微信云托管推广首页

2.2.  开发工具

  1. JDK18运行环境
  2. Eclipse最新版本开发工具
  3. Spring Boot开发框架
  4. Apache Maven依赖管理
  5. 花生壳服务器端代理软件

2.2.1. 构建代码工程

微信公众号应用开发(一)_第1张图片

2.2.2. 开发公众号交互接口

微信公众号应用开发(一)_第2张图片

2.2.3. 运行应用工程

微信公众号应用开发(一)_第3张图片

2.2.4. 配置花生壳代理

绑定花生壳动态代理域名到本地运行应用的端口,如下所示:

微信公众号应用开发(一)_第4张图片

2.2.5. 测试公众号交互接口

花生壳的动态域名已绑定到本地运行的应用代码的公众号交互接口,其地址是:

https://55vl963292.goho.co/main/

2.3.  绑定公众号交互接

      1.登录微信公众号管理平台

      2.绑定微信公众号交互接口地址:

      https://55vl963292.goho.co/main/

微信公众号应用开发(一)_第5张图片

2.4.  开发公众号菜单

公众号交互接口中调用微信开放平台接口API创建菜单。

2.4.1. 获取access_token

access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token。其中ACCESS_TOKEN_URL是微信开放平台的API地址、APP_ID是微信公众号开发者ID、APP_SECRET是微信公众号开发者密钥。主体代码如下所示:

微信公众号应用开发(一)_第6张图片

2.4.2. 开放接口创建菜单

使用上一步骤获取到的access_token,请求微信开放平台的菜单创建API。其中,CREATE_MEMU_URL是微信开放平台的API地址。主体代码如下所示:

微信公众号应用开发(一)_第7张图片

2.4.3. 响应事件创建菜单

在微信开放平台的交互接口中创建菜单,代码如下所示:

微信公众号应用开发(一)_第8张图片

2.5.  开发第三方应用首页

2.5.1. 微信登录页面参数

使用花生壳代理本地运行应用的微信登录地址是:

https://55vl963292.goho.co/,页面登录参数说明如下所示:

微信公众号应用开发(一)_第9张图片

其中redirect_uri等于第三方应用的首页地址:

https://55vl963292.goho.co/pages/index

用户点击“确认登录”按钮即可成功登录,成功登录跳转到下一步骤的第三方应用首页。

2.5.3. 第三方应用首页展示

使用花生壳代理本地运行应用的首页地址是:

https://55vl963292.goho.co/pages/index,界面显示效果如下图所示:

微信公众号应用开发(一)_第10张图片

2.6.  测试第三方业务应用

      1.在微信中关注公众号

      2.点击公众号菜单业务

3.  商业版本

商业版本主要使用腾讯云提供的云服务实现,应用架构主要使用传统的商业应用软件系统架构模式:自顶向下的分层架构,分别是网络负载均衡层、前端分离层、后端分离层、数据存储层,每层均使用腾讯云提供的云服务。

(未完待续)

你可能感兴趣的:(应用软件系统技术与架构,前端技术与架构,微信,微信公众平台,java,开发语言)