我开源了一款基于unicloud + uniapp 开发的云端一体小程序:停车寻车助手

60 阅读2分钟

停车寻车助手

面向个人的停车寻车助手,基于uniCloud + vue3的全栈项目。支持驻车记录、寻车导航、收藏点管理、车辆信息管理、车位上报、排行榜等

预览

小程序扫码预览:

小程序扫码预览

技术栈

技术栈

  • vite
  • vue3
  • ts
  • uniCloud
  • wotDesignUni
  • unocss

部署

  • Serverless 服务
  • 云原生容器平台

环境要求

  • node > 20.9.0
  • npm > 9.15.3
  • HBuilder X > 4.76

地图api 使用

  • 查询充电站marker点使用腾讯地图API,使用天地图获取不到数据(一脸懵逼!!!)。
  • 其他使用天地图API

你需要做的

关联云服务空间

  1. uniCloud Web控制台申请 开通服务空间
  2. 在项目中绑定开通的服务空间

配置

  1. 地图API配置,
// 配置路径:uni_modules/uni-config-center/uniCloud/cloudfunctions/common/uni-config-center/map-config/config.json
{
	"tencent": {
		"key": "", // 腾讯地图key
		"host": "https://apis.map.qq.com",
		"dailyLimit": 200
	},
	"tianditu": {
		"key": "", // 天地图key
		"host": "http://api.tianditu.gov.cn",
		"dailyLimit": 3000
	}
}
  1. 云开发配置
  • 必须配置passwordSecret 跟 tokenSecret 为随机串, 具体配置信息可参考官方文档 uniClold uni-id
// 配置路径:uni_modules/uni-config-center/uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json
{
	  "passwordSecret": [
			{
				"type": "hmac-sha256",
				"version": 1,
				"value": "" // 随机串
			}
		],
		"tokenSecret": "", // 随机串
		// ---- 其他配置项 ----
}

  1. 微信appid 跟 appsecret配置
  • 必须配置 用于注册登录,在微信公众平台获取
// 配置路径:uni_modules/uni-config-center/uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json
{
	  "mp-weixin": {
			"tokenExpiresIn": 2592000,
			"tokenExpiresThreshold": 864000,
			"oauth": {
				"weixin": {
					"appid": "", // appid
					"appsecret": "" // secret
				}
			}
		},
		// ---- 其他配置项 ----
}

  1. 初始化云服务空间,运行到微信小程序端预览

问题反馈

  • 使用过程中有问题或产品建议可留言评论,或扫上述二维码,在小程序端反馈与建议处反馈
  • 需要二开或有其他产品需求的可联系,价格美丽。微信:zhzq193540470

其他开源