導入

今回構築したプロジェクトはAPP（uni-appはWeChatアプレット、Alipayアプレット、Androidアプリ、iOSアプリなどを含むマルチ端末操作をサポート）とAPPバックグラウンド管理システム（携帯電話やPC端末に適応）です。それぞれがフルスタックとして使えるので、プログラミングの基礎があればもちろんVueを理解するのが一番です。

ユニアプリ公式サイト（dcloud.io）

uni-app に基づいて uni-starter を選択してアプリを開発し、バックグラウンドシステムは uni-app に基づいて uni-admin を選択します。

uni-starter と uni-admin を選ぶ理由

uni-starter は、商用プロジェクトの多数の共通機能を統合するクラウド統合アプリケーションの迅速な開発のための基本的なプロジェクトテンプレートです。

APPには、ログイン登録、アバター、設定、バナーなど、多くの共通機能があります.uni-starterはこれらの機能を統合しています。

新しいプロジェクトでテンプレートを直接HBuilderx選択するuni-starterと、これに基づいて独自の特徴的なビジネスをすばやく開発できます。

それにuni-starter加えて、schema2codeフロントエンドページを生成することで、簡単なアプリケーションをすばやく完成させることができます。

uniCloud admin (opens new window) が管理プロジェクトの基本プロジェクトテンプレートである場合、uni-starter はユーザー端末、特にモバイル端末の基本プロジェクトテンプレートです。

uni-starter + uniCloud admin クライアントと管理者向けの基本的なプロジェクトテンプレートを提供することで、アプリケーション開発がこれまでになく簡単かつ迅速になりました。

プロセスを段階的に説明し、私が踏んだピットを解消するのに役立ちます

始めましょう！! !

開発ツールの準備: HBuilderX

クリックして HBuilderX-Efficient Geek Skills (dcloud.io) をダウンロード

一部のプラグインでは v3.5 以降が必要なため、最新のバージョンを選択してください。

新しいユニスタータープロジェクトを作成します。

ファイル -> 新規 -> プロジェクト

次に、図に示すように、新しい uni-starter プロジェクトを選択します。

初めて使用する場合、次のような質問があるかもしれません。

vue3 ではなく vue2 を選ぶ理由
- vue3 を選択しないことをお勧めします。私のテストの後、vue3 バージョンにはいくつかの問題があります。つまり、ログインできません。それについては後で説明します。
Alibaba Cloud を選ぶ理由、Tencent Cloud は大丈夫ですか?
- もちろん Tencent Cloud でも可能ですが、Alibaba Cloud では 50 個のサービススペースを無料で作成できます。Tencent Cloud は無料で 1 つのサービススペースしか作成できず、その他のサービスは有料です。

完了すると、次のページが表示されるので、[新規] をクリックします。

次のページに入る

正常に作成されました

ここにはクラウドデータベースとクラウドオブジェクト/機能があります。具体的な意味については、公式 Web サイトにアクセスしてください。

簡単に紹介させてください

クラウドデータベース: ストアデータ、mysql と同等

クラウドオブジェクト/関数: クラウドサーバー上で実行されている以前に記述された Java サービスと同等

戻って更新し、作成したものを選択します

展開を開始する

交換するだけ

プロジェクトをクリックして、組み込みのブラウザで実行します。最初にインストールするように促されます。インストールするように促されたものを確認してください。

応答がない場合は、クリックして再度実行します

正常に実行

携帯電話番号での初回ログイン時は初期設定で登録されます携帯電話番号でのログインをテストするための認証コードは 123456 です

登録が成功したら、クラウドデータベースにアクセスして表示できます

キャプチャ表

ユーザーテーブル

uni-starter 統合には以下が含まれます。

ユーザー管理:

ログイン登録 (ユーザー名とパスワードによるログイン、携帯電話番号認証コードによるログイン、APP ワンクリックログイン、WeChat ログイン、Apple ログイン、WeChat アプレットログイン)

パスワード変更、パスワード忘れ、アバター変更（統合画像切り抜き）、ニックネーム変更、ポイントチェック、ログアウト

システム設定：

アプリの更新 (パッケージ全体のアップグレード、wgt のアップグレード、強制アップグレード、uniCloud 管理者のアップグレードセンタープラグインによるバックグラウンド管理)

スイッチを押す（アプリ）、キャッシュをクリアする（アプリ）

指紋認証（アプリ）、顔認証（アプリ）

多言語切り替え

アカウントのキャンセル

プライバシー許可: 組み込みの Android は、最初にプライバシー同意ダイアログボックスをポップアップ表示し、次にユーザーからのデバイス許可を適用します。

パーミッションガイダンス: アプリケーションが特定のパーミッションの承認を拒否したが、このパーミッションがその後の使用に必要な場合、この時点で、実装: ユーザーを「ワンクリックでシステム設定にジャンプ」して有効にするようにガイドします。

エラーを報告する代わりに、ユーザーが自分で解決策を見つけられるようにします (ユーザーエクスペリエンスの向上)。

凝集度が高く結合度が低い設計構造を採用し、アプリケーションの起動時にアプリケーションインターセプターに直接実装します。各ビジネスコードでこのような問題を処理することを回避する方が、エレガントで便利です。

実現プロジェクト: カメラ、フォトアルバム、GPS 位置取得、ネットワーク 2/3/4/5G、Wi-Fi。これらの実装を参照して、このタイプのより多くのシナリオを処理できます。uni-starter は引き続き更新および改善されます。

効用関数

質問とフィードバック、概要、プライバシーポリシー、ユーザーサービス契約

バナー (バックステージ uniCloud 管理者バナープラグイン管理)

ニュース検索、リスト、詳細、共有。clientDB を介して実装されているため、開発者は、定義されたテーブル名やその他のパラメーターを直接変更して、独自のビジネスに簡単に変更できます。

ネイティブレイヤーを上書きできる共有メニュー

h5 バージョンでは、ユーザーがページの上部をクリックしてアプリをダウンロードするように案内されます (グローバル停止)。

マーケティングの分裂：「配信の推奨」をクリックして、ユーザーのinviteCodeパラメーターを使用してアプリケーションのダウンロードページ（H5）を生成し、ワンクリックでWeChatまたはWeChat Momentsに共有します。招待者がダウンロードページを開いて [ダウンロード] をクリックすると、デバイスのクリップボードの内容が招待者のinviteCodeとして自動的に設定されます。招待者がアプリをダウンロードし、何らかの方法 (登録とログインを含む) でログインすると、uni-starter フレームワークが自動的にデバイスのクリップボードに InviteCode を取得し、それをサーバーに送信して関係をバインドします。

パフォーマンスの向上: ホームページは nvue と高速コンパイルモードを採用して、アプリ側の起動速度を高速化します。

組み込みのインターセプター:

ページルーティングインターセプト、ログインを強制する必要があるページを構成します; オンになっていることを自動的に検出し、token無効な場合は、自動的にログインページにジャンプします

クラウド関数 (callFunction) インターセプターを呼び出し、必要なパラメーターを自動的に運び、応答本文を自動的に処理します。詳細は 9. オートコンプリート 1-2 を参照

自動補完:

uniCloud.callfunction のレスポンスボディと clientDB 操作を解析し、ログインページへのジャンプやトークンの自動更新など、対応する操作を行うコードを判断する

操作の登録/ログイン操作により、クライアントデバイスが自動的に取得されます。データテーブル uni-id-device に、push_clientid、imei、oaid、idfa が追加/更新されます。

異常復旧処理：ネットワーク切断後、「ネットワークエラーが原因」のネットワーク要求を自動再接続

Apple App Store のルールに対応するため、ログインや共有機能の項目が表示される前に、対応するクライアントがインストールされているかどうかを自動的に検出します。例: WeChat がデバイスにインストールされていない場合、WeChat クイックログインと WeChat 共有オプションは表示されません。

より多くの機能モジュールが継続的に更新されます。引き続きこのプラグインに注意してください