微信登录和微信支付

在上一章我们初步的完成了前端的编写，接下来我们来操作微信的登录和微信的支付
微信开放平台（针对开发者和公司）：
对应的微信官方文档：
https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
登录用，对应的AppID和AppSecret需要申请才可操作，需要在管理中心创建申请对应的网站，一般是必须要上线的网站：
https://open.weixin.qq.com/
后面我给出了对应的信息（用来测试用），这样就不用你自己申请了
准备工作：
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统
在进行微信OAuth2.0授权登录接入之前，在微信开放平台注册开发者帐号
并拥有一个已审核通过的网站应用（或者其他应用，这里就以网站即网页为例子，后面的都说明网站）
并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程
注册帐号和申请应用都是免费的，必须要有一个线上的网站，才能审核通过（过程还是挺麻烦的）
就可以使用微信的登录了，但是如果想使用微信支付的功能，就必须认证开发者资质（认证一次300块人民币）
名词解释：
OAuth2.0协议

玩抖音，发视频，抖音需要访问你相册的授权，话筒的授权，地理位置的授权等等
一句话，我不想帐号密码给第三方应用，但我还想用他们的功能，而他们的功能需要我的部分数据来协助
ok，咱玩令牌，令牌与密码的作用都可以进入系统，但是有三点差异：
1：令牌是短期的，到期会自动失效，用户自己无法修改，密码一般长期有效，用户不修改，就不会发生变化
2：令牌可以被数据所有者撤销，会立即失效，以上例而言，屋主可以随时取消快递员的令牌，密码一般不允许被他人撤销
3：令牌有权限范围，比如只能进小区的二号门，对于网络服务来说，只读令牌就比读写令牌更安全，密码一般是完整权限
上面这些设计，保证了令牌既可以让第三方应用获得权限，同时又随时可控，不会危及系统安全
OAuth的四种授权模式：
1：授权码模式（功能最完整，流程最严密的授权模式）
说白了，授权码模式，不再client和user之间商量授权，而是client想要被授权
所以client去找了一个和事佬大妈，大妈将client和user叫到了一起（认证服务器）
给大妈个面子，这事就这么定了，就是这样的一个过程，全程中认证服务器会发布一个认证码贯穿始终
下面的可以百度了解即可
2：密码模式
一般通过账号密码就可以访问，他们可以通过你的账号密码进行访问（保存在他们的数据库里）
3：简化模式
授权码模式的减低版，没有code授权码
4：客户端模式
最不安全的模式，基本上不需要什么操作就可以访问，他们保存了你的令牌（你给的），保存在数据库里
安全性：授权码模式 > 简化模式 > 密码模式 > 客户端模式
那么具体的信任程度，一般是：客户端模式>密码模式>简化模式>授权码模式
因为对应的第三方必须信任要高，才会放心的给出最简便，但最不安全的模式，但最好还是使用授权码模式
因为在不安全的情况下，黑客也更加容易得到你的信息
由于授权码模式总体来说是最好的，所以我们操作授权码模式
AppID：应用ID，唯一标识（身份证号）
AppSecret ：应用的密钥（密码）
code：授权的临时凭证（例如：临时身份证）
access_token ：接口调用凭证（例如：真正的身份证，虎符，令牌）
登录授权时序图 ：

上面的二维码一般保存对应的地址，你可以进行测试，在百度上搜索"草料二维码生成器"，进行官方网站
输入"中华人民共和国"这个内容，点击生成二维码，用微信扫一扫，就会出现该内容
当然多次生成一样的，对应的码基本都相同
当然你也可以输入网站，如http://www.baidu.com，那么会自动的进行跳转，那么为什么不会直接显示内容，而是跳转呢
主要是观察是否有"

87-分布式前端微信操作相关推荐

  1. web前端-微信小程序开发学习

    web前端-微信小程序开发学习 1. 小程序的概述 2. 小程序的项目结构 2.1 小程序项目结构分析 2.2 WXML模版 2.3 小程序的宿主环境 3. 组件 3.1 视图容器类组件 3.2 常用 ...

  2. 商城系统（SpringBoot后端+Vue管理员前端+微信小程序）正式开源啦！

    一.项目介绍 mall是一套商城系统,包括 Spring Boot后端. Vue后台管理员前端 .微信小程序用户前端 . 主要功能有商品管理.订单管理.用户管理.商品收藏.加购物车.地址管理等. ma ...

  3. web项目实现mysql增删改查并从前端页面操作

    1.看下各个包下面的文件,我上一篇文章已经说过了,这里对上一章有一部分重复的 2.User.java是数据库元素写的一个类,代码如下 package com.hqyj.wj.model; //用户信息 ...

  4. 前端 IndexDB 操作入门教程

    前端 IndexDB 操作入门教程 idb-js 基于indexdb本地数据库的封装 文档地址 安装: npm install idb-js --save 使用: 第一步: 引入Idb import ...

  5. Java后端服务器点餐系统的部署+前端微信小程序开发（13）

    Java后端服务器点餐系统的部署+前端微信小程序开发(13) 编译运行小程序 1,本地调试 这和你上面java的运行要保持一致,如果是本地的java项目运行你就用 localhost 后台Java直接 ...

  6. 如何使用前端DOM操作制作一个便签：

    如何使用前端DOM操作制作一个便签: 当你看到这张要实现功能的图片时,不知道你现在的心情如何?反正我看到这张图片的时候心情就跟着张图片的背景颜色一样灰暗! 只要你在动手敲代码前想好各大功能应该要怎么实 ...

  7. 前端js操作截取/裁剪图片

    前端js操作截取/裁剪图片 主要使用canvas相关api来实现图片裁剪 在vue中使用 <template><div><img :src="imgSrc&qu ...

  8. js-xlsx 前端Excel操作

    js-xlsx前端Excel操作 介绍 (因为excel有点长 这里我将用ex替代) 有时候我们会在前端进行一些数据的操作,可能是解析ex的数据,或者是将数据导出为ex文档.在前端解析ex其实还是挺方 ...

  9. 前端微信公众号开发总结(准备篇)

    前言(废话篇) 一直想总结一篇关于前端微信开发的文章,但奈何本人极懒,工作时间又太长(暗喻加班-)等等各种原因导致没有写出来.现在之所以鼓起勇气总结一下还是想让自己理解更深刻一点儿,也让刚开始接触微信 ...

  10. 千锋Java高级教程+分布式+springcloud+微信支付课程

    课程目录: ├─千锋Java高级教程-cas单点登录(完结-8集) │ 01单点登录介绍 │ 02cas介绍 │ 03tomcat搭建https │ 04cas server搭建 │ 05Cas 配置 ...

最新文章

  1. java操作storm,Storm集群常用批量操作命令
  2. Keras之MLPR：利用MLPR算法(3to1【窗口法】+【Input(3)→(12+8)(relu)→O(mse)】)实现根据历史航空旅客数量数据集(时间序列数据)预测下月乘客数量问题
  3. 欧几里德与扩展欧几里德算法——密码学笔记（五）
  4. js监听多个事件_JavaScript中的事件与异常捕获解析
  5. HB-X打不开的解决办法
  6. 科目三考试里面的会车,调头,靠边停车通过标准
  7. 在 Tomcat 中设置 JDBCRealm
  8. 【will】JS去字符串首尾空格
  9. Linux 命令 (tar,权限,管道)
  10. python自动化任务_Python任务自动化工具tox使用教程
  11. 《嵌入式 – GD32开发实战指南》第15章 低功耗（电源管理）
  12. 实例化方式的比较 Activator和new
  13. TPC817隔离光耦使用小结
  14. latex大斜杠， 除号
  15. 零基础开始网页制作-前端开发
  16. ITOP资产信息登记指导书
  17. 2022年这5款熟悉的软件退出了历史舞台
  18. B - Carries　SCU - 4437
  19. Pylint同时屏蔽多个报错信息
  20. 使用手机搭建服务器，使用同一网段电脑访问

热门文章

  1. java解析本地wsdl_关于解析本地wsdl文件
  2. 如何查看这本书有没有PDF版
  3. 解决Navicat 15注册机出现 rsa public key not found
  4. 学生个人网页设计作品 学生个人网页模板 简单个人主页成品 个人网页制作 HTML学生个人网站作业设计代做
  5. java歌词解析器_设计模式学习（四）：基于Builder模式的歌词解析器
  6. 软件测试 PreDay 决策表
  7. miRNA数据库篇——Rfam数据库
  8. 便捷、高效、智能—从运维视角看星环科技大数据基础平台TDH
  9. HTTP 状态码大全
  10. JAVA架构师学习路线图（绝对详细）