微信小程序&网站&公众号登录

本文包含微信小程序登录配置、微信网站登录配置、微信公众号登录配置;
您可以根据实际业务需求决定是否要配置或配置某几个;
注:以下步骤包含账号注册引导,如果您有现成的账号,直接使用即可!

注册微信开放平台

请前往微信开放平台https://open.weixin.qq.com/open in new window注册并完成相应的认证

以下情况可以不用注册微信开放平台:  
1、不需要网站微信登录  
2、只需要一种登录方式,只用小程序或只用公众号,并且以后也不会增加其他的登录方式  

尽管如此,我们仍然推荐注册注册开放平台,方便后续统一的账号管理

创建网站应用

登录开放平台:管理中心 > 网站应用> 创建网站应用
直达链接:https://open.weixin.qq.com/cgi-bin/applist?t=manage/list&page=0&num=20&openapptype=512&token=beb99358b48dc3f34d8c6255d4126927016f3cd8&lang=zh_CNopen in new window

根据要求填写应用信息,并通过审核;通过审核后,查看应用详情,如下:

AppId和AppSecret则是我们需要的参数

注册小程序

请前往微信公众平台注册小程序,直达链接:https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CNopen in new window 请按照指引步骤完成小程序的注册和认证。

登录小程序管理后台:进入开发>开发管理,如下:

获取AppId和AppSecret

开发者ID下的AppId和AppSecret则是我们需要的参数,如下:

如果AppSecret忘记,可以使用重置功能设置

配置服务器域名

指定与小程序通信的接口域名,未设置前,接口请求将被屏蔽,程序无法正常运行;

前提条件:    
1、您必须要有自己的域名  
2、接口通过https请求,必须部署SSL证书  

配置业务域名

我们内置的课件阅读功能使用了web-view功能,所以需要配置业务域名,业务域名一般为我们前端的访问地址,如下:

注册公众号

当您的H5网址在微信中打开时,是支持通过微信公众号的登录功能实现一键登录的,同样,您需要先注册一个微信公众号,请通过此指引完成公众号注册:https://kf.qq.com/faq/120911VrYVrA151013MfYvYV.htmlopen in new window

获取AppId和AppSecret

注册好微信公众号后进入:设置与开发 > 基本配置,如下:

AppId和AppSecret为我们需要的配置参数

配置安全域名

进入设置与开发> 公众号设置 > 功能设置,如下:

将业务域名、JS接口安全域名、网页授权域名全部配置成我们的考试系统地址;

绑定开发平台

将注册的微信小程序、微信公众号绑定到微信开放平台:https://open.weixin.qq.com/open in new window 以实现账号的统一互通,如果未绑定,不同的登录方式会产生不同的账号,不符合业务场景;

配置考试系统

获得全部参数后,将这些参数配置到考试系统中,参数在启动配置文件(application-local.yml)中设置:

# 微信相关配置
wechat:
  login:
    # 小程序登录appId
    mp-app-id: wx256******9c94d8c
    mp-app-secret: 419fbafe48541******136c4403d52af
    
    # 网站登录appId
    site-app-id: wxc8a97******555bf
    site-app-secret: 285ea251f55bdc******a1d745b599b4
    redirect: https://yourdomain.com/api/common/wx/redirect

    # 公众号配置
    oa-app-id: wx1e2c******cad67a
    oa-app-secret: ea4648c8d6d2******7808b0812a20f6
    oa-redirect: https://yourdomain.com/api/common/wx/h5-redirect

    # 绑定微信响应
    bind-redirect: https://yourdomain.com/api/common/wx/bind

将对应的AppId和appSecret替换成您自己的即可,参数中的<yourdomain.com>替换成您的域名即可