ChromeWebApp development Summary

This article mainly describes the problems and processes of WebApp development and some pitfalls that have been completed. Preface

This article mainly describes the problems and processes encountered when developing Web apps and some pitfalls that have been completed. If you want to "how to develop a Web App" or "learn how to develop a Web App in 30 minutes", go to the official Development Manual (document ). (There is a link below ).

Background

I feel that everyone is discussing two things: Web App and Native App. Not long ago, during the HTML5 watcher activity, all parties were discussing the advantages and disadvantages, differences, compatibility, and popularity of the two. Of course, the controversial ones are valuable.

Chrome Web App

Not long ago, Chrome once again boarded the homepage of various major news media because of what it surpassed. this is not the first time. Chrome has a powerful plug-in market, and recently (or not recently) Chrome Web App. We have also been developing Chrome extensions and getting dizzy with Chrome's own APIs. However, we also feel the powerful potential of Web apps while turning dizzy.

Create a Web App

I just attempted to transplant a simple "Web project" into a Chrome Web App, saying it was a transplant. In fact, it was basically a reconstruction. Oh no, it was a new project ....... Currently, a Web project uses PHP and MySQL as the backend. a common PHP website uses Slim as the PHP framework.
So how can we create a new Chrome Web App. Obviously, using PHP is unlikely. I have used Google's own AngularJS for development before, so I am still familiar with it. In addition, the official development manual also uses AngularJS as the preferred recommendation development framework. All of them are RESTful thanks to the Slim framework (PHP.
The general idea is as follows:
Everything works with AngularJS and RESTful. in this way, local applications only store static pages, and then send the request data back through zookeeper .......

Feelings

Using Google's AngularJS, almost all browser features can be used, with excellent compatibility and almost no difference with desktop software, the most important thing is my wish to learn not to develop software for many years (if I tried delphi ...... The Web App is so powerful!

Resource (ladder required)

Chrome Web App Chinese Development Manual
Google Plus Chinese community
Official English forum

Problem

Several problems were encountered during the development process:

Permissions can not only call functions, but also add external resources;
You can use APIs similar to webkit and V8 with confidence;
-Webkit-app-region: drag can control application dragging;
If you insist on frame: 'none', do not forget to add the close button;

We look forward to communicating with you