最近在学习微信小程序云开发,刚一开始就遇到了问题. 点击获取openid的时候控制台开始报错: [云函数] [login] user openid:  undefined VM97:1 Setting data field "openid" to undefined is invalid. 然后我开始去百度搜索解决这个问题,各种方法都试过了,还是没有解决.换了一个思路,开始追踪代码: 鼠标悬停到右边的 index.js:55,发现是/pages/index/index.js文件的第55…

通过网络请求获取的数据,当返回的数据没有xxx(变量名)这个变量时,此时xxx是undefined 若使用setData进行赋值,则会报如下的错误: Setting data field "xxx" to undefined is invalid 解决办法: this.setData({ xxx: xxx ? xxx : null })…

Setting data field "variableName" to undefined is invalid. 将数据字段“variableName”设置为未定义是无效的. 出现这种情况的时候是页面setData "variableName"的时候,没有获取到值,然后就会将undefined给variableName字段,此时默认字段就会变成undefined,那么就会出现这种问题,解决方法就是 setData的时候判断获取到的值是否存在,不存在的时候给定一个…

1. project.config.json写上云函数所在目录"cloudfunctionRoot": "cloudfunctions/",如图 2. app.json写上“cloud”:true,如图 app.js写上(这步是将用户访问记录到用户管理中,在控制台中可见) onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.clou…

2019年2月26日,人们为了一个杯子疯了一天. 星巴克猫爪杯,一场已经与猫无关了的“圣杯战争“.网上的倒卖价格,已炒至近千元! 求而不得,舍而不能,得而不惜.这是人最大的悲哀... 所以,请珍惜以下内容,知识才是人生最大的财富! 前情回顾 技本功丨收藏!斜杠青年与你共探微信小程序云开发(中篇) 在上一篇文章中我们完成了首页的编写,目前基本的功能已经确定了,本节我们进行列表页的编写.列表页比较简单:将所有food列表展示出来,根据openid进行判断是否展示删除按钮即可.用户可以删除自己创建的记…

使用云开发进行微信小程序“我要点爆”的制作 下一章:“我要点爆”微信小程序云开发之项目建立与我的页面功能实现 接下来我将对“我要点爆”微信小程序进行完整的开源介绍 小程序名称: 我要点爆 查看方式:从“我要点爆”微信公众号打开,或直接扫描小程序码打开 项目简介: “我要点爆”立足于解决当代人的情绪释放和情绪管理问题,通过情绪点爆的方式,使用文本与语音的形式记录情绪,通过点击.吼叫等方式将情绪释放点爆.用户通过不同的方式点爆后,系统通过独特的算法设计对点爆进行热度计算,为每一篇爆文提供一个热度值,…

微信小程序云开发不完全指北 首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小程序就不需要自建服务器了). 作者也只是刚做了一个微信小程序,有什么问题可以一起探讨.(其实对于不用云开发的小程序还有些好奇,因为云开发的实际上有种傻瓜式一键解决的感觉). 本博客仅针对一些关键步骤作出陈述,希望初学者能快速得到一个整体的印象,详细的内容请参考官方文档. 注册开发者账号 注册地址:https:…

简要介绍 微信小程序云开发,是基于 Serverless 的一站式后端云服务,涵盖函数.数据库.存储.CDN等服务,免后端运维.基于云开发可以免鉴权调用微信所有开放能力. 前提准备 微信开发者工具 创建环境 打开小程序项目,点击工具栏"云开发"进行开通: 根据对话框提示,创建云环境: 选择默认免费配额: "提交订单",创建完成. 此后,就可以打开"云开发控制台"了: 创建云函数 云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写.一键…

微信小程序-云开发(手记) 1.创建data.json文件 注意以下几点要求: 入门示例: init方法的env:默认环境配置,传入字符串形式的环境 ID(理解为数据库)可以指定所有服务的默认环境(意思就是全局使用一个数据库),传入对象可以分别指定各个服务的默认环境…

爆文详情页制作 从首页中数据列表打开相应详情页面的方法: 给数据列表中每个数据项加一个点击事件,同时将当前数据项的id暂时记录在本地,然后跳转到详情页面detail goopen: function (e) { //获取当前内容的标识id,保存,方便进入查询 var id = e.currentTarget.id wx.setStorageSync('id', id) wx.navigateTo({ url: '../detail/detail', }); }, 在detail页面中的onLoa…

第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现 开发环境搭建 使用自己的AppID新建小程序项目,后端服务选择小程序·云开发,点击新建,完成项目新建. 新建成功后跳转到开发者工具界面 新建后,微信端为我们提供了一个参考的模板程序,这里我们自己来创建各个所需的文件与代码,所以删除所有不需要的文件,删除cloudfunctions.miniprogram/images.miniprogram/pages文件下所有文件,同时也删除style文件和删除app.json中原始的页面配置.…

第1章 首门小程序“云开发”课程,你值得学习本章主要介绍什么是小程序云开发以及学习云开发的重要性,并介绍项目的整体架构,真机演示项目功能,详细介绍整体课程安排.课程适用人群以及需要掌握的前置知识.通过本章的学习,能够使大家对本门课程有一个整体的了解.... 第2章 云开发介绍以及从0构建项目本章会详细介绍小程序云开发与Serverless,并介绍如何开通小程序云开发及控制台的功能,并且初始化项目代码,讲解airbnb/javascript代码规范. 第3章 播放列表功能实现本章完成歌单列表与歌曲…

微信小程序-云开发实战教程 云函数,云存储,云数据库,云调用 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started 云函数 cloud functions // index.js 是入口文件,云函数被调用时会执行该文件导出的 main 方法 // event 包含了调用端(小程序端)调用该函数时传过来的参数,同时还包含了可以通过 getWXContext 方法获取的用户登录态 `openId`…

微信小程序-云开发-实战项目 微信小程序 微信小程序平台服务条款 https://developers.weixin.qq.com/miniprogram/product/service.html https://developers.weixin.qq.com/miniprogram/product/ https://developers.weixin.qq.com/miniprogram/product/#10-微信小程序·云开发服务规范 https://mp.weixin.qq.com/w…

先看图 这个是JavaScript语言自身存在的一个问题.说道这里不得不提一下网上流传的JavaScript搞笑图 我们在使用云开发来开发微信小程序的时候,会经常遇到JavaScript小数计算精度失准的问题.特别是实现钱包计算的功能.虽然整数计算不会出错,但总不能要求微信小程序内都是整数计算吧,这不科学. 那么开发小程序涉及到小数计算的时候,如何防止小数计算精度失准. 其实有很多方法,这里主要推荐我觉得比较好的解决办法.就是使用math.js这个npm包来实现计算. 废话少说,直接上代码!!!…

一.初识云开发 官方文档 小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务. 开发者可以使用云开发快速开发小程序.小游戏.公众号网页等,并且原生打通微信开放能力. 开发者无需搭建服务器,可免鉴权直接使用平台提供的API进行业务开发 目前云开发包含:云数据库,云函数,云存储,云调用 优势 无需搭建服务器,只需使用平台提供的各项能力,即可快速开发业务. 无需管理证书.签名.秘钥,直接调用微信 API .复用微信私有协议及链路,保证业务安全性. 支持环境共享,一个后端环境可开发多个小程序.…

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ,SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1. 安装下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹,如下: 由于目前IDE没有云函数导入功能,您需要手工创建同名的云函数,然后将云函数下的文件手工拷进去 注:下载的SDK是一个…

今天在做微信小程序,在测试的时候偶然出现了一些问题,如下图. 心中的一阵不爽猛然袭来,完全是搞事情哈! 然后经过一番探索,用toFixed方法搞定了,此方法是对值进行四舍五入的. 解决后点了一大堆控制台信息,下面上图,转换之前,那么长,转换后保留了两位小数. 具体方法如下图 没看错,我在setData下加了个 toFixed(2) 方法. 然后输出就是成功的值了. 此随笔为日常记录,希望可以帮到大家!…

这个婚礼邀请函是之前帮别人做的,现在人家婚礼举办过了也没啥关系了,想着就修改成通用模板进行开源,方便大家尤其是小白们克隆项目之后稍微修改就能够直接使用. 当时自己开始这个项目时候也是查阅了很多教程文章,但无一列外都需要大量的小程序开发知识储备,对于当时需要快速构建一个项目的我来说真的焦急,很希望有一个可以直接使用的模板,项目完成后有深入的想法可以再学习. 扫码体验 ​ 项目展示(多图警告) 首页 ​ 照片页 ​ 地图页 ​ 祝福页 ​ 留言页 ​ 项目下载 https://github.com/…

什么是云开发 云开发与传统模式的对比 云开发能力介绍云开发对小程序开发的变革 云开发是微信团队联合腾讯云提供的原生serverless云服务,致力于帮助更多的开发者快速实现小程序业务的开发,快速迭代. 传统模式 产品经理,后端开发,部署上线,前端开发,正式发布 云开发模式 产品经理,前端开发,正式发布 没有了后端开发,部署上线 云开发能力介绍 存储能力:在小程序端直接上传,下载云端文件,可视化管理 云函数能力:在云端运行的代码,微信私有天然鉴权,开发者只需要编写自身业务逻辑代码 云数据库:一个既…

一.注册小程序 打开[微信开发者工具],点击界面上的[注册],进入注册微信小程序页面.(也可以直接进入微信小程序注册地址:https://mp.weixin.qq.com/进行注册) 进入[小程序注册]页面,完成账号信息.邮箱激活和信息登记三步后即完成小程序的注册. 说明: 如果只是学习的话,注册个人小程序即可. 如果想商用,想使用微信支付,取用户手机号等复杂功能,可以注册企业小程序,不过企业小程序必须有营业执照才可以注册 一个邮箱只能注册一个小程序 一个身份证可以注册5个,个人小程序 一个企业…

概述 一直做后端服务器开发,最近看了一篇文章介绍小程序的云开发模式,觉得挺有意思,就尝试了一下,由本文做个记录. 因为不是专业的小程序开发人员,也没有做过网页开发,所以论述中出现错误难以避免,请多谅解. 微信小程序,在我的理解中,就是一个由微信内置的浏览器解析并展示的js页面,支持一些微信特有的功能性API. 通常的框架中,js页面展示布局和框架,页面中的动态内容由后端服务返回数据,所以早先的小程序需要自己开发并部署后端服务和数据库. 随着小程序的发展,现在的后端服务和数据库支持云开发模式. 开…

今天打了几把永劫无间后,咱们来聊一聊用云开发来开发微信小程序时,如何实现微信支付,并且保证业务逻辑可靠. @ 目录 注册微信支付商户号 小程序关联商户号 业务逻辑 代码实现 注册微信支付商户号 点击"成为商家",按照操作提示去申请商户号即可(需要营业执照,个体户或公司都行.没有可以办一个) 小程序关联商户号 注册完成,登录进去,点击产品中心.再点击AppID账号管理,关联微信小程序的AppID,同意即可. 在微信开发者工具绑定商户号,点击云开发,进入云开发控制台,点击设置,点击其他设置…

前言 微信小程序在9月10号正式上线了云开发的功能,弱化后端和运维概念,以前开发一个小程序需要申请一个小程序,准备一个https的域名,开发需要一个前端一个服务端,有了云开发只有申请一个小程序,一个前端就能搞定,真的是零成本. 云开发三大基础能力 云函数:运行在微信服务器上的函数,处理微信相关操作有天然优势,如获得用户信息异常方便(以前服务端解析很麻烦) 数据库:一个小程序可以直接操作的JSON数据库,可以直接操作数据库,不在需要服务端了. 存储:用来存储文件和图片 阅读本文之前最好对微信小程序…

博主最近又重新开始捡起微信小程序,想做点自己的东西.了解到最近小程序工具有做更新,就顺手更新了最新的版本,功能比之前强大了不少!  更新归更新,更新后控制台就一直报下面这个错误:  解决办法 有问题总会有解决的办法.  1. 在控制台输入 openVendor(),回车执行:   2. 在打开的目录当中删除名为 wcsc.exe 的应用程序:   3. 重启微信小程序,错误已经不存在,程序正常执行. …

第一步:下载微信小程序开发者工具并安装,下载路径: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 进到下载界面后,根据自己的操作系统选择相应的链接进行下载,下载完成后进行安装. 第二步:登录工具 开发者工具安装完成后我们就可以将其打开,初次打开会需要用微信扫码登录,入下图,用手机微信扫一扫后确认登录就可以了. 第三步:创建一个项目 登录成功后,如果是第一次使用该工具会弹出创建项目的窗口,如下图: ​ 在创建过程中…

微信小程序禁止下拉 在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 产品的需求不太允许这么做,会影响用户体验,查看文档发现可以使用enablePullDownRefresh这属性来实现,在page.json里面添加: "enablePullDownRefresh":false 这样可以禁用页面下拉滚动,需要注意的是不可在全局配置 app.json中配置.经测试发现:虽然禁止了下拉刷新,但是在部分ios端仍然可以下拉出现空白.那么该如何解决呢? 方法:当页面滚动的时候判断与…

作者:如也_d1c0链接:https://www.jianshu.com/p/0d2332984f8c来源:简书简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处. 先放出来Vant UI 的官方文档 https://youzan.github.io/vant-weapp/#/changelog 第一种 最简单的方法,直接下载Vant UI 或者是git clone https://github.com/youzan/vant-weapp.git git仓库的网址:https:/…

前言 近来,微信小程序一直活跃在开发者的眼球中.很多开发者都投身微信小程序的开发中,而这些开发者,总是需要面对最后一道难题:如何以一种优雅的姿势来通过微信官方的审核.本文基于几天前提交审核的一次总结,写得有不当的地方,请各位大佬指正. 问题描述 先上一下微信小程序平台常见拒绝情形的说明文件.由于我提交的小程序中包含了"分享群"的按钮,所以审核未通过,未通过的原因如下: 3.2.1 小程序的页面内容中,存在诱导类行为,包括但不限于诱导分享.诱导添加.诱导关注公众号.诱导下载等,要求用户分…

微信小程序不支持http调用,但是可以通过服务器或者云函数实现,云函数相当于云服务器中的一段代码,可以使用http协议 首先要云函数安装request-promise,右键云函数,在终端中打开,输入npm install --save request-promise,前提是电脑安装过node.js并配置好环境变量,因为云函数是基于node调用api 然后粘贴云端代码 const cloud = require('wx-server-sdk') // var request = require('…