この記事では、Jasonette を使用して Web ビューとネイティブ コンポーネントを統合し、Web サイトをモバイル アプリケーションに変える真の「ハイブリッド」アプリケーションを構築する方法を紹介します。困っている友人は参考にしていただければ幸いです。
Web サイトをモバイル アプリケーションに変えるために必要なのは、上記の 7 行のオレンジ色の JSON コードだけであると言ったら、あなたは信じますか?モバイル アプリと同じ動作を実現するために、フレームワーク API を使用して Web サイトを書き直す必要はまったくありません。すでに既存の Web サイトがある場合は、URL を参照するだけで、それをネイティブ アプリとして「パッケージ化」できます。
これに基づいて、JSON コードの内容をわずかに調整するだけで、すべてのネイティブ API、ネイティブ UI コンポーネント、およびネイティブ ビュー遷移 (ビュー遷移) に直接アクセスできます。
最も単純化された効果の例を以下に示します。
これからわかるように、GitHub.com を埋め込みました。 Web ページですが、インターフェイス上の残りのレイアウトは、ナビゲーション バーや下部のタブ バーなどのネイティブ UI コンポーネントです。また、Web サイトを書き換えるために API を使用する必要はなく、ネイティブの切り替え効果を自動的に得ることができます。
具体的な方法を紹介する前に、「見た目はクールですが、ネイティブ アプリケーション フレームワーク内で Web ページを表示する以外に、このテクノロジの重要性は何ですか?
Ask Great!これがこの記事のポイントです。Web ビューとアプリケーションの間にシームレスな双方向通信を作成するだけで、親アプリケーションが Web ビュー内で JavaScript 関数をトリガーできるようになり、Web ビューが JavaScript 関数を呼び出すことができるようになります。ネイティブ API。
例:
#ネイティブを含める下部のテキスト入力コンポーネント
上記のすべては、JSON コードのプロパティをわずかに調整することで実現できます。
モバイルの将来について議論するとき、誰かの意見を聞くたびにアプリの場合、「HTML5 とネイティブのアプローチのどちらが勝つのでしょうか?」というようなことを聞くでしょう。 「そのような発言です。
ネイティブと HTML が共存できるとは誰も考えていないようで、両者のコラボレーションと最終的な実現は簡単ではないようです。
この記事では、あなた:
Web エンジンとネイティブ コンポーネントの統合がより良いアプローチであることが多い理由## さらに重要なのは、このようなテクノロジを使用して独自のアプリケーションを迅速に構築する方法です。
## ネイティブ アプリケーションで HTML を使用する理由は何でしょうか。#一部の関数では、巨大なサードパーティ ライブラリの使用が必要になる場合があり、そのような関数をすぐに使用する必要がある場合があります。たとえば、QR コード画像ジェネレーターをネイティブに組み込むためです。場合によっては、バイナリ ファイルのサイズが大きくなるサードパーティ ライブラリのインストールが必要になる場合がありますが、Web ビュー エンジンを使用し、単純な