微信小程序的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)


});
posted @ 2020-05-06 19:56  Akby  阅读(1103)  评论(0编辑  收藏  举报