first commit

历届学生/fontendsix/项目练习/上课项目/shop-fontend/笔记.txt

@@ -0,0 +1,141 @@
+json web token
+
+jwt
+
+ajax 请求是无状态的
+
+
+RSA 非对称加密
+公钥
+私钥
+
+token: WEWE.WF.REG.45.Y.4.6.7.U.T.JTYJ.TYJTYJTYJTYJYTJTYJYT.J.TJ.TYJ.TY.JTY
+
+{
+  id: 1,
+  page: 2
+}
+
+KFEJWEHFBERUHGERGHETHRTHRTHR.HJR.H.RYJ.TY.JTU.KJT.UJ.TY.JTY.
+
+
+{
+  status: 200,
+  data: [],
+  message: "1111"
+}
+WHDVQWDVUQWVDQWBFJQEBIFEFWGFR/GERGTEHRTHRYHRDHREHREHERHETH.EHRTHRTRH/HRHRTHRTHRT
+
+
+
+http://127.0.0.1/api/index?id=1&page=3&time=16633444&sign=4bf8eb636c8981b361bcc03394f6ef06
+
+time: 时间戳
+
+sign：加密参数  规则
+
+1 先排序
+2 格式化字符串，做成get请求参数的格式
+3 MD5加密 （对用户注册的密码进行加密，加密不可解密的）
+{
+  id: 1,
+  time: 16633444,
+  page: 3,
+}
+
+id=1&time=16633444&page=3
+
+4bf8eb636c8981b361bcc03394f6ef06
+
+
+支付（假的）
+
+后面和你们说
+
+vue vue-router vuex
+
+vuex: 存放全局变量(响应式的)和方法的
+
+State：用来存数据的
+Getter：用来读取 State 中的变量
+Mutation：用来写 State 中的变量
+Action：用来提交 Mutation，它可以完成异步操作
+
+
+支付：
+
+支付宝支付
+
+ 1: PC端支付
+    1:
+       vue:
+         <div v-show="false" v-html="result"></div>
+         data: {
+           result: ''
+         }
+
+       <form action="https://alipay?sing=eqe2e1212124141">
+          <input type="text">
+          <input type="submit">
+        </form>
+
+    2: https://alipay?sing=eqe2e1212124141
+       location.href = https://alipay?sing=eqe2e1212124141
+
+
+    查看订单支付状态的页面地址（线上可以访问的地址）
+    http://bmy.com/order/checkOrder?nums=1231243243rewtet34t34543
+
+ 2: 小程序支付 my.tradePay(订单号)
+ 3: H5支付  和  PC端支付 流程一样
+
+
+
+微信支付
+
+ 1: PC端支付
+    1: 是一个图片（二维码）地址， 订单号
+    2: 通过定时器 setInterval 每隔一秒去查询订单是否支付成功
+
+ 2: 小程序支付  wx.requestParm()
+ 3: H5支付   WeixinJSBridge.invoke
+
+
+支付方式接口：
+[
+ { title: '支付宝支付', type: 1 },
+ { title: '微信支付', type: 2 },
+]
+
+支付流程：
+
+  1：下单接口
+
+  接口：/buyOrder
+  参数：[商品id]
+  返回数值：订单号  BDUDBHBHBU20211203879876867576576
+
+  2: 支付接口
+  接口：/pay
+  参数：
+     订单号 BDUDBHBHBU20211203879876867576576
+     支付方式（微信，支付宝） 1
+
+  返回数值：
+    {
+      "timeStamp":"",
+      "nonceStr": "",
+      "package": "",
+      "signType": "MD5",
+      "paySign": "",
+    }
+
+  3: 调用官方给的方法，传入参数即可唤醒官方的支付界面进行支付，在回调函数中拿到用户是否支付的结果
+     success (res) { },  提示用户支付成功，自动跳转进入订单状态页面
+     fail (res) { }      提示用户支付失败，是否重新支付，如果点击确定，重新走 2 接口
+
+  4: 查询订单是否支付成功的接口 (H5支付)
+   接口：/checkPay
+   参数：
+       订单号 BDUDBHBHBU20211203879876867576576
+   返回数值：0 未支付，1支付成功