前端-h5开发公众号之网页授权,code获取

第一种方式:在配置公众号子菜单网页链接的时候可以不直接配置域名加路由的方式,可以在服务器部署一个html文件,放入这个html文件的访问地址,这个html的作用下面说

html的作用就是带着需要的参数去访问微信提供的网页授权页面,前面是页面路径后面是参数,参数在下面

 

 

 查询官方文档,参数需要这些 文档链接: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

 可以看下官方提供的样例,"?"前面是页面地址都是一样的,不需要变,appid和redirect_uri填自己项目的,其他的根据文档和需求自己填就好了,其中redirect_uri指的是项目服务器域名+前端页面路由(真正的网页链接),并需要进行urlEncode(编码处理,

可以用encodeURIComponent()函数处理)

 

 

然后html访问完微信那边的页面就会返回真正的前端页面并携带code和其他参数,然后就可以操作字符串,获取code了. 

 

 .

第二种方式:可以直接在微信公众平台子菜单网页链接配置哪儿配置项目服务器域名加前端页面路由,然后在前端代码里面先写个算法判断有没有code,没有就需要用

window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=' ***'&redirect_uri="*******"&response_type=code&scope=snsapi_base&state=1111#wechat_redirect"

去请求微信的网页授权页面参数那些跟第一种方法一样的,

总结: 获取code的关键在于,访问微信提供的网页授权网页时,参数一定要准确,特别是appid和redirect_uri,redirect_uri是真正的公众号子菜单的网页链接,然后在进行编码.