微信小程序云开发起步步骤与报错

微信小程序云开发入门 用自己的话来说就是把服务器和后台都搭在腾讯开发的服务器上。 阅读详情


官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/quickstart.html

新建云开发模板

1.在新建项目时,如果主动填入申请后的小程序AppID,模板会自动选择为云开发模板
2.在默认模板中有与project.config.json文件平级的文件夹cloudfunctions,用来存放云函数等

存放云函数的文件夹

开通云开发、创建环境

1.点击云开发以开通云开发功能

创建云开发

2.点击开通按钮,确定协议并弹出创建环境的弹出框
注意:创建的环境名称和环境ID可以在符合输入框提示要求的基础上“随意”命名。即不是从哪里获得的,自己取的名字和id
另外,环境是可以创建两个的,在以后上传云函数时也可以自行选择

开通协议
创建环境

3.创建环境完成后进入云开发控制后台

云开发后台

体验小程序

1.一进入就在控制台可以看到警告信息:根据xxx规则,当前页面xxx将被索引

索引警告

与官方提供的微信页索引功能有关:https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html
暂时关闭索引功能

关闭索引

2.点击获取用户信息在信息获取后再次点击会看到login云函数的接口报错与报错时出现的页面,相当于用户的误操作行为导致的报错,可以前端交互中进行优化,但是不是代码或者配置的问题

接口报错

3.接下来会看到一个小报错:Now you can provide attr wx:key for a wx:for to improve performance. 直译:现在您可以为’ wx:for '提供attr ’ wx:key '来提高性能。

解决:根据报错提示的页面地址将wx:for的所在标签加上索引wx:key

4.点击首页(云开发openid)的前端操作数据库时报错:获取openid失败

在这里插入图片描述

解决:
因为是新项目,所以要先指定云开发环境,如果有两个环境的,以后也可以在这里切换环境。

指定环境
如果不指定环境直接同步云函数的报错信息:
没有指定环境的情况下同步云函数
因此,正确顺序是 右击云开发文件夹 -> 当前环境(无)-> 选一个环境 -> 同步函数列表

5.上传云函数:右击login文件夹,选择 创建并部署:所有文件

上传云函数

提示安装依赖,在云函数文件夹下(此时为login文件夹)安装依赖

安装依赖

上传成功后会在后台提示:✔ 更新云函数login的调用权限
另外可以在云开发控制台看到新加API:

新加API

6.最后的最后出现的最后一个报错:(关于云函数login的异步问题)

云函数login异步问题

在此贴上 一个大佬的详细解析:https://blog.youkuaiyun.com/weixin_41593408/article/details/106215353?utm_source=app

异步问题的解决办法

查看控制台

点击微信小程序的工具左上方云开发可打开云开发后台,查看数据等进行可视化界面的操作。

至此,新建微信小程序的步骤和遇到的报错、警告等问题已经基本解决。接下来可以随便点点,构建自己的程序。

微信小程序云开发配置的 **超详细步骤分解** 通过以上步骤,你已经完成了:✅ 云环境开通✅ 云函数创建与调用✅ 数据库和存储基础配置若需更深入功能(如数据库增删改查),可参考官方文档或评论区提问! 阅读详情

相关推荐

微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)

注释 即上一篇:微信web开发者工具的下载与安装及创建项目我们创建了一个项目并介绍了各个文件代表的意义。 今天这篇文章主要为大家详细介绍微信小程序云开发之新手环境配置,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。 一.云开发配置环境 我们知道创建完项目会出现如下界面 (1)首次进入控制台会报cloud init error (云初始化错误)。 (2)微信的左上角调试器旁边有一个云开发,在这里我们点击云开发。 (3)提示开通云开发点击开通,出现如下界面 (4)填写好后点击确定(等待初始化)

月亮不说谎! 的博客 2940

微信小程序云开发

微信小程序云开发

weixin_48345246的博客 4541

基于云开发的微信小程序实战教程(一)

本章主要内容:什么是小程序,云开发的作用,如何建立自己的小程序

止喜的博客 4423

微信小程序 - 云开发

微信小程序 - 云开发

Qianmoer的博客 1万+

微信小程序开发---使用云托管,云开发,配置云函数

微信小程序云开发部署,部署云函数,详细教程

qq_48627750的博客 1万+

灵犀外卖之使用微信小程序云开发

#摘要 在官方的微信小店全开放前开源一波 效果演示 集成云开发 旧项目是非基于云开发的,建立cloud文件夹,并在package文件中配置,建立用户登录的云函数并上传到微信小程序云中 建立云函数文件夹,并在package.config.json配置为云函数目录 文档详见:[https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/getting-started.html ](https://developers.w

黄秀杰的博客 2140

微信小程序之云开发

微信小程序的云开发是一种基于云的解决方案,旨在帮助开发者更便捷地构建、部署和管理小程序。

水寿十八公专栏 4320

mysql导入微信小程序云开发_微信小程序-云开发数据库上传json文件

小程序新增了云开发功能,对于个人开发者是个利好消息。可以省去购买服务器,购买域名以及繁琐配置等步骤,减轻了开发者的负担。至于如何云开发我就不在这里赘述了,请移步微信小程序云开发官方文档,说的很清楚。这篇文章主要跟大家聊一次云开发上传json文件遇到的坑。小程序官方为我们提供了官方API进行数据库操作上传数据,也为我们提供了手动后台上传数据文件的功能。代码方式插入数据//初始化 wx.cloud....

weixin_30650955的博客 1297

小程序基本命令

onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...

aiven1637的博客 3558

微信小程序云开发报错:Error: cloud.callFunction:fail Error: errCode: -501000 | errMsg: FunctionName parameter c

微信小程序云开发Error: cloud.callFunction:fail Error: errCode: -501000 | errMsg: FunctionName parameter could not be found. (callId: X) (trace: X start->X system error (Error: errCode: -501000 | errMsg: FunctionName parameter could not be found.), abort),调用云函数报错,云

✅ 精选推荐文章 4474

金蝶云星空-协同开发云-安装开发环境

金蝶协同开发云就是不需要每一个开发都在自己的本机安装开发环境,自己安装可容易出错,包括源代码管理也一并解决了,大大减少了开发人员的工作量和降低了上手的难度。

qq_33881408的博客 5598

【系】微信小程序云开发实战坚果商城-官方案例先运行

第 1-3 课:官方案例先运行 1 前期准备 下载微信开发者工具,方便后期调试官方下载地址 。 小程序云开发本地调式需要 nodejs 环境,大家如没有安装 nodejs 环境,需要安装下。网上安装的教程也比较多。 2 项目初始化 点击微信开发者工具的云开发,根据提示开通云开发功能,完成后会跳转到对应的云开发控制台: 云开发官方文档地址点击链接查看。 cloudfunctions ...

havendream的博客 5942

c# U盘禁用---守护进程(插入,拔出,卸载等操作)

一、简介 传统的对U盘禁用,我们多采用修改注册表的方式,详情参考:https://blog.youkuaiyun.com/qq_25372599/article/details/79815407;本文将介绍一种其他的方式–后台守护程序。其原理非常简单:当守护程序检测到U盘的插入信号,我们自动卸载U盘,致使系统无法识别U盘,达到禁用U盘的效果。 二、程序设计 2.1 变量定义 strin...

星星之火燃亮码空 2846

微信小程序云开发报错

微信小程序云开发报错 fail: Error: cloud.callFunction:fail Error: errCode: -501000 | errMsg: [100003] env not exists (f8c78dea-9f77-43cf-9e7f-88c85f2a0795) (callId: 1701747734223-0.895078767368265) (trace: 11:42:14 start->11:42:14 system error (Error: errCode: -5010

xo19882011的专栏 2434

堆内存管理核心逻辑 超详细复习笔记

本文详细解析了堆内存管理的核心逻辑,包括初始化、分配和释放三个关键环节。系统通过全局堆管理结构体和链表机制实现动态内存管理:初始化时标记整块内存为空闲;分配时遍历链表查找合适空闲块并进行分割;释放时定位内存块头并重新标记为空闲,支持相邻块合并以减少碎片。文章对比了链表式管理和线性分配的优缺点,指出链表式更灵活但实现复杂,线性分配简单但无法释放。最后总结了常见错误(如指针回推错误、碎片问题)和扩展知识(不同内存管理算法)。这套机制是理解嵌入式系统和RTOS内存管理的基础。

2502_92009732的博客 1201

CAN收发器选型避坑指南:TJA1051T与TJA1051T/3的硬件兼容性问题实录

本文详细解析了CAN收发器TJA1051T与TJA1051T/3的硬件兼容性问题,通过实测数据和故障案例揭示了VIO引脚的关键差异及其对系统的影响。提供从选型到验证的完整防坑方案,帮助开发者避免常见设计错误,确保CAN总线通信的稳定性。

weixin_42715608的博客 457

微信小程序云开发之模糊搜索

以前在做前后端分离的项目时,要实现一些搜索框的模糊搜索时,运气好一点,后端攻城狮会处理好逻辑,前端只需在输入框的value值发生变化时去调用接口重新渲染数据就好了。运气差点,后端攻城狮只会给你一个总的数组,然后在值发生变化时得自己动手写逻辑去筛选数据。那么在微信小程序云开发上是怎么实现的了? 微信小程序云开发之模糊搜索 可以重下面的例子看到 ...

weianl的博客 7475

Nacos启动报错No DataSource set?5分钟搞定standalone模式配置

本文针对Nacos启动时常见的“No DataSource set”报错,深入解析了其根源在于默认集群模式与外部数据库依赖。提供了两种快速解决方案:通过命令行参数“-m standalone”启动,或直接修改启动脚本配置文件,从而在5分钟内以单机模式成功启动Nacos,无需配置MySQL数据库。

weixin_29234509的博客 465

CocosCreator接入微信小程序云开发过程

CocosCreator接入微信小程序云开发过程 接入前准备 首先需要申请一个小游戏类目的小程序,记下appid,在CocosCreator「构建发布」中填入。 ⚠️不可以是小程序的appid(这里踩坑了,用了之前的小程序的appid,构建后用微信开发者工具打开提示无法找到app.js,因为这个账号之前注册的时候第一大类目选择的不是小游戏,是普通小程序,所以入口文件就找不到了,打包构建出来的小游戏入口文件为game.js,普通小程序入口文件为app.js,如果绑定的appid第一类目不是小游戏的话就会出现

赵盛的博客 7590

控制科学与工程(自动化)保研经验【4】——浙大篇

控制科学与工程(自动化)保研经验【4】——浙大篇

Control Everything 1万+

再不入坑就晚了,深度神经网络概念大整理,最简单的神经网络是什么样子?

再不入坑就晚了,深度神经网络概念大整理,最简单的神经网络是什么样子?

我是香菜 3万+

【系】微信小程序云开发实战坚果商城-云开发之环境搭建

第 3-3 课:云开发之环境搭建 云开发之前需要掌握 ES6 中的 let 、const 、promise 、导入、导出、类,这些常见的特性。 1 环境搭建 小程序内提供了专门用于云函数调用的 API 。开发者可以在云函数内使用 wx-server-sdk 提供的 getWXContext 方法获取到每次调用的上下文( Appid 、openid 等),无需维护复杂的鉴权机制,即可获取天然可信...

havendream的博客 5696

基于深度学习YOLOv8的PCB板缺陷检测系统

基于YOLOv8的PCB板缺陷检测系统,可以有效提高PCB生产过程中的检测效率。未来,我们可以进一步优化模型,结合更多的数据增强策略和先进的网络结构,以适应更复杂的生产环境。为了进行训练,理想的数据集应包含多种不同缺陷类型和不同背景的PCB图像。YOLOv8需要的数据格式为每个图像一个标签文件,每个标签文件包含缺陷的类别及其边界框坐标。运行该界面时,用户可以通过点击按钮选择图像,随后系统将自动检测图像中的PCB缺陷并显示结果。训练完成后,可以使用训练好的模型进行推理,检测新的PCB图像中的缺陷。

YOLO 1070

微信小程序无服务器云开发,微信小程序·云开发初体验

微信小程序·云开发初体验简介:2018年9月份微信正式推出云开发平台,一石激起千层浪,什么是云开发?是不是以后就可以和后端研发说拜拜了?是不是未来前端研发就可以一统微信小程序了?想想还有点小激动了呢!2018年9月份微信正式推出云开发平台,一石激起千层浪,什么是云开发?是不是以后就可以和后端研发说拜拜了?是不是未来前端研发就可以一统微信小程序了?啥?我膨胀了吗?我骄傲了吗?我嘴角流口水了吗?只是想...

weixin_42101641的博客 1981

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

微信小程序云开发之云数据库入门

微信小程序云开发之云数据库入门 介绍 开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。 其基础能力数据库,是一个JSON数据库,作用是无需自建数据库,就可以在微信小程序前端操作数据库,也能在云函数中读写数据库。 前置条件 在新建项目是一定要勾选开启云服务。 在微信开发者工具中点击云开发构建集合。 注意事项 数据库 API 分为小程序端和服务端两部分,小程序端 API 拥有严格的调用权限控制,开发者可在小程序内直接调用 API 进行非敏感数据的操作。对于有更高安全要求

weixin_44077556的博客 3万+

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

微信小程序云开发连接MySQL数据库

本文章参考以下文章:文章1,文章2 由于在进行微信小程序云开发时,MySQL数据库里的数据不便转移到云数据库,所以在参考了多篇文章后进行了MySQL数据库的连接。 由于时间有限,我就不将步骤一一写出来了,具体步骤可以参考以上两篇文章,我说一下我遇到的几个问题: 1. 这里的设置本地mysql可以被外界访问我并没有实现,直接采用的腾讯云的MySQL数据库,参考以下的配置: 腾讯云Mysql数据库给出了外网地址和内网地址,和图中不一样的是,我们需采用外网地址,再就是需要注意的是默认port是3036,默认的

weixin_43623154的博客 8704

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

上一篇: 《JavaScript高级程序设计》离线应用与客户端存储(学习笔记C23)
下一篇: 《JavaScript高级程序设计》BOM(学习笔记C08)
magic-fish
博客等级 码龄9年 3粉丝 25原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值