APPは、モバイル用途を開発します

開発アプリケーションの移動ステップ

インストールHBuilder

住所:HTTPS://www.dcloud.io/hbuilderx.html

スタンダード版:それは直接Web開発、値下げ、ワープロシーンのために使用されています。アプリはまだプラグインをインストールする必要があります

  • アプリの開発ボード:プリセットの標準バージョンに基づいて、箱から出して、アプリ/ユニアプリ開発のプラグを希望

    勧告は開発することである場合はアプリのアプリデベロッパー版をダウンロードしてインストールすることができます。

プロジェクトを作成します。

ステップは、プロジェクトに参加します

1、プロジェクトに参加することを選択した5 +アプリケーション(A)

2格納ディレクトリ名だけでなく、プロジェクト、およびプロジェクトを設定します

3、テンプレートプロジェクトは一時的に既定のテンプレートを選択することができます

プロジェクトのディレクトリ構造の説明

1、CSS `:スタイルファイルの保存プロジェクトリソース

2、IMG:画像ファイル保存されたプロジェクトリソース

3、JS JSファイルリソース記憶プロジェクト:

4、アンパッケージ `:格納し、不要なファイルにパッケージリソース

5 index.html:プロジェクトのホーム

6、manifest.jsonを:アプリのパッケージ構成ファイル

オンデバイスデバッグ

これは、デバッグページプレビューに電話に実行することです

Android携帯電話

一般的な問題:

1、HBuilderX実機運転、携帯電話は、実際のマシンFBIよくある質問を実行します:

https://ask.dcloud.net.cn/article/97

2、それをダウンロードすることをお勧めしますし、アシスタントの電話機360は、携帯電話に接続することができるならばOKで、基本的には、360モバイルアシスタントをインストール

ステップ:

1つの開いている開発者向けのオプションは、あなたの携帯電話の設定で開きます

USBデバッグおよび開発者のオプションを有効にします2。

図3に示すように、データケーブル、電話及びコンピュータ接続を使用

4、その後、HBuilderソフトウェア、電話やエミュレータに実行するために、ファイル名を指定して実行]メニューを選択し、あなたは自分の携帯電話の内部を見つけることができます。

図5は、デバイスを実行した後、Hbuilderコンソールが自動的に開き、実行ログを出力します

6、そしてHbuilderは、携帯電話にこの時間は、インストールベース(適用)を必要と電話がアプリケーションのインストールを許可するよう求められます、あなたができるように選択することができます

7は、インストールベースの試運転後、Hbuilderが自動的にプロジェクトこのアプリを開いて実行します。

IOSの携帯電話

1、ダウンロードしてインストールし、iTunesを

図2に示すように、データ線を使用してコンピュータに接続されています。

3、通常のiTunesが電話に接続できることを確認します

あなたのiPhoneのデバイス上で実行する4. Hbuilderソフトウェア

5、それはテストアプリケーションをデバッグするための電話機にインストールされます。Hbuilderを

6、Hbuilderは電話で、開発者が信頼できるセット

HTML + APIへのアクセス

1、さまざまなAPIは、電話JSで呼び出すことができます

2、HTML + API:ドキュメントの住所

パッケージ化され、解放

1、設定manifest.jsonをのファイル、彼らは設定を追加する必要がある機能を選択

2、HBuilderソフトウェアで見つかった:リリースネイティブAPP(クラウドパッケージ)

3、結果パッケージのインストールパッケージを取得するにはしばらく待って、その後、携帯電話のテストにインストールされ、インストールパッケージのインストール・アドレスがコンソールに表示されます

必要に応じて4、最終ポストは、モバイルアプリケーションストアに対応します

説明:プロジェクトファイルがある限りリクエストがいくつかの要求インターフェース機能をネットワーク化しなければならない限り、このアプリケーションのダウンロードにこれらのファイルをインストールする必要はありませんように、アプリケーションのインストールパッケージにパッケージ化されています。このように、ネットワークの利点は、コアファイルの一部がダウンロードする必要はありません。ですが、あなたは、コードを変更する場合は、更新のトラブルは、あなたは再梱包する必要があります。

別の方法がありますが、私たちは、サイトのアプリケーションをデプロイした後、内部のこの場合の子供に適用され、当社のウェブサイトをロードします。

テストが開発されている場合は、manifest.jsonファイルがされlanuchpath、あなたのLANアドレスに変更します。

リリースが展開されている場合、それはなりますluanchpathラインの設定に対応します

使用Vue.jsはHTML5 + APPを開発します

1、VUEでmanifest.jsonをするには、サーバー、ローカルアドレスで構成サーバーを起動文件中的中lanuchpath

2は、その後にソフトウェアでの携帯電話に実行します

パッケージ化され、解放

1、読み取りラインアドレスapp/manifest.jsonlaunch_path

2は、項目にHBuilderをロード(作成)ヘッドはappディレクトリは、ディレクトリには、限り、サーバーのマシン・アドレスを設定manifest.jsonをファイルには、開始されたとしても、その後、ソフトウェア、メニューバー→発行を選択することができます→ネイティブアプリのクラウドパッケージ

3、梱包の結果を待って、パッケージング規則を装備

(直接ダウンロードするユーザーのために自分のサーバーにAndroidのインストールパッケージ)をダウンロードするユーザーのための携帯電話のアプリケーションストアに4、必要であれば、問題

キャッシュ関連の問題

キャッシュでの1、携帯電話のアプリページが問題となることが、解決策は次のとおりです。無効フロント+バックエンドのキャッシュを組み合わせます。

図2に示すように、基準アドレス:HTTPS://ask.dcloud.net.cn/question/31327

展開について

/**
  • 設定ファイル:HTTPS://cli.vuejs.org/zh/config/
    * /

module.exportsは= {
/ **

  • /サービスのためにHTTPで展開

  • 混合が適用される場合、それは相対パスに設定されている./

  • 参考資料:HTTPS://cli.vuejs.org/zh/config/#publicpath
    * /
    publicPath: "./"、

     devServer: {
       // host: '和手机在一个网段的网卡地址'
     }
    

    }。

リリース7件のオリジナルの記事 ウォンの賞賛0 ビュー64

おすすめ

転載: blog.csdn.net/weixin_45545454/article/details/104514987