【2023年最新】グラフィックとテキストによるナニーレベルの超詳細チュートリアル: アプリ開発入門 (1)

1.「YonBuilderモバイル開発」について

ここに画像の説明を挿入

PS: このセクションの主な目的は、公式の音声説明を削除し、「YonBuilder モバイル開発」を平易な言葉で簡単に紹介し、初心者の開発者が学習に適しているかどうかを判断できるようにすることです。

序章:

YonBuilder モバイル開発プラットフォーム (公式 Web サイト: https://developer.yonyou.com) は、 YonyouAPICloudテクノロジー。 -エンド指向のハイブリッドApp開発テクノロジー。開発者はwebテクノロジーを使用するだけでネイティブ アプリを生成できApp、 AppleappStoreおよび主要な Android マーケットのアプリをサポートします。

ここに画像の説明を挿入

プラットフォームの安定性: UFIDA の製品は長期にわたる動作安定性を備えています。

プラットフォームの適用性: 100 万人以上の登録開発者が合計 120 万以上のアプリケーションを作成しており、インテル、ハイアール、ゼネラルモーターズ、春秋航空、万達などの大手企業が をYonBuilder移动开发ベースにしたApp

ここに画像の説明を挿入

2. 開発準備

2.1 開発ツールのダウンロード

アプリケーション開発にはカーネルYonStudio开发工具利用を推奨します。AppVsCode

YonStudioダウンロードページhttps://VsCodedeveloper.yonyou.com/product/appdevelopment/appdriven#download

ここに画像の説明を挿入

2.2 Androidエミュレータをダウンロードする

この操作は不要でありYonBuilder移动开发共同デバッグのための実際の携帯電話の使用をサポートしています。Androidシミュレータは実際の物理的な携帯電話環境ではないため、シミュレータをダウンロードする必要はありません。そのため、アプリプログラムを実行するときに、さまざまな不可解な互換性の問題が発生します。が発生する可能性があるため、初心者の学生は、デバッグに自分の携帯電話を直接使用することを検討できます。

MuMuシミュレーター公式サイト

ここに画像の説明を挿入

知らせ:

M1 および M2 チップを使用する MacOS コンピュータの場合、開発とデバッグに Android エミュレータAndroid Studioを使用すること(iOS 証明書が必要です)。Android Studioシミュレータの開発と共同デバッグについては、インターネット上に関連するチュートリアルが多数あるため、この記事では詳しく説明しません。

2.3 アカウント登録

Yony​​ou デベロッパー センター: https://developer.yonyou.comページにアクセスし、右上隅にある [登録] ボタンをクリックし、ページのプロセスに従って入力します。

3. 最初のアプリケーションを作成する

3.1 アプリケーションプロジェクトの作成

開発者の利便性を考慮して、YonBuilder移动开发2 つのアプリケーション作成方法が提供されています (いずれかを選択できます。どちらもサーバー側 API インターフェイスと呼ばれます)。

  • クラウドコンソールを使用して作成
  • YonStudio開発ツールを使用して作成

ドキュメントの複雑な読み取りを簡略化するために、この章では「YonStudio 開発ツールでプロジェクトを作成する」方法をデモンストレーションに使用します。

3.1.1 YonStudioを起動し、アカウントでログインします(アカウントがない場合は、前の手順に戻ってアカウントを登録してください)

ここに画像の説明を挿入

対応するテナントを選択し、「OK」をクリックしてクライアントのログイン操作を完了します。

ここに画像の説明を挿入

3.1.2 新しいアプリケーションプロジェクトの作成

[ログイン メニュー]-[プロジェクト]-[新しいプロジェクト]をクリックして、プロジェクト作成インターフェイスを開きます。

ここに画像の説明を挿入

下図の説明に従って関連する内容を入力し、「OK」をクリックします。プロジェクト作成における個々のパラメーターの役割については、後続のチュートリアルで詳しく紹介するため、ここではあまり詳しく説明しません。

ここに画像の説明を挿入

コードのローカル保存ディレクトリを選択すると、アプリケーション プロジェクトの作成が完了します。アプリケーションが正常に作成されると、開発ツールはクラウドからプロジェクト コードを自動的に取得します。

ここに画像の説明を挿入

注:「このワークスペースのファイルの作成者を信頼しますか?」というメッセージが表示された場合は、「はい、...」ボタンを選択してください。これは、VsCode独自に

ここに画像の説明を挿入

YonStudio 開発ツール インターフェイスの一般的な機能を以下の図に示します。基本的には、次のプログラミング スタイルVsCodeに従ってい

ここに画像の説明を挿入

(つづく...)

おすすめ

転載: blog.csdn.net/SMDOUSM/article/details/130132157