Dry Foods Tutorial | Apicloud Novice learning experience sharing

Recently many love to learn the developer, in the background to the grapefruit June message asked: How to create an app on the Apicloud platform? How do I add a module? Customize how loader is synchronized in studio after the compilation is done.

Grapefruit June Take this opportunity to share a good understanding of JS and the front-end of the novice developer learning experience (do not underestimate the novice oh, share of the dry is absolutely surprising), the main description of a login page instance and debugging problems encountered. The shared-responsibility project structure is roughly apicloud+asp.net MVC, which is shared as follows:

First, create a demo

First in accordance with the official website tutorial, login https://www.apicloud.com/, after registering to create an application, the end of the Setup, certificate settings (note that the name using the system has been generated), module settings (can add several official modules and existing custom modules), and finally cloud compilation.

After that, go to the official website to download the local compilation tool Apicloud Studio (under the official website "Development tools"), after installation, you can find the project to start from the "Cloud Repository" svn, check out, in "My App project" can be seen. You can then create or modify the startup page in the appropriate project directory (assuming index.html) and then set it in CONFIG. css (note that in the "source" instead of the "Editor" tab), the widget's id attribute can be obtained in the system overview of the Cloud platform, The src attribute of the content is used to specify the startup page.

After the modification of the compilation, the use of Android tablet connected to the computer (need to drive, in fact, some mobile phone assistant software can be installed, such as Jinshan Assistant, 360 mobile phone assistant or pea pod). The share of the experience is: Apicloud In addition to the cloud must compile the changes (such as the addition of official modules, custom modules, the end of the configuration, etc. "which require cloud compilation, official documents are described", modified to cloud compilation, and then in Studio "Resource Synchronization", "Compiling custom loader" " Custom modules need this step ", and finally" real machine synchronization "other than the modification (such as modifying the startup page HTML file), if you want to make it effective, the modification can be directly synchronized with the real Machine (CTRL+R).

Second, the use of simulators (no tablet, mobile phones and other Android test equipment)

Can and Apicloud compatible simulator, on-line said there is hippocampus, night God, etc., all need to find Apicloud adb.exe position, and then run "ADB Connect to server Address" command under CMD; but in fact, such as the installation of the hippocampus play v0.10.5, without any set operation, directly in the Apicloud USB real-time synchronization can be. "But the simulator resolution can be adjusted but it is always impossible to display completely, then abandoned; I heard that the night God simulator seems to be possible, did not try"

Third, Android device (Apicloud Studio) The United Server (vs2015, IIS) has encountered problems

? Before debugging, you can use the Ping tool in the Android machine to ping the server's IP, which is a prerequisite for the success of the joint. The WIN10 firewall of the shared person seems to be blocking the ping pass after each reboot, and has been in the pit.

? If you want to debug a webpage on your Android device in Chrome, you can open the chrome://inspect/#devices in Chrome with FQ (you can search for a hassle-free, searchable download xx-net). To display the relevant page URL in the app for the currently connected Android machine, click "Inspect" to view and debug in Chrome.

? On the index page, after the login succeeds, the page URL of the server-related business to be accessed is set by reading the parameters. The official FS module is used here (for storing files that record some parameters, this module is related to the official documentation), and the main function is as follows:

Iv. structure Description of official documents

Do not know that there is no one like the share of the small white, sometimes look at other people's code but found in the official website document can not find questionable related function definition ... After looking at the discovery, we first need to understand what the current method is for (for example, the API object "format similar to Api.xxx", the related device, the module method "Common modules should be DB, zip and FS", Apicloud front-end framework "format similar to $API. xxx"), Then it is easy to access the page from the entry directory of the official website, and then search. (The person who shares these categories is collected into their own documents, using tools such as Evernote to make it easier to retrieve)

The above is the Apicloud moderator around the share, feel can easily point a praise, to share a encouragement! If you also have your own learning experience, welcome to share!

Apicloud Novice Instructional videos can be apicloud to the website for free learning.

Dry Foods Tutorial | Apicloud Novice learning experience sharing