【快捷登录】微信登录配置教程
2019-4-04 11:48:0 浏览1596次

微信登录-接口配置

1. 概述

1.1. 应用场景

微信登录主要有两个应用场景,

一是,电脑上使用浏览器访问时,使用微信扫描二维码登录;

二是,直接在微信中打开微厦学习系统,直接认证登录。

这两种登录方式的接口申请与配置略有不同,场景一,需要申请微信开放平台,场景二需要申请微信公众号,分别申请AppID和AppSecret,填写到微厦学习系统,并配置有效的请求返回网址,即可以实现微信登录。相同之处是都两者需要认证审核,审核费用是每年各300元,由腾讯公司收取。

1.2. 工作原理

如下图所示,当微信登录学习系统时(即第三方应用,我们系统相对于微信是第三方),登录请求会转到“微信开放平台”,认证通过后返回“第三方应用”,告知应用已经登录成功。


2. 接口配置

2.1. 网站应用微信登录开发指南

首先打开微信开放平台 https://open.weixin.qq.com/

注册开发者账号,并提交审核资料,此步骤不再赘述。

需要注意的是,微信开放平台的账户与微信公众号账户不是一回事儿,但是却不可以重复,例如微信公众号已经注册的账号,但是开放平台无法注册。

“微信登录”所需要的资料

1、网站应用名称(20个字以内)

2、营业执照或组织机构代码证,扫描打印后,加盖公章,再扫描成图片(大小不超过5M)

3、网站应用简介,80个以内的网站介绍

4、微信开放平台网站信息登记表,下载填写,打印后加盖公章,再扫描成图片(大小不超过2M)

https://open.weixin.qq.com/zh_CN/htmledition/res/assets/manage/Website_Information_Form.doc

5、网站应用图片(两个)

     28*28像素,限png格式,300Kb以内

     108*108像素,限png格式,300Kb以内

创建应用

开发者账号通过审核后,就可以创建应用了。审核需要300元/每年,由腾讯公司收取。每个开发者账号可以创建10个应用。

点击 https://open.weixin.qq.com/网站的“管理中心”菜单项,创建“网站应用”。


进入应用信息的填写界面后,请认真填写网站信息,此时需要《微信开放平台网站信息登记表》的打印盖章,扫描后再上传,这个过程颇为麻烦,请耐心填写。

更重要的是,网站是需要已经备案过的域名,且备案信息与上述填写的资料要一致,否则审核不会通过。如果不通过,请仔细阅读相关提示,认真修正。

授权回调域

“回调域”这个词很多朋友不太理解什么意思,搞得一头雾水,不知如何填写。

其实“域”就是指我们的网站域名。“回调域”的作用就是,当用户通过学习系统的网站登录微信时,这个请求拐了个弯,拐到微信系统认证通过后,再拐回来到我们系统,告知我们这个用户登录了。微信怎么知道拐到哪个网址上呢?就是这个回调域。

“授权回调域”的意思可以理解为,我们授权微信通过个域名地址来告知我们的学习系统,这个用户是否通过微信官方的登录认证。

如果理解了上述道理,回调域自然就明白怎么填写了。答案就是,填写我们学习系统的官方网址即可,前面不用带http://或https://,后面不要填写路径,仅域名即可。

例如我们填写的 weisha100.cn

配置AppID和AppSecret

首先认识一下AppID和AppSecret,在微信开放平台的应用审核通过后,打开这个应用。会看到如下图的界面:


回调域、AppID和AppSecret这三项是微信登录的关键信息,当三者都妥当后。即可进行微厦学习系统进行配置。

进入超级管理员界面,由此登录:/manage/index.aspx(默认账号为admin,密码1)

点击左侧菜单树,“基础设置”->“账号管理”->“登录接入”,如下图所示,填写相对应的信息即可。


登录测试

配置完成后,即可进行测试,打开学习系统访问界面,点击右上方“登录”按钮,在打开的登录界面中,选择下方“微信”图标,即弹出二维码供扫描。


然后用手机中的微信扫描,会提示“扫描成功”,在手机上点击“确认登录”,即完成微信登录。


如果是第一次登录,需要绑定系统原有账号。

常见问题

可根据错误返回码查看具体信息,返回详细说明如下:

https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419318634&token=ebf3b8c51c563ea56d8cb24c5e39359758535668&lang=zh_CN

2.2. 微信中网页登录

在微信中打开微厦在线学习系统时,可以直接使用当前登录的微信账号进行学习,无缝对接,方便使用。在使用这个功能时,需要审核微信公众号,并审核认证(需要缴费审核300元/每年,由腾讯公司收取),否则微信不开放这个功能权限,即便一切填写正确也无法正常使用。

相关官方资料请查阅:

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

授权回调域

打开https://mp.weixin.qq.com网址,登录微信公众号,选择左侧菜单列表中的“设置”->公众号设置的菜单项(页面要往下拉,在左下方)。然后点击选择卡的“功能设置”,如下图:


配置AppID和AppSecret

打开https://mp.weixin.qq.com网址,登录微信公众号,选择左侧菜单列表中的“开发”->基本配置的菜单项(页面要往下拉,在左下方)。


上图中红框部分,即AppID和AppSecret。

回调域、AppID和AppSecret这三项是微信登录的关键信息,当三者都妥当后。即可进行微厦学习系统进行配置。

进入超级管理员界面,由此登录:/manage/index.aspx(默认账号为admin,密码1)

点击左侧菜单树,“基础设置”->“账号管理”->“登录接入”,如下图所示,填写相对应的信息即可。


登录测试

虽然可以直接在微信中打开网页,但仍建议要微信公众号创建自定义菜单,关联网址,这样打开更方便。微信要求必须是通过SSL认证的域或,即https开头的域名,不过现在要求好像不严格,http开头的也可以。

如果第一次登录,则会要求绑定原账户,如果以前登录后,则直接进入登录状态,无须账号密码等操作。

常见问题

1、redirect_uri域名与后台配置一致,错误码:10003

redirect_uri即回调域,在微信公众号中填写的回调域,要与学习系统超管中保持一致,仅域名一致即可。

上则资讯:的才