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

微信小程序云开发 初学者入门教程一(云开发环境搭建)

本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

官方文档: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

1:在桌面新建一个文件夹,命名为cloud

 

5640239-5ba9e7b1112c0d36.png

图片.png

2:填写小程序appid,选择建立云开发快速启动模板,点击确定按钮。

5640239-ae3aaa6e8fcead7a.png

图片.png

3:完成之后,界面如下所示,默认好的项目目录和一系列的代码,可以仔细阅读和学习这些官方默认的文档

 

5640239-a87845b3ea5467af.png

图片.png

4:点击云开发按钮,申请开通

 

5640239-390c0e44957c64c9.png

图片.png

5:创建创建资源环境,填写环境名称,每个小程序帐号可免费创建两个环境。填写相关信息,环境名称

 

5640239-5990e1052ff6dea4.png

图片.png

6:成功开通之后进入;创建完成之后的界面。

 

5640239-6feeff5a61e497ef.png

图片.png

7:仔细看一下新建的云项目之后发现,新建项目中一个简单的获取用户openId的云函数示例

 

5640239-2904eb93f2c63d4d.png

图片.png

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

 

5640239-80df04bb61de5193.png

图片.png

9:在云开发控制台里,找到自己的环境ID,复制准备

 

5640239-f6422b157a5cfb35.png

图片.png

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

 

5640239-81bf3f7147b3e348.png

图片.png

示例代码:

//app.js
App({
  onLaunch: function () {
    
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        env: 'wang-t6e372',
        //我刚刚从云开发控制台里复制过来的自己的环境ID,
        traceUser: true,
      })
    }

    this.globalData = {}
  }
})

11:再次回到云开发控制台,依次点击云函数->login函数->右上角的测试按钮

 

5640239-4c47299e7235bf05.png

图片.png

11:测试成功

 

5640239-c8ce6eb3237ea979.png

图片.png

我们可以查看一下结果

打开云开发控制台,切换到“用户管理”标签页,查看小程序的用户列表

 

5640239-4016516f75cea720.png

图片.png

再来测试一下上传图片的功能
在本地桌面选一张图片上传,然后打开云开发控制台,查看存储管理,里面多了一张图片的记录,也就是刚刚我上传的自己的图片

5640239-8d265ea3554439c4.gif

rc3DXoid18.gif

原文作者:祈澈姑娘
技术博客:https://www.jianshu.com/u/05f416aefbe1

  • 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值