记录一次微信小程序使用云能力开发的过程

对于开发微信小程序云开发不知从何起的同学们,可以当作一次参考。虽说官方有文档,有模板示例,但是这些都是片段或者完整的结果展示。对于初学或者开发经验较少的同学们,可能不知先从那里入手进行第一步的开发。下面解析下构建微信小程序云开发的初始步骤,让大家能够一步步创建起自己的小程序。

一、创建小程序

1、创建小程序:选择了不使用模板(会自动默认选中不使用云服务),因为选择了示例,里面的目录内容结构太多太复杂了,示例里的(组件,扩展等)我们也不会全部用到,会让自己的小程序雍肿。

2、开通自己的云开发服务(其实就是开通云服务器,赠有限的免费使用云服务器时间),安装步骤开启就可以了,因为我的已经开启了)。记住此处中出现的环境ID

二、赋予云开发能力 ,使用云函数

 1、与开发能力:首先 再我们的项目目录中创建 云函数存放的文件目录 cloudfunctions,如下图:

鼠标选中编译器中的:资源管理器窗口-选中其中的文件 然后 按 shift+alt+R 键可打开项目目录,再进行目录创建

2、 在项目根目录找到 project.config.json 文件,新增 cloudfunctionRoot 字段,指定本地已存在的目录作为云开发的本地根目录

 

保存后或者手动编译 cloudfunctions文件夹 会有云朵的标识 。

3、创建云函数,且需要安装云服务扩展( wx-server-sdk )
1、鼠标移到如果图(急于赶工拍了一张):右键云开发目录 选中新建Node.js云函数。

 

 

 创建了一个login云函数(名称根据自己的需求写)。 云函数的文件 函数逻辑处理 也根据自己的需求修改,图下是默认的示例:

2、安装扩展

wx-server-sdk扩展不是再主目录中安装的。    

是在cloudfunctions 目录下安装 :

npm install --save wx-server-sdk@latest

如图操作:

 

4、初始化云服务

 创建完云函数,还得再项目中初始化。

先在根目录创建个config.js 配置文件用于定义某些常量的配置 :内容如下

const config = {// 云开发环境 IDenvId: 'xxx-xxxxx',
}
module.exports = config

然后打开项目中的 app.js,并引用及初始化云服务:

// app.js
const config = require('./config')
App({//每次进入应用执行,只执行一次onLaunch() {//初始化云服务if (!wx.cloud) {console.error('请使用 2.2.3 或以上的基础库以使用云能力')} else {wx.cloud.init({env: config.envId,traceUser: true,})}}})

配置完成,下面如何使用云函数:

5、云函数使用

 在wxml页面中 绑定一个点击事件clickLogin ,如图:

然后再在 js文件中 配置:

// index.js
Page({data:{},//获取信息clickLogin(){// console.log("信息");wx.cloud.callFunction({name:"login",//云函数名称data:{a:1,b:2,},//传给云函数的参数}).then(res=>{console.log(res,"结果");}).catch(console.error);},})

 结果如下:获取到了用户的 openid unionid等信息

即成功请求了云函数,可以着手进行自己微信小程序的云开发了。某些过程还未详细介绍,比如编译器中开启云开发过程,和 安装云服务扩展( wx-server-sdk )这里有些需要注意的,就是根目录还未进行 npm初始化或者安装,则node_modules 则会安装到了 cloudfunction下的,这个需要注意。

以上时个人操作的见解,仅供参考,如不足请补充!

附上demo资源链接-码云 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/3292.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

doc、pdf转markdown

国外的一个网站可以: Convert A File Word, PDF, JPG Online 这个网站免费的,算是非常厚道了,但是大文件上传多了之后会扛不住 国内的一个网站也不错: TextIn-AI智能文档处理-图像处理技术-大模型加速器-在线免费体验 https://…

用 Python 自动化处理日常任务

💖 欢迎来到我的博客! 非常高兴能在这里与您相遇。在这里,您不仅能获得有趣的技术分享,还能感受到轻松愉快的氛围。无论您是编程新手,还是资深开发者,都能在这里找到属于您的知识宝藏,学习和成长…

el-timeline时间线(Plus)左边图标改为自定义图片

(目前图片有点小,还需要自己去调整下大概样式,比较懒,就放了个大概样子) 时间线左侧正常根据文档内容,是填写的icon,但通过icon属性还有另外一个类型,component,可以搭配…

SpringBoot:RestTemplate与IllegalArgumentException

问题描述 在SpringBoot应用中,有时会遇到使用RestTemplate调用第三方服务的场景。例如:在进行地名数据采集时,为了拿到地名对应的经纬度位置,通常会有地理编码的步骤,此时就可能涉及到调用第三方接口服务实现此需求。 …

PyTorch使用教程(6)一文讲清楚torch.nn和torch.nn.functional的区别

torch.nn 和 torch.nn.functional 在 PyTorch 中都是用于构建神经网络的重要组件,但它们在设计理念、使用方式和功能上存在一些显著的区别。以下是关于这两个模块的详细区别: 1. 继承方式与结构 torch.nn torch.nn 中的模块大多数是通过继承 torch.nn…

数字小偷:2025年全面防护指南

在今天的数字时代,金钱已不再局限于传统银行和实体店铺,而是转移到网上银行和电子商务平台上。而随着这一变化,网络犯罪也从现实世界的抢劫演变成了数字世界中的“数字扒窃”。这意味着,几乎每个商业实体,无论大小&…

RV1126+FFMPEG推流项目(6)视频码率及其码率控制方式

视频从采集到编码再到线程获取编码后的数据,已经全部说完。接下来继续来说应该比较重要的,和视频相关的。就是码率。 视频码率及其码率控制方式 一、什么是码率? 视频码率是指在单位时间内传输的视频数据量,通常以 kbps&#x…

python管理工具:conda部署+使用

python管理工具:conda部署使用 一、安装部署 1、 下载 - 官网下载: https://repo.anaconda.com/archive/index.html - wget方式: wget -c https://repo.anaconda.com/archive/Anaconda3-2023.03-1-Linux-x86_64.sh2、 安装 在conda文件的…

深入理解 D3.js 力导向图:原理、调参与应用

目录 前言1. D3.js 力导向图的核心原理1.1 物理模拟与数值积分器1.2 力导向图的物理模型 2. D3.js 力导向图的主要调参项2.1 向心力(d3.forceCenter)2.2 碰撞检测(d3.forceCollide)2.3 弹簧力(d3.forceLink&#xff09…

redis实现限流

令牌桶逻辑 计算逻辑: 代码: import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool;/*** ClassName RedisRateLimiterTokenBucket* Description TODO* Author zhang zhengdong* DATE 2025/1/17 20:22* Version 1.0*/ public class…

Golang Gin系列-2:搭建Gin 框架环境

开始网络开发之旅通常是从选择合适的工具开始的。在这个全面的指南中,我们将引导你完成安装Go编程语言和Gin框架的过程,Gin框架是Go的轻量级和灵活的web框架。从设置Go工作空间到将Gin整合到项目中,本指南是高效而强大的web开发路线图。 安装…

Maven在Win10上的安装教程

诸神缄默不语-个人CSDN博文目录 这个文件可以跟我要,也可以从官网下载: 第一步:解压文件 第二步:设置环境变量 在系统变量处点击新建,输入变量名MAVEN_HOME,变量值为解压路径: 在系统变…

51c大模型~合集106

我自己的原文哦~ https://blog.51cto.com/whaosoft/13115290 #GPT-5、 Opus 3.5为何迟迟不发 新猜想:已诞生,被蒸馏成小模型来卖 「从现在开始,基础模型可能在后台运行,让其他模型能够完成它们自己无法完成的壮举——就像一个老…

SpringBoot+Vue小区智享物业管理系统(高质量源码,可定制,提供文档,免费部署到本地)

作者简介:✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流。✌ 主要内容:🌟Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能…

Json转换类型报错问题:java.lang.Integer cannot be cast to java.math.BigDecimal

Json转换类型报错问题:java.lang.Integer cannot be cast to java.math.BigDecimal 小坑规避指南 小坑规避指南 项目中遇到json格式转换成Map,已经定义了Map的key和value的类型,但是在遍历Map取值的时候出现了类型转换的报错问题&#xff08…

在Playwright中使用PO模式

1.新建项目 安装库 npm init -y npm install -D playwright npm install -D playwright/test npm install typescript ts-node types/node npx playwright install 项目目录 2.编写代码 package.json {"name": "pom_playwright","version": …

Web渗透测试之伪协议与SSRF服务器请求伪装结合? 能产生更多的效果

目录 ssrf漏洞利用{危害} 伪协议介绍 Gopher协议简介 SSRF攻击中常用协议 file协议 file协议数据格式: dict协议 dict协议数据格式: Gopher攻击Redis redis的协议数据流格式: 简单示例: 使用gopher协议写入定时任务 …

【论文阅读笔记】人工智能胃镜在盲区检测和自主采图中的应用

作者:李夏/吴练练/于红刚 小结 盲区检测的意思,实际上在算法的需求定义上,就是部位识别。   胃肠镜检查中,按照不同的规范,有不同应该观察到的地方。当医生知道哪些部位比较容易出病灶的情况下,就容易忽…

python之二维几何学习笔记

一、概要 资料来源《机械工程师Python编程:入门、实战与进阶》安琪儿索拉奥尔巴塞塔 2024年6月 点和向量:向量的缩放、范数、点乘、叉乘、旋转、平行、垂直、夹角直线和线段:线段中点、离线段最近的点、线段的交点、直线交点、线段的垂直平…

AI编程工具使用技巧——通义灵码

活动介绍通义灵码1. 理解通义灵码的基本概念示例代码生成 2. 使用明确的描述示例代码生成 3. 巧妙使用注释示例代码生成 4. 注意迭代与反馈原始代码反馈后生成优化代码 5. 结合生成的代码进行调试示例测试代码 其他功能定期优化生成的代码合作与分享结合其他工具 总结 活动介绍…