PopRun
1.0.0
이것은 내 졸업 프로젝트입니다. "Running Duck" WeChat 애플릿 - 캠퍼스 달리기를 기반으로 한 소셜 애플릿입니다. 사용하는 방법은 Less / Vant-Weapp / Iview-Weapp입니다.
PHP Laravel 프레임워크를 사용한 백엔드 개발
참고할만한 가치가 있다고 생각하시면 별점을 주시고 지원해 주세요.
홈페이지, 동적 서클(WeChat Moments 모방), 활동 광장, 개인 센터:
설정:
'런닝덕' 위챗 애플릿의 핵심 기능은 달리기 + 소셜 네트워킹 + 활동이다.
(1) 달리기(첫 번째 화면) : 현재 위치 지도, 순위(주간 순위, 월간 순위), 운동 경로, 실시간 데이터(마일리지, 페이스), 무작위 단어.
(2) 동적 서클: 체크인 및 공유, 게시 및 공유, 인기 추천, 좋아요 및 댓글, 메시지 알림.
(3) 활동 광장: 온라인 활동(등록, 완료 조건, 보상), 튜토리얼 실행.
(4) 개인센터 : 스포츠 매니지먼트, 다이나믹 매니지먼트, 설정(일반 설정, 개인정보 설정), 메달월, 레벨 타이틀, 개인 홈페이지, 데이터 편집.
ER 다이어그램:
기능 분석을 기반으로 총 11개의 엔터티가 ER 다이어그램을 구성하도록 계획되었습니다.
데이터 모델 다이어그램:
ER 다이어그램에서 총 16개의 테이블이 변환되었으며, 데이터 모델 다이어그램은 Navicat으로 내보내졌습니다.
디렉토리 구조:
├─.vscode # VS Code配置，含'EasyLess'插件配置
├─components #自定义公共组件
├─dist # iVew-Weapp库
├─imgs #图标、默认图片
├─pages
│ ├─run #跑步（首页）
│ │ └─sharePage #分享到动态圈子页
│ ├─moments #动态圈子
│ │ ├─messages #消息盒子
│ │ └─newMoment #新建动态
│ ├─pub #活动广场
│ │ ├─blockDetail #教程详细
│ │ ├─blockMore #教程列表
│ │ ├─listDetail #活动详细
│ │ └─listMore #活动列表
│ └─user #个人中心
│ ├─edit #个人资料编辑
│ ├─modals #勋章墙
│ ├─myMoments #我的动态
│ ├─myRuns #我的运动
│ ├─privacy #隐私设置
│ ├─setting #通用设置
│ └─userPage #个人主页
├─theme #主题定制
├─utils #公共模块
└─voice #音频文件 중요: 이 애플릿은 wx.getLocation , wx.onLocationChange 및 wx.startLocationUpdate 인터페이스 권한을 활성화해야 합니다. 이 권한을 미리 신청하세요. 이 문서의 스크린샷을 사용하여 신청할 수 있습니다.
시험번호 신청이 불가능하므로 시험번호를 사용하실 수 없습니다.
먼저 작은 프로그램을 직접 등록한 후, 개발-개발관리-인터페이스 설정에서获取当前的地理位置、速度획득,监听实时地理位置变化事件,接收位置消息（前台） 권한을 신청하세요.
신청안내 : (신청 가능 여부는 본인의 선택에 달려있습니다)
다음 단계는 단계별로 수행되며 순서가 엉망이 될 수 없습니다. 일반적으로 한 번에 실행할 수 있습니다!
git clone https://github.com/Chef5/PopRun.git프로젝트 루트 디렉터리에서 실행합니다.
npm install경로 오류가 보고될 수 있습니다. 오류 보고서를 기반으로 지정된 디렉터리를 만듭니다.
프로젝트를 WeChat 개발자 도구로 가져오고 자신의 AppID를 입력합니다. (테스트 계정을 사용할 수 없습니다. 나중에 플러그인을 신청해야 합니다. 테스트 계정을 신청할 수 없습니다.)
WeChat 개발자 도구에서(npm 설치 후 npm을 빌드해야 함)
"도구"-"npm 빌드"를 클릭하세요.
백엔드 서비스를 직접 구축할 필요도 없고, 백엔드가 직접 시작되고 언제 중지될지 알 수 없습니다. 게다가 데이터는 프로젝트 작성자 서버에 저장되며 일부 인터페이스는 비활성화됩니다( 활동 및 코스 생성 등)
request合法域名, uploadFile合法域名및 downloadFile合法域名에 각각 https://dev.run.nunet.cn 추가합니다.config.js 에서 구성 1을 편집하고 프롬프트에 따라 자신의 appid 와 secret 입력하세요.
https://dev.run.nunet.cn은 제가 만든 백엔드 서비스인데 언제 종료될지는 모르겠습니다.
백엔드는 PHP 의 Laravel 프레임워크를 사용하여 작성되므로 기본 PHP 구문을 알아야 하며 로컬 PHP7.2+ 및 MySQL 환경이 있어야 합니다.
특정 백엔드 프로젝트는 https://github.com/Chef5/PopRun-b를 참조하세요.
백엔드 프로젝트를 로컬로 빌드한 후 config.js 에서 구성을 편집하고 구성 1을 주석 처리한 후 구성 2를 엽니다.
저장 후 개발자 도구에서 Compile and Run(신뢰 및 실행)을 클릭합니다.
Q: 처음 실행할 때 콘솔은 일반적으로 플러그인 문제를 보고합니다.
VM23:2 wx76a9a06e5b4e693e 插件未授权使用 添加插件(env: macOS,mp,1.06.2301160 ; lib: 2.10.4)
(anonymous) @ VM23:2
VM23:3 插件文档: https://mp.weixin.qq.com/wxopen/plugindevdoc ? appid=wx76a9a06e5b4e693e & token= & lang=zh_CN(env: macOS,mp,1.06.2301160 ; lib: 2.10.4) A: 쉽게 추가하려면添加插件하려면 오류 보고서의 파란색 텍스트를 클릭하세요.
미니 프로그램에는 관련 카테고리가 없기 때문에 활성화할 수 없습니다. 이 문서를 참조하세요: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html
내가 구독한 항목은 스포츠 > 온라인 피트니스 도구 > 정보 조회 도구 > 예약/등록입니다.
그런 다음 개발-개발 관리-인터페이스 설정으로 이동하여获取当前的地理位置、速度,监听实时地理位置变化事件하고接收位置消息（前台）
참고: 테스트 계정에서는 카테고리를 구성할 수 없으므로 플러그인을 활성화할 수 없습니다.
이 프로젝트는 제가 대학 4학년이었던 2020년에 완료되었습니다. 당시의 기술은 한계가 있었고 자신의 용도에 많은 함정이 남아 있었습니다.
2023년 2월 이 문서를 바탕으로 다시 실행하여 몇 가지 함정을 수정했고, 프로젝트가 원활하게 진행될 수 있었고, 전 세계적으로 검색할 수 있는 몇 가지 주의 사항에 대해 언급했습니다. // TODO: 보기.
덜 사용할 필요가 없으면 wxss 파일을 직접 편집하여 다음 내용을 무시하십시오.
VS Code: Easy Less 플러그인 - wxss로 less 컴파일 가능
구성 파일은 /.vscode/settings.json에 있습니다.
MIT
