环境准备

开发者账号注册

[https://mp.weixin.qq.com/](https://mp.weixin.qq.com/)
![APPID获取](https://img-blog.csdnimg.cn/379ddd76fd294fa4bb463f93809f4de4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5b6I6I-c55qE5bCP55m95Zyo5YiG5Lqr,size_20,color_FFFFFF,t_70,g_se,x_16)

按照微信公众平台账号注册流程完成注册，并且在

侧边栏>>开发>>开发管理>>开发设置

中获取AppId和AppSecret，这个两个需要保存一下之后会有很多地方使用到

开发工具安装

[https://developers.weixin.qq.com/miniprogram/dev/api/](https://developers.weixin.qq.com/miniprogram/dev/api/)]
![入口](https://img-blog.csdnimg.cn/79b0a5007c3744c7ae6ca44d0b37cc01.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5b6I6I-c55qE5bCP55m95Zyo5YiG5Lqr,size_20,color_FFFFFF,t_70,g_se,x_16)
![下载](https://img-blog.csdnimg.cn/76db9ceb3e53418db2528fcece741bda.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5b6I6I-c55qE5bCP55m95Zyo5YiG5Lqr,size_20,color_FFFFFF,t_70,g_se,x_16)

安装后是介个样子
然后使用微信扫码进行登录

项目搭建

登录后点击新建项目
配置项目信息

云开发环境创建

项目创建成功后在工具栏顶部选择云开发项，就可以进入云开发控制台。
创建数据库表、创建存储文件夹等需要的资源配置

这里简单介绍一下云开发控制台的一些内容

数据库：这里主要是用来创建数据中需要的一些表，里面可以进行索引配置，熟悉数据库的同学一看就明白了，是一个json型数据库。提前声明一下这个控制台中的数据库UI操作有些鸡肋，操作起来很费劲，稳住心态慢慢来。
存储：在这个栏中主要是用来存放一些文件或资源，主要实现一些资源的上传保存操作
云函数：这个就比较简单了，其实就是你在代码中写的各种接口，通过发布后就会在云函数中展示出来，这里可以做一些云端测试、接口日志查看

运行第一个Hello World

云开发文档：

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

在cludefuntions文件夹下创建一个helloWorld文件夹，创建完成后会生成一个云函数的模板，我们的代码就写在文件下的index.js中
编写helloWorld接口代码，写完后需要右击文件进行发布，前端才可以调用

// 云函数入口文件
const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数 ，所有的逻辑代码都在这里面完成
exports.main = async (event, context) => {const wxContext = cloud.getWXContext()const helloWorld = 'helloWorld'return { // 这里通过 return 关键字统一将数据返回helloWorld,event,openid: wxContext.OPENID,appid: wxContext.APPID,unionid: wxContext.UNIONID,}
}

创建helloWorld前端文件，在js文件中调用node

wx.cloud.init() // 在前端js文件中初始化cloud
page({onLoad(){},data:{str:'',},helloWorld(){wx.cloud.callFunction({name: 'helloWorld', // 云函数名称data: {}, // 用于接口传参success:(result)=>{this.setData({str: result.result.helloWorld})}})}
})

demo示例

云开发实现图片上传：demo

结语

本文章编写的初衷也是因为自己从来没有接触过小程序云开发，想要了解一番，文中的 deme ,就是自己使用云开发写的一个例子，内容有些粗糙，各位见谅，不喜勿喷。如今前端越来越强大了，内容也丰富多样，各位前端同志们加油，后续还会有一些文章登场。

【小程序】云开发从零到一搭建流程相关推荐

微信小程序云开发实例源码部署详细流程[自带管理后台]
项目介绍小贝校招项目是集校招资讯.内推.刷题.简历模板下载等功能于一体的小程序,基于微信原生+微信云开发+vant+colorui以及相关技术栈开发,自带图像云开发后台,不需要自己建网站. 源代码 ...
微信小程序云开发 · 从0搭建商业级校园跑腿平台（已开源）
微信小程序云开发 · 从零搭建商业级校园跑腿平台小秃僧新生代农民工,一枚准毕业的大四学生,热爱前端开发,做个有态度.有思想.有价值的公众号. 好久不更新了,再更新已是打工人! 我将分享用云开发 ...
微信小程序-云开发起步
文章目录前言一.快速开始二.云开发实战 1.开通云开发 2.配置当前云开发环境 3.了解目录结构 4.云函数操作流程 5.上传云函数到云服务 6.基本操作(增.删.改.查) 总结前言微信小程 ...
10行代码实现微信小程序支付功能，使用小程序云开发实现小程序支付功能（含源码
前面给大家讲过一个借助小程序云开发实现微信支付的,但是那个操作稍微有点繁琐,并且还会经常出现问题,今天就给大家讲一个简单的,并且借助官方支付api实现小程序支付功能. 传送门借助小程序云开发实现小程 ...
视频教程-5小时零基础入门小程序云开发-微信开发
5小时零基础入门小程序云开发码农一枚,非著名全栈开发人员.分享自己的一些经验,学习心得,希望后来人少走弯路,少填坑. 多年全栈开发经验,擅长小程序,java,安卓,web前端开发. 邱石 ¥29.0 ...
水果电商小程序云开发，从零到上线投入使用
微信小程序-水果商城项目地址 git clone https://github.com/Voyzz/Fruit-store-mp 我的博客项目说明微信支付开通审核中,下一版本开通微信支付项目已 ...
微信小程序云开发体会——总结软件工程导论大作业
微信小程序云开发体会--总结软件工程导论大作业前言第一次接触具体难题好用的技术开发完之后的体会无法不热爱更多前言可能大家完成这次作业都会选择比较擅长的领域--网页前后端.这的确是比较稳 ...
小程序发送邮件，小程序云开发使用云函数发送邮件
老规矩,先看效果图通过上面的日志,可以看出我们是158的邮箱给250的邮箱发送邮件,下面是成功接收到的邮件. 准备工作 1,qq邮箱一个 2,开通你的qq邮箱的授权码(会具体讲解) 3,注册自己的小 ...
借助小程序云开发实现小程序的登陆注册功能
小程序云开发讲解视频:https://edu.csdn.net/course/detail/9604 有了云开发我们不仅可以方便的获取到用户的openid,还可以通过云开发的数据库来存储用户信息,进而 ...

【小程序】云开发从零到一搭建流程