微信小程序云开发入门教程一(构建云开发环境)
本教程适用于刚刚入门的小白。云开发为开发人员提供了完整的云支持,削弱了后端以及运维的概念,无需构建服务器,并使用平台提供的API进行核心业务开发,从而实现了快速启动和迭代。同时,此功能与开发人员使用的云服务兼容,并且并不互斥。
正式文件:#%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98
1:在桌面上创建一个新文件夹,并将其命名为cloud
Picture.png
2:填写小程序appid,选择创建云开发快速入门模板,然后单击“确定”按钮。
Picture.png
3:完成后,界面如下,默认项目目录和一系列代码,您可以仔细阅读和研究这些官方默认文件
Picture.png
4:单击云开发按钮以申请激活
Picture.png
5:创建资源环境,填写环境名称,每个小程序帐户可以免费创建两个环境。填写相关信息,环境名称
Picture.png
6:成功激活后进入;创建后的界面。
Picture.png
7:在仔细查看了新创建的云项目之后,我发现有一个简单的云函数示例,可以在新创建的项目中获取用户的openId
Picture.png
8:右键单击cloudfunctions路径下的登录文件夹,选择创建并部署
Picture.png
9:在云开发控制台中找到您自己的环境ID,并准备进行复制
Picture.png
10:在小程序目录下的app.js中配置环境ID
Picture.png
示例代码:
//app.jsApp({ onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ env: 'wang-t6e372', //我刚刚从云开发控制台里复制过来的自己的环境ID, traceUser: true, }) } this.globalData = {} }})
11:再次回到云开发控制台,然后单击云功能->登录功能->右上角的测试按钮
Picture.png
11:测试成功
Picture.png
我们可以检查结果
打开云开发控制台,切换到“用户管理”选项卡,然后查看小程序的用户列表
Picture.png
让我们测试一下上传图片的功能。选择图片并将其上传到本地桌面上,然后打开云开发控制台并检查存储管理。还有一条图片记录,这是我刚刚上传的我自己的照片