项目介绍

本小程序采用腾讯小程序云开发技术,不需要单独部署服务器和服务端程序功能模块包括用户注册,活动列表,活动分类,活动发布,活动报名,活动分享,活动邀请,后台管理等八大功能模块!

UI设计思路

基于云开发的活动报名小程序设计与部署插图

功能说明

基于云开发的活动报名小程序设计与部署插图1

技术运用

项目使用微信小程序平台进行开发。使用腾讯云开发技术,免费资源配额,无需域名和服务器即可搭建。小程序本身的即用即走,适合小工具的使用场景,也适合程序的开发。

项目效果截图

基于云开发的活动报名小程序设计与部署插图2
基于云开发的活动报名小程序设计与部署插图3
基于云开发的活动报名小程序设计与部署插图4
基于云开发的活动报名小程序设计与部署插图5
基于云开发的活动报名小程序设计与部署插图6
基于云开发的活动报名小程序设计与部署插图7
基于云开发的活动报名小程序设计与部署插图8

项目后台截图

基于云开发的活动报名小程序设计与部署插图9
基于云开发的活动报名小程序设计与部署插图10
基于云开发的活动报名小程序设计与部署插图11
基于云开发的活动报名小程序设计与部署插图12
基于云开发的活动报名小程序设计与部署插图13

部署教程:

1 源码导入微信开发者工具

基于云开发的活动报名小程序设计与部署插图14

2 开通云开发环境

参考微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html在使用云开发能力之前,需要先开通云开发。在开发者工具的工具栏左侧,点击 云开发 按钮即可打开云控制台,根据提示开通云开发,并且创建一个新的云开发环境。每个环境相互隔离,拥有唯一的环境 ID(拷贝此ID,后面配置用到),包含独立的数据库实例、存储空间、云函数配置等资源;

3 云函数及配置

本项目使用到了一个云函数activity_cloud在云函数cloudfunctions文件夹下选择云函数activity_cloud , 右键选择在终端中打开,然后执行npm install –product打开cloudfunctions/activity_cloud/comm/ccmini_config.js文件,配置环境ID和后台管理员手机号码
基于云开发的活动报名小程序设计与部署插图15

4 客户端配置

打开miniprogram/app.js文件,配置环境ID
基于云开发的活动报名小程序设计与部署插图16

5 云函数配置

在微信开发者工具-》云开发-》云函数-》对指定的函数添加环境变量[服务端时间时区TZ] =>Asia/Shanghai[函数内存] =>128M[函数超时时间] => 20秒

6 设置图片域名信任关系

进入小程序 开发管理=》开发设置=》服务器域名 =》downloadFile合法域名添加2个域名:1)你的云存储域名,格式类似:https://1234-test-pi5po-1250248.tcb.qcloud.la2)微信头像域名:https://thirdwx.qlogo.cn

7 上传云函数&指定云环境ID

基于云开发的活动报名小程序设计与部署插图17

至此完全部署配置完毕。

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: