これは私の卒業プロジェクトです。「Running Duck」WeChat アプレット - キャンパス ランニングに基づいたソーシャル アプレットです。Less / Vant-Weapp / Iview-Weapp を使用します。
PHP Laravelフレームワークを使用したバックエンド開発
参考価値があると思われる場合は、星を付けてサポートしてください。
ホーム ページ、ダイナミック サークル (WeChat モーメントを模倣)、アクティビティ スクエア、パーソナル センター:
設定:
「Running Duck」WeChat アプレットの主な機能は、ランニング + ソーシャル ネットワーキング + アクティビティです。詳細な区分は次のとおりです。
(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のビルド」をクリックします
バックエンドサービスを自分で構築する必要はなく、バックエンドは自分で開始され、いつ停止するかわかりません。また、データはプロジェクト作成者のサーバーに保存され、一部のインターフェイスは無効になります。 (アクティビティやコースの作成など)。
https://dev.run.nunet.cn
request合法域名
、 uploadFile合法域名
、およびdownloadFile合法域名
にそれぞれ追加します。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 を開きます。
保存後、開発者ツールで [コンパイルして実行] (信頼して実行) をクリックします。
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:
View。
less を使用する必要がない場合は、wxss ファイルを直接編集してください。以下の内容は無視してください。
VS Code: Easy Less プラグイン - wxss にコンパイルを少なくすることができます
構成ファイルは /.vscode/settings.json にあります
マサチューセッツ工科大学