Chrome Web App 開発の概要、chromewebapp の概要_PHP チュートリアル-PHPチュートリアル-php.cn

Chrome Web App 開発の概要、chromewebapp の概要_PHP チュートリアル

WBOY

リリース： 2016-07-13 10:19:26

オリジナル

902 人が閲覧しました

Chrome ウェブアプリ開発の概要、chromewebapp の概要

はじめに

この記事では主に、Web アプリの開発中に私が遭遇した問題とプロセス、および (どのように) 埋められたいくつかの落とし穴を共有します。「Web アプリの開発方法」「Web アプリ開発を 30 分で学びたい」場合は、公式の開発マニュアル (ドキュメント) をご覧ください。 (以下のリンク)。

背景

今、Web App と Native App という 2 つのことについて、みんなが議論 (議論) しているように感じます。少し前に私が参加した HTML5 Watcher イベントでは、各関係者の偉い人たちが、両者の長所、短所、相違点、互換性、人気について議論していました。もちろん、その価値が証明されるのは物議を醸すものだけです。

Chrome ウェブアプリ

少し前、Chrome が何かを超えたとして再び主要ニュースメディアのトップページに登場しました。はい、これが初めてではありません。 Chrome 自体には強力なプラグイン市場があり、最近 (最近ではありませんが) Chrome Web App がリリースされました。以前、Chrome の拡張機能を開発したことがあり、Chrome 独自の API に戸惑いましたが、戸惑いながらも Web App の大きな可能性を痛感しました。

ウェブアプリを作る

単純な「Web プロジェクト」を Chrome Web App に移植してみました移植と言われていますが、実際には再構築、いや、新しいものです...現在の Web ページプロジェクトは、PHP と MySQL を使用したバックエンドです。PHP Web サイトでは、PHP フレームワークとして Slim を使用するのが非常に一般的です。
新しい Chrome ウェブアプリを構築する方法。明らかに、PHP を使用することは不可能です。私は以前に Google 独自の AngularJS を開発に使用したことがあり、よく知っています。また、公式開発マニュアルにも AngularJS が推奨される開発フレームワークとして記載されています。また、Slim フレームワーク (PHP) のおかげで、すべて RESTful です。
一般的な考え方は次のとおりです:
すべてが AngularJS と RESTful で調整されるため、ローカルアプリケーションは静的ページのみを保存し、Bababa を介してリクエストデータを送り返します。

気持ち

Google 独自の AngularJS を使用すると、ほとんどのブラウザ機能が使用でき、互換性が非常に高く、デスクトップソフトウェアとほぼ同じです。最も重要なことは、私が長年ソフトウェア開発を学習できていないことです。 delphi を試しましたが失敗しました) 私の願い... Web アプリはとても強力です!

リソース (はしごが必要)

Chrome Web App 中国語開発マニュアル
Google Plus 中国語コミュニティ
公式英語フォーラム

質問

開発プロセス中にいくつかの問題が発生しました:

権限は関数を呼び出すことができるだけでなく、外部リソースを使用する場合には追加する必要があります。
-webkit や V8 などの API を自由に使用できます。
-webkit-app-region: ドラッグでアプリケーションのドラッグを制御できます;
フレームを「なし」にしたい場合は、閉じるボタンを追加することを忘れないでください。

皆様とのコミュニケーションを楽しみにしています

Chrome ウェブアプリと拡張機能の違いは何ですか

実際、多くのユーザーはまだこの問題についてよくわかっていません
このため、Google Code Labs による最近の記事でこの問題が非常にわかりやすく説明されています。
簡単に言うと、App（アプリケーション）はブラウザに表示される独自のUI（ユーザーインターフェース）を持つ必要があり、Chrome拡張機能は主にメッセージを思い出させたり、ユーザーのWebエクスペリエンスを向上させるために使用されます。
開発者向けに、この記事では、.crx パッケージ形式と自動更新に必要な権限に関連する情報についても詳しく説明します。さらに、実装したい機能を拡張機能にするか Web アプリにするか、Web アプリを作成する場合、ホスト型アプリにするかパッケージ型アプリにするか、前者についても知っておく必要があります。このファイルは、ユーザーを別の安全な Web アドレスにリダイレクトします。後者の .crx ファイルには、アプリを実行するために必要なすべての .css .html ファイルが含まれています。