微信小程序> 微信小程序:云开发·初探

微信小程序:云开发·初探

浏览量:3039 时间: 来源:十二指环

Good days give you happiness and bad days give you experience.
顺境带来快乐,逆境带来成长。


云开发 quickstart

这是云开发的快速启动指引,其中演示了如何上手使用云开发的三大基础能力:

  • 数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 文档型数据库
  • 文件存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理
  • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码

参考文档

  • 云开发文档

  • 先把微信开发工具更新至最新(1.02.1809111)

注意1:创建一个新项目,注意要在一个空文件夹目录下创建,有隐藏文件的文件夹也不可以。
注意2:云开发方式,需要appid,请准备好

  • 选择“建立云开发快速启动模版”进行新项目创建

小程序

小程序

目录结构如下:

cloudfunctions    | - loginminiprogram    | - images           | - code-db-inc-dec.png           | - code-db-onAdd.png           | - code-db-onQuery.png           | - code-db-onRemove.png           | - code-func-sum.png           | - console-entrance.png           | - create-collection.png    | - pages           | - addFunction                    | - addFunction.js                    | - addFunction.json                    | - addFunction.wxml                    | - addFunction.wxss           | - chooseLib                    | - chooseLib.js                    | - chooseLib.json                    | - chooseLib.wxml                    | - chooseLib.wsxx           | - databaseGuide                    | - databaseGuide.js                    | - databaseGuide.json                    | - databaseGuide.wxml                    | - databaseGuide.wxss           | - deployFunctions                    | - deployFunctions.js                    | - deployFunctions.json                    | - deployFunctions.wxml                    | - deployFunctions.wxss           | - index                    | - index.js                    | - index.wxml                    | - index.wxss                    | - user-unlogin.png           | - storageConsole                    | - storageConsole.js                    | - storageConsole.json                    | - storageConsole.wxml                    | - storageConsole.wxss           | - userConsole                    | - userConsole.js                    | - userConsole.json                    | - userConsole.wxml                    | - userConsole.wxss    | - style           | - guide.wxss    | - app.js    | - app.json    | - app.wxssREADME.mdproject.config.json
  • 创建服务环境名称,点击云开发

小程序

  • 一个账户可以创建两个环境,一个作为开发环境,一个作为生产环境

如下图所示这是新建项目中一个简单的获取用户openId的云函数示例

小程序

  • cloudfunctions路径下的login文件夹上点击右键,选择创建并部署

小程序

部署成功后,弹出如下界面

小程序

  • 在云开发界面的左上角找到“环境ID”并复制

小程序

miniprogram目录下的app.js配置环境ID

//app.jsApp({  onLaunch: function () {    if (!wx.cloud) {      console.error('请使用 2.2.3 或以上的基础库以使用云能力')    } else {      wx.cloud.init({        env:'你的环境ID',        traceUser: true,      })    }    this.globalData = {}  }})

保存编译,即可Log你的openId

小程序

打开云开发控制台,点击云函数->login函数->右上角的测试按钮

把我们在上面获取到的openId修改复制上去,点击运行测试显示测试成功。

更新目录

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎