手机站微信登录代码分享,自己开发仅供学习

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机站微信登录代码分享,自己开发仅供学习相关的知识,希望对你有一定的参考价值。

首先前端的代码是

 

<div class="joint-login">
  <h2><span>合作账号登录</span></h2>
  <ul>
   
  <li><a class="qq" href="javascript: void(0);"></a></li>
  <li><a class="weixin" href="javascript: void(0);">微信登录</a></li>
  </ul>
  </div>

 

点击微信登录的时候调用下列js

写一个函数跳转到微信第三方的下列url地址

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx948d8a883980cdcc&redirect_uri=http://%3A%2F%2Fwww.qianhtj.com%2Fmobile%2Findex.php%3Fact%3Dlogin%26op%3Dwxback&response_type=code&scope=snsapi_userinfo&state=61a9a4fdd84ab04fa6ad997274092c24&connect_redirect=1#wechat_redirect

注意携带这几个参数(appid和秘钥以及跳转地址加密后的)

appid就是微信公众号的id号,唯一,url加密要使用加密函数

最后一步就是交由微信第三方处理

需要有微信公众号和微信开放平台账号授权

以上是关于手机站微信登录代码分享,自己开发仅供学习的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发学习--获取用户信息

Vue 和 微信开发 视频资源分享 -- 仅供学习使用

用企业微信的扫码功能,识别用户,登录自己的网站么

如何在微信分享的网页中显示描述和图片

为啥华为手机微信内置浏览器不支持FileReader

android 微信登录和原生友盟分享的坑