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

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

本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 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

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.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函数->右上角的测试按钮

图片.png

11:测试成功

图片.png

我们可以查看一下结果

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

图片.png

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏代码小睿

静态页面如何实现 include 引入公用代码

  一直以来,我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的,就像下面这样:

34600
来自专栏青玉伏案

iOS逆向工程之Theos

如果你对iOS逆向工程有所了解,那么你对Tweak并不陌生。那么由Tweak我们又会引出Theos, 那么什么是Theos呢,简单一句话,Theos是一个越狱开...

37090
来自专栏L宝宝聊IT

vCenter server 的部署和实施

19370
来自专栏守望轩

Visual Studio 2008 每日提示(二十五)

#241、在调试状态用立即窗口做计算器或调试面板 原文链接:You can use the immediate window as a glorified c...

30130
来自专栏北京马哥教育

django实战:实现简单的文件上传功能

作者:风之清扬 来源: http://blog.csdn.net/a18852867035/article/details/66976028 如何利用Djang...

31340
来自专栏祝威廉

StreamingPro-Editor, 基于Intellij Idea 的编辑器插件发布

StreamingPro在内部已经用在比较复杂的项目上了。所以导致配置文件巨复杂,之前同事提到这事,然后我自己把配置代码拉下来,看了下确实如此。一开始想着能否利...

10320
来自专栏小白鼠

Ionic3 Android调试

本文主要介绍将Ionic项目打包成安卓应用之后的调试过程,调试方式分两种:模拟器调试、真机调试。不过在此之前,必须要将ionic项目成功打包成Android应用...

24140
来自专栏性能与架构

如何管理linux开机自启服务?

自启动服务非常重要,例如 (1)需要手动添加希望自启的服务,如安装svn后没有自动添加,就需要我们手动加入 (2)安装某些程序后,自动加到自启动了,但我们...

312110
来自专栏魏艾斯博客www.vpsss.net

用 phpstudy 搭建本地 php 环境及安装 wordpress 教程

1K40
来自专栏听雨堂

Python在VSCode中进入交互界面调试

VSCode非常强大,断点好用,美中不足,每次只能通过下面窄窄一行进行各种检查,而python的优点就在于交互式的调试,所以希望能够在断点时能够进入到正常的交互...

44380

扫码关注云+社区

领取腾讯云代金券