还在为没有服务器而烦恼?学会云开发让你全栈开发小程序

今天我们来使用云开发来获取自己的小程序二维码
在这里插入图片描述

先打开开发者工具点击云开发根据提示创建自己的云环境

这时候会有两个文件夹一个叫cloudfunctions|你的云环境ID
还有一个叫miniprograme就是你要渲染的页面文件夹

在我的项目中我已经有了云环境

右键cloudfunctions选择新建node.js云函数
在这里插入图片描述

我们的目的是通过云函数来获取我们的小程序二维码
此时我创建一个云函数命名为getQrCode

右键此云函数选择在终端中打开使用npm install wx-server-sdk 必须先安装云函数的依赖否则本地调试会报错

打开此云函数文件夹下的index.js文件

以下是我实现点击获取小程序二维码的代码

这里的wxContext是微信用户的OPENID,在云函数中可以直接使用cloud.getWXcontext()来直接获取

异步调用需要掌握async和await才可以比较熟练的使用云函数来编写
在这里插入图片描述

代码编写完毕之后右键getQrCode点击上传并部署云函数

这是我需要上传云函数的wxml文件的wxml代码

在这里插入图片描述
如上wxml代码我们看到绑定了一个叫 onTapQrCode的事件我们需要在js文件中去实现此方法

这里的wx.cloud.callFunction({name: “getQrCode”})
这里的name是你的云函数名称

在这里插入图片描述
回到开发者工具去体验一下云开发的强大
在这里插入图片描述
点击之后
在这里插入图片描述

该项目基于云开发已经上线可以扫描二维码查看可以播放音乐和写博客,由于部分功能是企业级的小程序,小程序审核人员不给通过,所以删除了相关页面的内容和功能

这时候我们就完成了此功能是不是很简单只要你会异步编程云函数绝对是你全栈开发小程序的神器

发布了16 篇原创文章 · 获赞 36 · 访问量 2386

猜你喜欢

转载自blog.csdn.net/m0_46269977/article/details/105588723