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

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

最近自己研究一下小程序，做了一个猜成语的小程序，从构思到上线用了一周左右吧，大概功能就是成语填空的小游戏。运营了一个月左右达到了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依赖