A quick mobile development template and mobile development Template

A quick mobile development template and mobile development Template

About two weeks ago, our BI team started to develop mobile applications. I just got in touch with mobile development. With the help of my colleagues in the past two weeks, although I have learned a lot of knowledge and experience, I think there are still some things that can be summarized and shared. It would be nice if we had a little help!

One of my most profound feelings is that mobile development does not require you to learn a dozen new technology stacks, such as Java, Object-C, and operating systems. It can be said that the smallest technology set required for mobile development is the technology required for front-end web development, including JavaScript, html, css, http, and other familiar languages and protocols. Obviously, these web browser-based technologies are cross-platform, so it is possible to write a piece of code and run it on Android and IOS. Of course, for different operating systems to run the same mobile application, the file structure and configuration information of this mobile application are different. developers need to compile the program on various platforms. Fortunately, laziness is one of the noble qualities of programmers. For developers, anything that has nothing to do with the application itself is extra work. As a result, a technology like PhoneGap has emerged, freeing developers from the constraints of different platforms and avoiding repeated efforts, defending the dignity of developers.

Life is too short, and some things do not have to start from scratch. If you want to try mobile development, you certainly do not want to start from scratch. It is best to make the program run like a horse in a command. Based on this idea, I developed a template using the technical framework and technical practices to help me quickly start a new project, second, you may be lucky enough to help colleagues in need. There are many shortcomings in the template, and more reusable things will be added in the future.

This template can be obtained here: https://github.com/darlinglele/mobile-app-seed, the template has the following things.

• Use npm to manage the programs required by the development environment, including phonegap, bower, and http-server. Bower is similar to npm, and is the dependency management tool of the JS library. With these two tools, you no longer need to download and install programs everywhere.
• The UI framework is Framework7. This framework not only looks messy with IOS local applications, but also provides rich and excellent APIs, which are highly efficient and pleasant to develop.
• The MVC Framework AngularJS, MVC is a good design model, and there is no better reason not to do so.
• RequireJS modularization. JS itself has too many problems. The intention of this item is to better implement JS modularization design. It is amazing, but it will slow down the code decay.

In addition, I am working on this website. html page, which includes the following things, hoping to improve the development efficiency:

• A Web-based simulator can directly load our programs and switch between different screens.
• You can download the installer by scanning the QR code.
• Enable the integrated server to automatically generate the latest version of the QR code

At present, a major deficiency is automated testing, especially end-to-end testing, which is more effort-consuming and hopes to be supplemented as soon as possible.