Tag:js app Mobile app Mobile development
At the end of September 2015, Deviceone release released. At this point, Deviceone basically completed the multi-terminal support. Based on Deviceone, you can:
HTML5, Android, IOS, Windows Multi-code once written, reused everywhere;
Simple deployment in real time.
Localizing the UI
In the following time, I will introduce Deviceone through a series of articles. This article describes the environment configuration and how to build a simple project. (Note: This article applies to both IOS and Android and Windows development.) )
Currently using Deviceone development can be done on Windows or MAC systems.
The following is an introduction to the next Deviceone environment building, whether it is application development or component development, need to build a development environment, only 3 minutes to complete.
1. Hardware environment
A PC or Mac computer for development
Mobile device for debugging and testing, mobile phone or pad can be (Android, iOS, WindowsPhone), Android can also try the simulator.
2. Software Environment
Operating system (Mac or Windows support)
Windows:7 above operating system.
mac:10.9 or more
Mobile Devices:
android:4.0 above operating system
ios:7.0 above operating system
winphone:8.1 above operating system
jdk:1.7 version and above
3. Network environment
4. Register Deviceone Developer Account
5. Download the designer (IDE)
-
-
users need to download and use Deviceo NE provides the designer (IDE) to develop mobile applications, the designer provides WYSIWYG ways to build the UI, provides a code editor to write standard JavaScript or LUA logic scripting code, uses the instant debugging capabilities provided by the designer and the real-time mobile device interactive debugging application, Finally, the final application is published through the packaging capabilities provided by the designer. The
Designer currently contains 2 large versions, one based on the Eclipse RCP version and one developed for Windows-only versions. We recommend that you use the Eclipse-based version.
is http://docs.deviceone.net/platform--Download Center
650) this.width=650; "Src=" http://docs.deviceone.net/images// Env1.png "style=" border:0px; "/>
-
Install the designer and directly locate the zip file that you just downloaded. Unzip to your appropriate location. This designer is free to install the green version, the version of Windows directly to the extracted file path found DoStudio.exe, double-click Open. Mac version after decompression, directly double-click Dostuio.app can be started. During the startup process may encounter some problems, you can refer to the new version of the design installation and startup issues organized
650) this.width=650; "Src=" Http://docs.deviceone.net/images//env2.png " Style= "border:0px;"/>650) this.width=650; "src=" Http://docs.deviceone.net/images//env3.png "style=" border:0px; " />
After the development environment was built, we started to try to develop the first Deviceone mobile app, and the next step is to introduce how Hello Deviceone application is built
1. Create a new app
-
First open the designer, click New Project, the new project requires networking, enter the user password verification code after landing. But after the creation is supported offline development and debugging.
650) this.width=650; "src=" Http://docs.deviceone.net/images//demo_app1.png "style=" border:0px; "/>650" this.width=650, "src=" Http://docs.deviceone.net/images//demo_app2.png "style=" border:0px; "/>
In the pop-up dialog box, fill in the name of the new project and choose the front-end scripting language you want to use, you can now choose JavaScript and Lua Two, you can configure the basic project template, include the empty page template, the template with the ListView, etc., you can also configure the screen resolution, are configured and click OK button, will automatically generate a project
650) this.width=650; "src=" Http://docs.deviceone.net/images//demo_app3.png "style=" border:0px; "/>
We can see the designer Main Page as we can see all the code on the left-hand project navigation tree in the designer, where App.js is the entry for the entire program, similar to the main function of other development languages. For more information about the file structure, refer to the "Deviceone application Structure" document. A detailed description of the designer can be found in the "Designer Usage Guide" documentation.
650) this.width=650; "src=" Http://docs.deviceone.net/images//demo_app4.png "style=" border:0px; "/>
We can try dragging a label component in the "Control List" to the "View design" corresponding to the Index.ui file, setting the label's background color to green. The view design can be seen as the resulting drag and drop and set the basic properties and proprietary properties of an interface element.
650) this.width=650; "src=" Http://docs.deviceone.net/images//demo_app5.png "style=" border:0px; "/>
Let's change the Index.ui.js source code and change Hello World to Hello Deviceone. In the JS file, you can modify the logic of the application run.
650) this.width=650; "src=" Http://docs.deviceone.net/images//demo_app6.png "style=" border:0px; "/>
To be Continue .....
This article is from the "Felix" blog, please be sure to keep this source http://jonhfelix.blog.51cto.com/630359/1719245
JavaScript uses Deviceone development Combat (i) configuration and start-up