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

news/2024/7/11 1:34:57 标签: 小程序, vue.js, es6, 前端, javascript

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

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

这时候会有两个文件夹一个叫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是你的云函数名称

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

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

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


http://www.niftyadmin.cn/n/1542405.html

相关文章

CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法: 区别IE6与FF:background:orange;*background:blue;区别IE6与IE7: background:green !important;background:blue;区别IE7与FF: background:orange; *background:green;区别F…

DES加密

文章来源:http://blog.csdn.net/hbcui1984/article/details/5065506 package com.judy.Security;import java.security.SecureRandom;import javax.crypto.Cipher; import javax.crypto.SecretKey; import javax.crypto.SecretKeyFactory; import javax.crypto.spec…

JS前端面试基础-作用域和闭包

JS基础作用域和闭包一、作用域四、this的使用五、题目解答1.this在不同场景下应该如何取值?2.手写bind函数3.实际开发中的闭包应用场景,举例说明4.面试题 创建10个a标签,点击的时候弹出对应的序号六、小结题目 1.this在不同场景下应该如何取值…

在IIS中设置Gzip页面压缩 优化网站的性能

一. HTTP压缩概述HTTP压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或 CSS文件。压缩的最大好处就是降低了网络传输的数据量,从而提高客户端浏览器的访问速度。当然,同时也会增加一点点服…

【codevs1922】骑士共存问题——网络流

给棋盘黑白染色,源点向不为障碍的奇点连一条权值为1的边,向可以攻击到的偶点连一条边,权值为inf;偶点向汇点(tn*n1)连一条权值为1的边。 跑最小割,最小割的意义就是看至少要放弃几个点&#xff…

下一代前端开发语言Typescript之编写第一个Typescript程序

TypeScript 注意编译Typescript项目之前需要确保安装了node.js 编译.ts文件项目需要打开终端输出tsc index.ts 之后会生成一个index.js文件 // //ts中创建接口使用interface interface Person {firstName: stringlastName: string }function person(person: Person) {return m…

软件工程概论课程的个人总结

个人总结 请根据本次学习过程给出总结并针对教师授课给出意见和建议,字数1500字以上。 一个学期的课程快要结束了,这个学期最大的怨念就是软件工程概论,作业多而且难,还要占用大量的时间和精力去完成个人和团队的任务。但是这些都…

三层式开发中的层次划分讨论

先举一个曾经在哪本书上看到的例子:现在你想在1米宽的小溪上建一座桥,你会在上面放块木板就完了。如果想在宽一点的小河上建这桥,你就需要计算木材用料,价格等,如果需要别人帮忙,你还要多一些图纸什么的让别…