Home >Backend Development >PHP Tutorial >Chrome Web App development summary, chromewebapp summary_PHP tutorial
Chrome Web App development summary, chromewebapp summary_PHP tutorial
- WBOYOriginal
- 2016-07-13 10:19:26946browse
Chrome Web App development summary, chromewebapp summary
Foreword
This article mainly shares the problems and processes I encountered in developing Web App, as well as some pitfalls that have been (how) filled. If you want "How to develop a Web App" or "Learn to develop a Web App in 30 minutes", please go to the official development manual (documentation). (Link below).
Background
It feels like everyone is arguing (discussing) about two things now, Web App and Native App. In the HTML5 Watcher event I participated in not long ago, big guys from all parties were discussing the advantages, disadvantages, differences, compatibility, and popularity between the two. Of course, only the controversial ones prove their value.
Chrome Web App
Not long ago, Chrome once again appeared on the homepage of major news media for exceeding something. Yes, this is not the first time. Chrome itself has a strong plug-in market, and the recently (not so recently) launched Chrome Web App. I have been developing Chrome extensions before, and I was confused by Chrome's own API. However, while I was confused, I also deeply felt the powerful potential of Web App.
Making Web App
I just tried to transplant a simple "web project" into Chrome Web App. It is said to be a transplant, but in fact it is basically a reconstruction, oh no, a new creation... The current web page project is a back-end using PHP and MySQL. It is very common for a PHP website to use Slim as the PHP framework.
So how to build a new Chrome Web App. Obviously, using PHP is impossible. I have used Google's own AngularJS for development before, so I am quite familiar with it, and the official development manual also lists AngularJS as the preferred recommended development framework. And thanks to the Slim framework (PHP), it's all RESTful.
The general idea is this:
Everything is coordinated with AngularJS and RESTful, so that the local application only stores static pages, and then sends the request data back through Bababa...
Feeling
Using Google's own AngularJS, almost most browser features can be used, the compatibility is very good, and it is almost the same as desktop software. The most important thing is that I have not been able to learn software development for many years (tried delphi (Unfulfilled) wish... Web App is too powerful!
Resources (requires ladder)
Chrome Web App Chinese Development Manual
Google Plus Chinese Community
Official English Forum
Question
Several problems were encountered during the development process:
Permissions can not only call functions, but also need to be added if external resources are used;
You can feel free to use APIs like -webkit or even V8;
-webkit-app-region: drag can control application drag;
If you insist on frame: 'none', don't forget to add the close button;
Looking forward to communicating with everyone
In fact, many users are still not clear about it
. For this reason, a recent article by Google Code Labs explained this problem to us very well.
Simply put, an App (application) should have its own UI (user interface) displayed in the browser, and Chrome extensions are mostly used to remind messages or to enhance the user’s web experience.
For developers, this article also provides an in-depth explanation of the .crx packaging format and information related to the permissions required for automatic updates. In addition, you should also know whether the function you want to implement should be made into an extension or a Web App. If you want to make a Web App, whether it should be made into a hosted app or a packaged app - the former is just through manifest.json The file redirects the user to another secure web address, and the latter .crx file contains all necessary .css .html files to run the App.
Chrome os is a chrome browser running on Linux, supporting all original web applications