Web multi-terminal development and learning series (II)-hardware interaction framework Phonegap learning and framework phonegap
Currently, mobile and desktop platforms have their own development languages and tools. If we want to develop a system that is compatible with multiple terminals, we need to use their own platform tools to develop their respective applications, which is extremely demanding for a team or a developer, and time-consuming. The previous article learned about the Bootstrap framework and provided a solution for multi-Terminal interface adaptation. However, in addition to interaction with users, a system may also need to interact with hardware to meet certain special requirements, such as camera calls and album acquisition. We can select Phonegap for calling these hardware.
Introduction Phonegap is a framework adapted to multiple terminals for hardware interaction, I use the version is phonegap-2.9.0, supported platforms include Android, Blackberry, IOS, Tizen, WinPhone7 and 8, win8 .. Of course, the platform supported by a special function may be different. For details, refer to the official documentation. The official phonegap website is http://phonegap.com /. Different initial environments are required for different platforms. For example, android needs to import jar packages and configure the initial XML. Once these environments are configured, multiple platforms can access the same Html or dynamic web page to achieve hardware interaction with each platform.
Environment build official website download phonegap-2.9.0, I download by manually download ZIP, unzip. The platform used in this example is android, and the construction of other platforms is similar. Examples provided on the official website
.. \ Phonegap-2.9.0 \ lib \ android \ exampleImport it to eclipse. The project structure is as follows: assets stores the JS Code of the actually called hardware, and config. xml is the configuration file. You can use config. xml to configure the class library for hardware calling and the initial access path of the program.
Instance
.. \ Phonegap-2.9.0 \ doc stores various API instances for phonegap. For details, refer to this document.
For example, if you need to call the android camera through js, the steps are as follows: 1. Configure the access permission for AndroidManifest. xml
<uses-permission android:name="android.permission.CAMERA" />
2. config. xml introduce class library
<feature name="Camera"> <param name="android-package" value="org.apache.cordova.CameraLauncher"/> </feature>
3. Actual js call
Summary if you need to use phonegap to develop the system, you must configure the basic environment for each target platform. Once the basic environment is ready, you can perform unified code development. Because of the cross-platform framework and cross-language calls, the performance of applications developed by phonegap is still different from that of native applications. However, for common applications, normal hardware can basically ignore this gap.