微信小程序登录

1.在.wxml页面写登录代码

复制代码

<view class='login'>
  <form>
    <view bindsubmit="login">
      <button type='primary' form-type='submit'>登录</button>
    </view>
  </form>
</view>

2.在.js里面写登录页面的逻辑

//登录
login: function(e){
        wx.request({
          url: '登录接口',
          method: "POST",
          success: function(result){
            console.log(result);
            if(result.code == 200){
                wx.setStorage({   //把请求到的登录信息和key值存到本地
                    key: "请求到的key值",
                    data: res.data.list
                  });
                  wx.showToast({
                      //登录成功提示 弹出框显示title和icon
                    title: "登陆成功",
                    icon: 'success',
                    duration: 20000,
                    success: function () {
                      setTimeout(function () {
                        wx.switchTab({
                          url: '登录成功后跳转的页面',
                        })
                      }, 2000)
                    }
                  })
                }
          }
        })
      }

一般来说，登录都是有接口的，我们直接把登录的接口写道url里就好了，以上就是微信小程序授权登录的一个思路。