校园导航小程序 云开发项目 复刻教程

  1. 将 云开发项目/文件 下的 “学校”文件夹 上传至 云存储

  2. 将 云开发项目/文件/数据库文件 下的 site.json 和 resource.json 中的

cloud://gluguide-0g65cvsv649006da.676c-gluguide-0g65cvsv649006da-1316857255/

批量替换为自己的文件前缀路径( 云开发-云存储-学校-随便进一个文件夹-File ID的前面一段 )

  1. 将 云开发项目/文件/数据库文件 下的 resource.json 中 第一条记录的 img字段

https://676c-gluguide-0g65cvsv649006da-1316857255.tcb.qcloud.la/1679798975506.png

替换成自己的文件路径前段( 云开发-云存储-学校-素材-点击map_bottom.png-下载地址[截取到.png就行,后面的路径不用了] )
(地图图片的性质比较特殊,要获取下载地址填入数据库才能有效果)

  1. 将 云开发项目/文件/数据库文件 下的 resource.json 中 第一条记录的 openid字段 改成自己的 openid

不知道自己的 openid 的话,就点击小程序 校园信息页 的 获取openid 按钮

  1. 将 云开发项目/文件/数据库文件 下的 所有json文件 导入云数据库( 先建立对应名称的集合,再对应导入 )

  2. 将小程序 cloudfunctions文件夹 下的 所有文件夹里的 index.js 右键 点击 云函数增量上传:更新文件

  3. 将云数据库 所有 集合 的 数据权限 改为 第一个“所有用户可读,仅创建者可读写”

  4. 将小程序 调试基础库 改为 2.22.1 或以上 版本 (因为 MapContext.setBoundary接口 从基础库 2.22.0 开始支持)

  5. 清空缓存,重新编译。点击预览-在手机端预览,在手机上就可以用了。

桂院校园导航小程序 云开发项目 二次开发教程 1.0.1

猜你喜欢

转载自blog.csdn.net/weixin_45940369/article/details/130693234