评论
新手云开发环境创建,使用云函数获取用户openId

新手云开发环境创建,使用云函数获取用户openId

如果你与某个人相处非常愉快,你拋的梗,他都能接住最大可能不是你遇见了知己,而是遇到了情商阅历极高的人,他在向下兼容你

新手云开发环境创建,使用云函数获取用户openId

这几天在肛云开发的文档和教程;特别感谢codezzen在夜晚给枫瑞写了一个云开发的案例。云开发可以不使用域名,也就解决SSL和备案问题,当然也可以请求域名,同时具有不受信任域名和数量限制


这是云开发的第一篇文章,文章中也许会用很多不足,若有更好的学习方案可以留言哦

创建云开发

打开允许开发工具的时候直接选择云开发服务,不建议使用模版;因为里面太多杂乱的文件了

新手云开发环境创建,使用云函数获取用户openId

小程序初始化成功后,在状态了依次点击云开发----设置----新建一个环境----最后复制环境的ID

新手云开发环境创建,使用云函数获取用户openId

配置小程序

我们回到小程序打开package-lock.json文件中第一行添加

name": "cloundFuntios",

在根目录建议一个名为cloundFuntios的文件夹,该文件一个云的图标

随后在在app.js中绑定云环境id(文件中已经有代码我们按配置就好)

if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        // env 参数说明:
        //   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境(第一个创建的环境)
        env: 'fengrui-1gevmgfza8786ec0',
        traceUser: true,
      })
    }

创建云函数

在肛视频的时候基本都是从增删改查开始,但是个人喜欢从用户登录开始,于是就是跳过了一些文档直接看云函数,在cloundFuntios文件夹下建立一个名为login的函数,创建后里面自带文件,我们主打开index.js可以看到里面其实已经为我们默认写好好获取openId的案例

// 云函数入口文件
const cloud = require('wx-server-sdk')
​
cloud.init()
​
// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()
​
  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}

安装依赖

我们在控制中点击终端执行

npm install --save wx-server-sdk@latest
新手云开发环境创建,使用云函数获取用户openId

点击我们login文件夹,右键选择部署

新手云开发环境创建,使用云函数获取用户openId

点击cloundFuntions文件,右键同步函数列表

新手云开发环境创建,使用云函数获取用户openId

调用函数

我们在小程序首页中写一个点击按钮来执行云函数

fengruiBtn(){
    wx.cloud.callFunction({
      name:"login"
    })
    .then(res=>{
      this.setData({
        frDate:res.result.event.userInfo
      })
      console.log(res,'成功')
    })
    .catch(err=>{
      console.log(err,'失败')
    })
  },
新手云开发环境创建,使用云函数获取用户openId

案例源码

https://yinfengrui.lanzouw.com/iu9BJwdpnxg

总结

如果我们要做用户信息,得使用wx.getUserProfile获取头像用户名,之后在使用云函数获取openId;

相比普通的小程序,云开发确实够掉头发;但云开发天然免签的能力,消息订阅,文章支付等一些功能是否更好实现

banner图下载可以前往:https://banner.frbkw.com

云开发小程序取名为: