微信小程序云开发·初探-微信小程序开发库-小程序界面开发-即速应用

微信小程序云开发·初探-微信小程序开发库-小程序界面开发

浏览量：1837 时间：2020-04-06 来源：十二指环

1.
Gooddaysgiveyouhappinessandbaddaysgiveyouexperience.顺境带来快乐，逆境带来成长。
云开发quickstart2.
这是云开发的快速启动指引，其中演示了如何上手使用云开发的三大基础能力：
数据库：一个既可在小程序前端操作，也能在云函数中读写的JSON文档型数据库文件存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写业务逻辑代码参考文档3.
云开发文档
4.
先把微信开发工具更新至最新（1.02.1809111）
5.
注意1：创建一个新项目，注意要在一个空文件夹目录下创建，有隐藏文件的文件夹也不可以。注意2：云开发方式，需要appid，请准备好
选择“建立云开发快速启动模版”进行新项目创建6.
目录结构如下：
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创建服务环境名称，点击云开发一个账户可以创建两个环境，一个作为开发环境，一个作为生产环境7.
如下图所示这是新建项目中一个简单的获取用户openId的云函数示例
在cloudfunctions路径下的login文件夹上点击右键，选择创建并部署8.
部署成功后，弹出如下界面
在云开发界面的左上角找到“环境ID”并复制9.
在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{}}})10.
保存编译，即可Log你的openId
11.
打开云开发控制台，点击云函数-login函数-右上角的测试按钮
12.
把我们在上面获取到的openId修改复制上去，点击运行测试显示测试成功。
13.
更新目录