专栏首页编程微刊微信小程序云开发 初学者入门教程一

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

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

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

相关文章

  • 微信小程序从零开始开发步骤(三)底部导航栏

    王小婷
  • 小程序源码丢失了怎么在微信平台反编译找回

    这篇文章是总结了一下公司后台开发的经验,之前他的电脑系统突然就坏掉了,电脑里的小陈需源码也丢失了,但是小程序已经提交到微信小程序服务器平台审核通过,问了很多人,...

    王小婷
  • 微信小程序底部导航栏实现

    上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航,会实现不同对应页面之间的切换。

    王小婷
  • 如何将 Hexo 博客部署到云开发静态网站托管

    Hexo 是一个快速、简洁且高效的博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在其他平台上,是搭建博客的首选框架。除了在 Github Pages ...

    腾讯云开发TCB
  • Pycharm连接Github

    绑定账号 1、File->Settings->Version Control->Github ? Settings.png 会出现github,然后在旁边输入你...

    zhisheng
  • python接口自动化16-multipart/form-data上传多个附件

    前言 reuqests上传一张图片到服务器,前面已经介绍过了,那么如何在提交BUG的时候,上传附件呢? 上传附件的时候,文件的name参数名称是一样的,pyth...

    企鹅号小编
  • 向Windows 服务器传输大文件

    https://support.microsoft.com/zh-cn/help/2258090/copying-files-larger-than-2-gb-...

    渠道架构师测试帐号
  • LeetCode: 221_Maximal Square | 二维0-1矩阵中计算包含1的最大正方形的面积 | Medium

    题目: Given a 2D binary matrix filled with 0's and 1's, find the largest square co...

    CloudDeveloper
  • 李成熙 :云开发——小程序后台服务开发最佳实践

    我本人是在2014年的时候加入腾讯,主要做过有像QQ,小程序也做过一些,如腾讯文档的小程序。现在主要负责小程序·云开发。

    云加社区技术沙龙
  • python接口自动化16-multipart/form-data上传多个附件

    前言 reuqests上传一张图片到服务器,前面已经介绍过了,那么如何在提交BUG的时候,上传附件呢? 上传附件的时候,文件的name参数名称是一样的,pyt...

    上海-悠悠

扫码关注云+社区

领取腾讯云代金券