About Dreamweaver CS6.0 + PHONEGAP's mobile development environment building

HTML5 has been the reverse of mobile development, recently fortunate to decorate PHONEGAP environment equipped. In fact, I do not html and JS or jquery, in order to comply with the HTML5 storm, or a little bit of a spin.

CS5.5 Building relative CS6.0 is more humane. The latter is based on the new model, just started to get a bit of a difficulty, but, today we come to understand how the CS6.0 on the smooth play phonegap.

The development environment for the SDK for Android is not covered here. Everyone Baidu build it.

After configuring the SDK, it is recommended that you create the AVD emulator in Eclipse and execute it for the first time.

After all, Dreamweaver is not a professional to do this, there will certainly be a bit of a bad thing in advance.

But for the powerful Html5 effect, this small bug is not a problem.

Quasi-work to do well, but here basically not what:

1> DreamWeaver CS6.0

① Create a new Web site

② Speaking Designer mode to mobile application Mode

------->

A column box will appear on the left side of the CS6.0:

above the android where to choose your Android SDK folder, click Save directly to be able to. The most unacceptable is that you click Save no matter what hint, in fact, this time has been saved successfully, the first time the landlord said the gun fell.

③ Create project in the Web site, and it's not actually called Project. It's just a habit of mine.

Files--New--What you see:

Click Create, will go to the saved interface, the middle column to change the name of the file to index.html. Let's take a look at this person's liking.

④ The following Select site-->phonegap build Service-->phonegap build service. The left column goes back to the following box body, for example:

Enter the account name you used to register Dreamweaver CS6.0 with password. Landing successful directly skip the fifth step, the appearance of such as the following interface means you do not have phonegap build credentials, need to register:

⑤ here are the steps to register your PHONEGAP build credentials. In the above landing box body, the upper right corner has a menu small icon, click on it, and then select the help inside, the program will open a URL. In this URL:

Select inside: Create a PhoneGap build service account

Click on the blue font inside. There is also a Web page where the following booklet appears:

Click the first with Adobe ID. Login directly to your CS6.0 this account name with Dreamweaver is OK with password. After logging in, PhoneGap build voucher is successful, return to continue to build the development environment.

⑥ will be the interface style after logging in:

Don't get excited, the pace of success has been very close. This interface shows that loading is not done, but you should not wait, CS6.0 will not help you load, this time. It is necessary to manually operate, directly click on the bottom: Another time the application is the refresh of the button, just to make people think it is, it will be loaded from the bottom of the web. I've always been so depressed.

This could be the 100,000th and another why? Just finally twists in the end of the road to come over.

Let's take a look at what the loaded style looks like:

⑦1, the first arrow pointing to the right, is the start of the AVD simulator in the program.

2, scan two-dimensional code, what to use it? You guess.

3. The third arrow pointing downwards. is the external load saved apk file.

Click the first arrow button. Other post-commissioning re-use.

After loading it will be a demo sample such as the following interface:

Since the AVD simulator has been created within Eclipse, it will be available here on its own initiative, but can also be built in the following AVD manager. This is not the introduction. Below we start the simulator, the landlord did not test the simulator when the start. CS6 is not going to install apk execution directly, this everyone can try. After all, a lot of debugging needs to be done on the real machine.

⑧ assumes that there is no software generated in the AVD simulator after the boot is complete. This time when the Start button is not clickable, you need to shut down the simulator. In another boot. Under normal circumstances, the second launch of the AVD simulator will have the following software:

Execution diagram:

After the successful execution of the ⑨, a projectsettings file is generated in the Web site, which is opened in Dreamweaver such as the following:

You can change the version number of the program here. The information such as the icon, the package name, just looks really uncomfortable. can also be in the root folder of the Web site with other tools to change.

The construction process has been completed successfully, I wish you all development smoothly!

About Dreamweaver CS6.0 + PHONEGAP's mobile development environment building