微信公众号(服务号)授权登录

1认证服务号

如果想要做公众号开发,尽量申请服务号,因为订阅号好多都不支持

2.配置域名

接口权限---网页授权

3开始授权

详细的步骤如下:

  1.用户关注微信公众账号。

  2.微信公众账号提供用户请求授权页面URL。

  3.用户点击授权页面URL,将向服务器发起请求

  4.服务器询问用户是否同意授权给微信公众账号(scope为snsapi_base时无此步骤)

  5.用户同意(scope为snsapi_base时无此步骤)

  6.服务器将CODE通过回调传给微信公众账号

  7.微信公众账号获得CODE

  8.微信公众账号通过CODE向服务器请求Access Token

  9.服务器返回Access Token和OpenID给微信公众账号

  10.微信公众账号通过Access Token向服务器请求用户信息(scope为snsapi_base时无此步骤)

  11.服务器将用户信息回送给微信公众账号(scope为snsapi_base时无此步骤)

 

3.1获取code

请求授权页面的构造方式

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

示例:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3ecef00f526f8392&redirect_uri=https://www.youyayoyo.com&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect

微信返回

https://https://www.youyayoyo.com?code=0217a07e9c194dbf539c45c266b2dcfZ&state=123

 

3.2把code传给后端

3.3后端通过code去向微信拿openid和token

3.4通过openid和token去获取用户的信息

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在uniapp中开发H5登录微信公众号并进行联调,有以下几个步骤: 1. 获取微信开发者账号和相关配置信息:首先需要在微信开放平台注册并创建一个开发者账号,然后创建一个微信公众号,并获取相应的AppID和AppSecret等配置信息。 2. 在uniapp项目中配置相关插件:在uniapp项目的manifest.json文件中,添加对应的插件配置,如"@dcloudio/uni-mp-weixin"插件。然后在项目的App.vue中通过uni.login方法获取登录凭证code,并调用uni.request方法发送请求到服务器获取用户的openid和session_key。 3. 前端与后端的联调:根据服务器返回的用户openid和session_key,在前端进行相关的业务逻辑处理,如展示用户信息、跳转到其他页面等。其中,服务器端需要处理用户的登录请求,并返回openid和session_key等信息给前端。 4. 微信公众授权设置:在微信公众号后台设置中,配置网页授权域名和回调地址,并将uniapp项目的H5链接添加到公众号菜单中。 5. 测试和调试:完成以上步骤后,进行测试和调试,确保登录功能在H5中正常使用。可以通过调试工具、日志打印等方式进行定位和解决问题。 总结:在uniapp开发H5登录微信公众号的联调过程中,需要进行微信开发者账号和相关配置的准备,配置相关插件和设置,前端与后端的联调,以及进行测试和调试。通过这些步骤,可以实现在uniapp项目中登录微信公众号并进行H5联调。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值