zoukankan      html  css  js  c++  java
  • 微信小程序的api使用和封装

    小程序登录

    天使童装

    1.微信授权

    通过wx.login()获取code值,只是一个临时凭证
    通过code利用wx.request调用小程序登录接口来换取token,代码如下:
    
       wx.login({
           success(res) {
             console.log('wx.login:',res)
             let {code}=res;
              wx.request({
                url: 'https://api.it120.cc/hjl/user/wxapp/login',
                data:{
                  code
                },
                header:{
                  'content-type':' application/x-www-form-urlencoded'
                },
                method:'POST',
                success(result) {
                  console.log('登录返回',result)
                }
              })
    
           }
         })
    
    

    检测token是否有效接口:https://api.it120.cc/hjl/user/check-token

    微信检测session_key是否有效:

    获取用户信息:

     通过button的open-type="getUserInfo"  bindgetUserInfo="回调来获取用户信息的方法"
     通过wx.getUserInfo(success(res) {})
    

    2.存入你们公司后台数据库

     注册接口
    
     1.通过微信登录获取code的方式注册
        
        注册接口:/{domain}/user/wxapp/register/complex
    
        请求的参数:
            code	微信登录接口返回的 code 参数数据
            encryptedData	微信登录接口返回的 加密用户信息
            iv	微信登录接口返回的加密偏移数据	
    
    
     2.通过邮箱注册:通过用户管理接口测试
     3.通过手机号注册:通过用户管理接口测试
    

    封装数据请求API接口

    API: application interface ,即编程接口

    1.提取公共的url
    
    2. 二次封装ajax请求(axios,$.ajax,wx.request)
    
    3. 基于业务封装的API:获取商品列表,添加购物车,添加收藏,搜索,商品说情
    
    4.通过Promise将请求的数据抛出,供用户使用
    
       new Promise(回调函数)
    
    5.对数据加载进行loading,toast处理
    
    
    封装好,如果在页面中调用
    
    
     getGoodsList().then(res=>{
    
      console.log('终于等到你',res)
    
    
    });
  • 相关阅读:
    WPF 组织机构摄像机树 全量加载 大数据量 分页加载摄像机节点
    vue3 自定义指令(简易版防抖、节流)
    测试Writer
    The blog In The cnblogs!
    分割
    coeLmiGMmW
    js 之 setTimeout 0 分析
    vue 组件 之 注册 及 组件内data的使用
    Js/es for(let i in Obj)效率分析及优化
    vue.js 表单控件 输入绑定 vmodel的使用
  • 原文地址:https://www.cnblogs.com/akby/p/12838526.html
Copyright © 2011-2022 走看看