网站推广.NET

网站推广.NET

微信小程序云开发初学者教程一

来源:互联网

微信小程序云开发入门教程一(构建云开发环境)

本教程适用于刚刚入门的小白。云开发为开发人员提供了完整的云支持,削弱了后端以及运维的概念,无需构建服务器,并使用平台提供的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

让我们测试一下上传图片的功能。选择图片并将其上传到本地桌面上,然后打开云开发控制台并检查存储管理。还有一条图片记录,这是我刚刚上传的我自己的照片