使用云函数实现登录功能

一、创建一个集合users，至少含有xh(账号)和pwd(密码）字段

二、建立云函数cf_login并部署

代码如下：

// 云函数入口文件

const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数

exports.main = async (event, context) => {

  return cloud.database().collection("users")

  .where({

      xh:event.xh0,

      pwd:event.pwd0

  }).get()

}

 三、页面简单设计如下：

wxml内容：

<view>

  <input placeholder="输入账号" bindblur="getZ"/>

  <input placeholder="输入密码" bindblur="getP"/>

</view>

<button bindtap="denglu">登录</button>

<view>

<text>还没有账号</text>

<button>马上注册</button>

</view>

四、调用云函数实现登录功能并测试

 

js文件代码：

 

// pages/index/index.js

let zhH=''

let pwdpwd=''

Page({

  /**

   * 页面的初始数据

   */

  data: {

  },

  getZ:function(e){

    zhH=e.detail.value

    //console.log(zhH)

  },

  getP:function(e){

    pwdpwd=e.detail.value

    //console.log(zhH)

  },

  denglu:function(){

    wx.cloud.callFunction({

      name:"cf_login",

      data:{

        xh0:zhH,

        pwd0:pwdpwd

      }

    }).then(

      res=>{

        console.log(res.result.data.length)

        if (res.result.data.length>0)

     {

          wx.showToast({

            title: '登录成功',

          })

     }

     else

     {

      wx.showToast({

        title: '用户名或密码错',

      })

     }

      }

    )

/*

     wx.cloud.database().collection("users")

     .where(

       {

         xh:zhH,

         pwd:pwdpwd

       }

     )

     .get()

     .then(

       res=>{

         console.log(res.data.length)

         if (res.data.length>0)

     {

          wx.showToast({

            title: '登录成功',

          })

     }

     else

     {

      wx.showToast({

        title: '用户名或密码错',

      })

     }

       }

     )

    */

     

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function (options) {

  },

  /**

   * 生命周期函数--监听页面初次渲染完成

   */

  onReady: function () {

  },

  /**

   * 生命周期函数--监听页面显示

   */

  onShow: function () {

  },

  /**

   * 生命周期函数--监听页面隐藏

   */

  onHide: function () {

  },

  /**

   * 生命周期函数--监听页面卸载

   */

  onUnload: function () {

  },

  /**

   * 页面相关事件处理函数--监听用户下拉动作

   */

  onPullDownRefresh: function () {

  },

  /**

   * 页面上拉触底事件的处理函数

   */

  onReachBottom: function () {

  },

  /**

   * 用户点击右上角分享

   */

  onShareAppMessage: function () {

  }

})

完毕