ユニアプリは、複数のプラットフォームを実行するコードのセットを実装しています。サポートのiOSシミュレータ、Androidのエミュレータ、H5、マイクロチャネルの開発ツール、アリペイアプレットスタジオ、Baiduの開発ツール、開発ツール鼓動バイト
インストール用ツール
開発ユニアプリはHBuilder Xにインストールする必要があるダウンロードを。
成功したダウンロードが直接抽出した後
シンプルな構成の好みの開発について:
最初のユニアプリを作成します。
左上隅をクリックして[ファイル] >> [新規] >> [プロジェクト]、ユニアプリテンプレートを選択します。
UNI-appディレクトリ構造
基本的なディレクトリ構造とディレクトリ構造が類似したアプレットが、より基本的なコンポーネントのフォルダ。
ユニアプリは、独自のプラグインライブラリを持って、単にインストールする]をクリックし、そしてそれはまた、NPMパッケージ管理をサポートし、クリックし、[ツール] >> []プラグインのインストールを設定するには
まあ、基本的なインストール作業はどのようにデバッグするのを見てみましょう、そんなにあります
デバッギング
ブラウザ
ユニアプリがサポートする最初のブラウザ側のデバッグ全く見ての、最も便利な場所で、同時に複数のデバッグ終了し、:
我々は最初のブラウザのインストールパスの外観を設定する必要があり試運転の前に、デフォルトHBuilder検出できません
[ファイル名を指定して実行] >> [ファイル名を指定して実行] >> [Webサーバの設定にブラウザ]をクリックしてください
ブラウザのインストールパスは、内部に取り付けることができます
その後、デバッグすることができます
その後、我々は実際のマシンを見て
携帯電話のデバッグ
次のようにAndroidの携帯電話に、例えば、デバッグモードに開発者を有効にします。
[このMacについて]を開き、[設定] >>、開発者向けオプションを開くには、行の5回をクリックして、ソフトウェアバージョンを[検索]
次のように開発者向けのオプションは、オプション[開発] [詳細設定] >> [設定]でオン・オフさ:
[]オープンUSBデバッグ、お使いの携帯電話を接続するためのケーブルでプラグに変換し、その後、あなたは実際のマシンをデバッグすることができます。あなたは成功した認証は、あなたの携帯電話にHBuilderアプリをインストールし、あなたはすべての開発環境は、このアプリでは効果にレンダリングされます行い、その後の後の後、ハーフウェイの認証を行って確認するためにクリックすることもできます
デバッグに自分の携帯電話をクリックして選択します
iphone携帯電話よりシンプル、実行に直接電話を接続して、彼は文句を言う、その後、電話回線に関する設定は、次のように操作します:
[設定]→[一般] >> [デバイスマネージャ]、あなたはそれをHBuilder信頼することができます。
小デバッグ:
[設定]、[ファイル名を指定して実行] >> [シミュレータを実行するための実行アプレット]をクリックしてください>>
マイクロチャネルのインストールパスを開いた後スティック開発ツールは、アドレスバーに対応すること
ノートに二つのこと:1)マイクロチャネルの開発ツールは、最新の公式バージョンである必要があります。次のように2)マイクロチャネルの開発ツールは、認証が必要です。
マイクロチャネルの開発者ツールを開き、設定アイコンをクリックしてください
[セキュリティ]を選択し、サービスポートのオープンを選択
その後、小さなマイクロ手紙をデバッグすることができます
* Baiduは、アリペイ、小型およびマイクロステップのプログラムと同様の手紙を破っバイト
ユニアプリプロジェクトの戦闘
私は次のようにプロジェクトが構成され、簡単なデモを行いました。
私はユニアプリ公式API(uni.request)を使用し、(各フォルダは、事業セグメントに基づいて行うことができる)リクエストツールを異なるサブフォルダの異なる機能、異なる層の等価物の各々を入れ以下のように、これに基づいて、私は、単純な二次包装を持っていました:
// UNIリクエストアプリはパッケージ エクスポートのデフォルトのリクエスト{クラスを HTTP(ルータ、データ = {}、方法){ // ベースアドレス = 'http://mock.allhome.com.cn/mock/5c91b03a2add03001024c420/uni' LET経路; // 戻りプロミスは 戻り 、新しい新しいプロミス((決意を、リジェクト)=> { //は要求 {(uni.request URL: `$ {パス} $ {ルータ}`、 日付:日付、 方法:方法、 成功:(RES) => { // 結果がスローされている 解決(res.data) } }) }) } }
3つのパラメータを受け入れ、第1のルーティングアドレスの後端が第二のパスは、バックエンドエンティティに必要とされる、第三の方法が要求され、このクラス、クラスは、成功した要求の結果が投げた後、プロミスを返し、最終的に次のようにapi.js参照ファイルにして、インスタンス化:
「../static/js/request.js'からインポート要求。 リクエストしましょう = 新しい要求を()。HTTP 輸出のデフォルト{ getJobList:関数(){ 復帰要求( '/ JOBLIST'、{}、 'GET' ) } }
その後、結果は次のようにコードは、アセンブリ内に取り込むことができます。
「../../api/api.js'からインポートするAPI 。 輸出のデフォルト{ データ(){ リターン{ listArr:[] } }、 onLoad(){ // 要求ジョブリスト api.getJobList()。次に、(RES => { この .listArr = res.data }) } }
まあ、基本的な状況はあまりあり、最終的に結果をデバッグします:
ユニアプリは、複数のプラットフォームを実行するコードのセットを実装しています。サポートのiOSシミュレータ、Androidのエミュレータ、H5、マイクロチャネルの開発ツール、アリペイアプレットスタジオ、Baiduの開発ツール、開発ツール鼓動バイト
インストール用ツール
開発ユニアプリはHBuilder Xにインストールする必要があるダウンロードを。
成功したダウンロードが直接抽出した後
シンプルな構成の好みの開発について:
最初のユニアプリを作成します。
左上隅をクリックして[ファイル] >> [新規] >> [プロジェクト]、ユニアプリテンプレートを選択します。
UNI-appディレクトリ構造
基本的なディレクトリ構造とディレクトリ構造が類似したアプレットが、より基本的なコンポーネントのフォルダ。
ユニアプリは、独自のプラグインライブラリを持って、単にインストールする]をクリックし、そしてそれはまた、NPMパッケージ管理をサポートし、クリックし、[ツール] >> []プラグインのインストールを設定するには
まあ、基本的なインストール作業はどのようにデバッグするのを見てみましょう、そんなにあります
デバッギング
ブラウザ
ユニアプリがサポートする最初のブラウザ側のデバッグ全く見ての、最も便利な場所で、同時に複数のデバッグ終了し、:
我々は最初のブラウザのインストールパスの外観を設定する必要があり試運転の前に、デフォルトHBuilder検出できません
[ファイル名を指定して実行] >> [ファイル名を指定して実行] >> [Webサーバの設定にブラウザ]をクリックしてください
ブラウザのインストールパスは、内部に取り付けることができます
その後、デバッグすることができます
その後、我々は実際のマシンを見て
携帯電話のデバッグ
次のようにAndroidの携帯電話に、例えば、デバッグモードに開発者を有効にします。
[このMacについて]を開き、[設定] >>、開発者向けオプションを開くには、行の5回をクリックして、ソフトウェアバージョンを[検索]
次のように開発者向けのオプションは、オプション[開発] [詳細設定] >> [設定]でオン・オフさ:
[]オープンUSBデバッグ、お使いの携帯電話を接続するためのケーブルでプラグに変換し、その後、あなたは実際のマシンをデバッグすることができます。あなたは成功した認証は、あなたの携帯電話にHBuilderアプリをインストールし、あなたはすべての開発環境は、このアプリでは効果にレンダリングされます行い、その後の後の後、ハーフウェイの認証を行って確認するためにクリックすることもできます
デバッグに自分の携帯電話をクリックして選択します
iphone携帯電話よりシンプル、実行に直接電話を接続して、彼は文句を言う、その後、電話回線に関する設定は、次のように操作します:
[設定]→[一般] >> [デバイスマネージャ]、あなたはそれをHBuilder信頼することができます。
小デバッグ:
[設定]、[ファイル名を指定して実行] >> [シミュレータを実行するための実行アプレット]をクリックしてください>>
マイクロチャネルのインストールパスを開いた後スティック開発ツールは、アドレスバーに対応すること
ノートに二つのこと:1)マイクロチャネルの開発ツールは、最新の公式バージョンである必要があります。次のように2)マイクロチャネルの開発ツールは、認証が必要です。
マイクロチャネルの開発者ツールを開き、設定アイコンをクリックしてください
[セキュリティ]を選択し、サービスポートのオープンを選択
その後、小さなマイクロ手紙をデバッグすることができます
* Baiduは、アリペイ、小型およびマイクロステップのプログラムと同様の手紙を破っバイト
ユニアプリプロジェクトの戦闘
私は次のようにプロジェクトが構成され、簡単なデモを行いました。
私はユニアプリ公式API(uni.request)を使用し、(各フォルダは、事業セグメントに基づいて行うことができる)リクエストツールを異なるサブフォルダの異なる機能、異なる層の等価物の各々を入れ以下のように、これに基づいて、私は、単純な二次包装を持っていました:
// UNIリクエストアプリはパッケージ エクスポートのデフォルトのリクエスト{クラスを HTTP(ルータ、データ = {}、方法){ // ベースアドレス = 'http://mock.allhome.com.cn/mock/5c91b03a2add03001024c420/uni' LET経路; // 戻りプロミスは 戻り 、新しい新しいプロミス((決意を、リジェクト)=> { //は要求 {(uni.request URL: `$ {パス} $ {ルータ}`、 日付:日付、 方法:方法、 成功:(RES) => { // 結果がスローされている 解決(res.data) } }) }) } }
3つのパラメータを受け入れ、第1のルーティングアドレスの後端が第二のパスは、バックエンドエンティティに必要とされる、第三の方法が要求され、このクラス、クラスは、成功した要求の結果が投げた後、プロミスを返し、最終的に次のようにapi.js参照ファイルにして、インスタンス化:
「../static/js/request.js'からインポート要求。 リクエストしましょう = 新しい要求を()。HTTP 輸出のデフォルト{ getJobList:関数(){ 復帰要求( '/ JOBLIST'、{}、 'GET' ) } }
その後、結果は次のようにコードは、アセンブリ内に取り込むことができます。
「../../api/api.js'からインポートするAPI 。 輸出のデフォルト{ データ(){ リターン{ listArr:[] } }、 onLoad(){ // 要求ジョブリスト api.getJobList()。次に、(RES => { この .listArr = res.data }) } }
まあ、基本的な状況はあまりあり、最終的に結果をデバッグします: