活动报名缴费小程序：云开发+微信支付

使用微信小程序云开发进行开发无单独后台界面管理后台也是通过小程序实现云资源包含云函数文档型数据库带宽oss存储空间、云日志等资源配额价格低廉无需域名和服务器即可搭建且可根据业务发展需要随时弹性扩展。支持免费或付费报名流程海报生成分享、准考证生成等功能。主要功能用户注册与登录活动浏览与搜索查看活动的详细信息包括活动介绍、时间、地点、费用等分享活动生成海报图报名流程填写自定义报名表单、提交、微信支付、报名成功、重复报名、取消报名、退款审批查看报名状态管理后台用户管理、活动管理、公告管理、报名列表、支付流水、退款、操作日志、数据统计与分析开发环境前后端微信开发者工具开发、部署步骤在project.config.json修改appid导入项目打开并登录微信开发者工具选择【导入项目】后端服务选择“微信云开发”并勾选同意云开发服务条款点击确定导入。点击 【云开发】 按钮开通云开发第一个月免费创建环境拷贝云环境ID设置云环境本项目使用到了一个云函数mcloud打开cloudfunctions/mcloud/config/config.js文件填写上一步的云环境ID进行如下配置大约第4行小程序端目录为miniprogram下打开miniprogram/setting/setting.js文件修改云环境ID云函数上传点击云函数目录mcloud右键上传选择上传并部署云端安装依赖云函数参数设置打开云开发控制台点击【云函数】按钮点击【版本与配置】选择当前云函数版本 点击【配置】运行系统搭建好之后都是初始化状态会自动创建部分演示数据需要在 设置– 后台管理 录入各项业务数据和设置。默认超级管理员用户名为admin密码为123456。 请及时登录管理后台修改密码可新增管理员。开发工具支持版本因为本小程序用到了上传头像等功能需要【开发工具】和【基础库】支持。请保持微信开发者工具升级到最新版本同时确保【调试基础库】3.4.0云函数本地调试通过开发者工具上传小程序并进行版本发布流程。常见问题云函数修改及时上传至云端。可点击开发者工具右上角【消息】按钮查看状态云函数本地调试 可以方便地进行云函数断点调试查看日志支持修改云函数后自动热更新。微信支付对接需要是已经开通了微信支付且已绑定了商户号的小程序。对接方式云调用、工作流a. 云调用b. 工作流在云模板中安装。微信支付对接源码对比(都是在服务端-云函数中调用)工作流asyncorder(){constresawaitcloudBase.getCloud().callFunction({name:cloudbase_module,data:{name:wxpay_order,data:{description:...,attach:...,amount:{total:...,currency:CNY,},out_trade_no:tradeNo,payer:{openid:...,},},},});letdata{业务数据}PayModel.insert(data)res.result.data.packageres.result.data.packageValreturn{payment:res.result.data,tradeNo}}云调用asyncorder(){letcloudcloudBase.getCloud();constresawaitcloud.cloudPay.unifiedOrder({body:...,// 商品描述outTradeNo:tradeNo,// 商户订单号spbillCreateIp:....,// 终端 IPsubMchId:config.PAY_MCH_ID,// 商户号totalFee:...,// 总金额attach:...,nonceStr:...,spbillCreateIp:...,tradeType:JSAPI,envId:config.CLOUD_ID,// 云函数环境名称functionName:mcloud// 支付结果通知回调云函数名})if(res.returnCodeSUCCESSres.resultCodeSUCCESS){letdata{业务数据}awaitPayModel.insert(data)return{payment:res.result.data,tradeNo}}}云调用支付授权报错Error: Base resp abnormal, 268500896注意根据交易类小程序运营规范对于小程序内提供珠宝玉石、3C 数码、盲盒、服饰内衣、海淘、美妆、酒类、家用电器、玩具、箱包皮具、鞋靴、运动户外等商品在线销售及配送服务时不可使用云调用支付能力请使用云模板-微信支付模板接入微信支付。解决方案工作流回调经测试有回调无参数通过后台主动查询解决。 云本地调试不能接收到回调。打开高级日志(付费)可以查看所有云函数调用及后台 console.log 日志微信云开发某些用户或苹果手机无法加载云存储中的图片。解决方案存储权限设置支持准考证生成参考资料微信小程序开发基础https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/小程序云开发基础知识https://cloud.weixin.qq.com/cloudbase欢迎联系开发交流技术分享问题答疑功能建议收集版本更新通知安装部署协助小程序开发定制等。如果这篇文章对您有所帮助欢迎点赞、分享和留言让更多的人受益。感谢您的细心阅读如果发现了任何错误或需要补充的地方请随时告诉我我会尽快处理^_^