初学者微信小程序开发案例-微信小程序云开发初学者入门教程一-微信小程序案例-即速应用

初学者微信小程序开发案例-微信小程序云开发初学者入门教程一-微信小程序案例

浏览量：1880 时间：2020-03-20 来源：祈澈菇凉

微信小程序云开发初学者入门教程一（云开发环境搭建）
1.本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的API进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。
2.官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html#%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98
3.1：在桌面新建一个文件夹，命名为cloud
4.
5.图片.png
6.2：填写小程序appid，选择建立云开发快速启动模板，点击确定按钮。
7.
8.图片.png
9.3：完成之后，界面如下所示，默认好的项目目录和一系列的代码，可以仔细阅读和学习这些官方默认的文档
10.
11.图片.png
12.4：点击云开发按钮，申请开通
13.
14.图片.png
15.5：创建创建资源环境，填写环境名称，每个小程序帐号可免费创建两个环境。填写相关信息，环境名称
16.
17.图片.png
18.6：成功开通之后进入；创建完成之后的界面。
19.
20.图片.png
21.7：仔细看一下新建的云项目之后发现，新建项目中一个简单的获取用户openId的云函数示例
22.
23.图片.png
24.8：在cloudfunctions路径下的login文件夹上点击右键，选择创建并部署
25.
26.图片.png
27.9：在云开发控制台里，找到自己的环境ID，复制准备
28.
29.图片.png
30.10：在miniprogram目录下的app.js配置环境ID
31.
32.图片.png
33.示例代码：
//app.jsApp({onLaunch:function(){if(!wx.cloud){console.error('请使用2.2.3或以上的基础库以使用云能力')}else{wx.cloud.init({env:'wang-t6e372',//我刚刚从云开发控制台里复制过来的自己的环境ID，traceUser:true,})}this.globalData={}}})
34.11：再次回到云开发控制台，依次点击云函数-login函数-右上角的测试按钮
35.
36.图片.png
37.11：测试成功
38.
39.图片.png
40.我们可以查看一下结果
41.打开云开发控制台，切换到“用户管理”标签页，查看小程序的用户列表
42.
43.图片.png
44.再来测试一下上传图片的功能在本地桌面选一张图片上传，然后打开云开发控制台，查看存储管理，里面多了一张图片的记录，也就是刚刚我上传的自己的图片
45.
46.rc3DXoid18.gif
47.原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
关注「编程微刊」公众号，在微信后台回复「领取资源」，获取IT资源300G干货大全。
48.