美文网首页
微信小程序使用云函数获取openid以及快速开发

微信小程序使用云函数获取openid以及快速开发

作者: 四月天__ | 来源:发表于2020-07-16 11:42 被阅读0次

    随着微信官方对微信小程序对大力支持,以及微信小程序越来越便捷的使用,就像李小龙说的“用完即走,无需下载”一样,像平时的美团点餐、喜马拉雅听书、微信读书等等众多大厂也都已经上线了小程序。

    最近自己研究一下小程序,做了一个猜成语的小程序,从构思到上线用了一周左右吧,大概功能就是成语填空的小游戏。运营了一个月左右达到了1000个独立访问的标准,然后就申请开通流量主了,看看能不能薅一点微信爸爸的羊毛,嘿嘿。。。

    扫码可以体验哈:

    WechatIMG306.jpeg

    emm,好像说远了,我好想是要说小程序云函数开发的事情呢,
    下面进入正题-----------

    官方对云开发的介绍:

    开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。

    云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

    下面介绍几个我在云开发中使用到的云开发的功能:

    1、普通项目改造成云开发功能的项目

    因为一开始我新建的项目没有用到云函数,在后面开发的过程中想到需要用户的openid来统计用户数量已经用户的一些基本信息,研究一下,云函数就可以满足我需求还不用后台实现,就尝试把原来项目改造了一下

    小程序是根据project.config.json文件里的 "cloudfunctionRoot"字段来识别项目里是否有云函数。

    1.1 打开开发工具,在项目目录侧边栏新建functions文件夹,在functions文件夹里面右键新建一个云函数,命名为getOpenId,

    新建云函数:


    image.png

    创建好的云函数:


    image.png
    1.2 新建一个文件夹命名为miniprogram,把原来项目里除了project.config.json文件外,全放到这里,调整后的目录结果如下:
    image.png
    1.3 在app.js文件里添加如下代码
    App({
      "cloud": true,
      onLaunch: function() {
       if (!wx.cloud) {
          console.error('请使用 2.2.3 或以上的基础库以使用云能力')
        } else {
          wx.cloud.init({
            // env 参数说明:
            //   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
            //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
            //   如不填则使用默认环境(第一个创建的环境)
            // env: 'my-env-id',
            traceUser: true,
          })
        } 
    })
    
    
    1.4 在project.config.json里指向云开发和页面的文件夹即可
        "description": "项目配置文件",
        "miniprogramRoot": "miniprogram/",
        "cloudfunctionRoot": "functions/",
    
    1.5 最后一步,构建并部署云函数即可。
    image.png
    1.6 这时你会发现开发工具的菜单栏出现了一个云开发的图标,你可以在里面看云函数的调用数据。具体自行研究哈。
    image.png

    2、新建云函数,通过云函数获取到用户的openid,省去后端同事的宝贵时间

    3、构建npm依赖

    相关文章

      网友评论

          本文标题:微信小程序使用云函数获取openid以及快速开发

          本文链接:https://www.haomeiwen.com/subject/fuxphktx.html