How to get started with apiccloud app and multi terminal development of applet based on zero Foundation

Business needs change fast 、 The high cost of developers is the main problem faced by enterprises now . Developing multiple technologies can solve these problems , Once developed, you can generate iOS、Android、 Applet 、Web Multi terminal application .APICloud With years of accumulation of mobile development technology , It provides developers with a set of high-performance multi terminal development technology , Can efficiently develop enterprise applications .

This paper is divided into establishing the basis of front-end programming and using APICloud Complete two parts of development , Let's briefly introduce the use of zero basic users APICloud The process of development . If you already have a front-end foundation but don't understand APICloud How to use , You can jump directly to the second part ~

One 、 Front end Foundation

Ten thousand Zhang tall buildings rise from the ground , Want to develop a APP First of all, you need to master the basic programming technology . As a multi terminal development platform ,APICloud Mainly through the front-end programming APP Development , Therefore, here is only a brief introduction to the front-end three swordsmen ：HTML、CSS、JS Learning methods of .

1、HTML and CSS

HTML Responsible for the content of the web page , Equivalent to the skeleton of a web page , It's a hypertext markup language , It consists of various labels , It is the basis of front-end development . and CSS Responsible for the style of the web page , Through the color of web page elements 、 size 、 Position and other appearance styles , Make the web page more beautiful .

HTML and CSS Relatively simple , Learning is not difficult , Beginners can learn in w3cschool（www.w3cschool.cn/） And rookie tutorial （www.runoob.com/） Middle school learning , While learning, you can also carry out corresponding debugging exercises in the web page , Deepen the understanding of knowledge . In the initial grasp of HTML and CSS after , You can explore the implementation of existing web pages or UI The restoration and reproduction of the design draft .

2、JavaScript

JavaScript It is the top priority in front-end programming language learning , relative HTML and CSS Learning is more difficult .JS It is mainly responsible for the realization of interaction effects , That is to make the elements in the page move , Is the core skill of the front-end .

For the first time contact JS You can follow the online teaching video for the first simple learning , Have a general understanding of the concept , Get started . Then find the corresponding professional books to study , Form a systematic knowledge system , Further understanding JS Design principles and ideas of , Master more complex js technology , Such as prototype object 、 Closure 、 Synchronous asynchronous 、 Sandbox, etc .

Reference video ：www.imooc.com/learn/36

Reference books ：《Javascript Advanced programming The Fourth Edition 》《JavaScript The essence of language 》

3、 Common framework

After understanding the basic technology of the front end , You also need to master the basic framework of the front end . At present, there are two kinds of frameworks widely used in the front end ：React and Vue.

React The frame is Facebook Launched a tool for building user interface JavaScript library . React Mainly for building UI, High performance , The code logic is very simple , It can realize large-scale projects quickly and conveniently .

Reference video ：/www.bilibili.com/video/BV1wy4y1D7JT

Reference material ：React Official documents : https://react.docschina.org/docs/getting-started.html

Vue The framework is used to build interactive web Library of interface . It provides MVVM Data binding and a composable component system , Simple 、 agile API.

Reference video ：www.bilibili.com/video/BV1Zy4y1K7SH

Reference material ：《Vue.js Authoritative guide 》,Vue Official documents : https://cn.vuejs.org/v2/guide/

The two have their own advantages ,Vue Easier to use , and React The relative degrees of freedom are higher , Developers can choose the framework to learn according to their own needs .

Two 、APICloud Development

After having a certain front-end Foundation , Users can use APICloud Developed . stay APICloud Basic used in HTML,CSS,JS Technology development is consistent with the steps of using a conventional compiler , Modify the code , Submission code , Compile code , Carry out corresponding debugging . The difference is APICloud Introduce your own API、 modular 、 Frame, etc , Therefore, there are certain differences in the specific operation of each step .

1、API And modules

First APICloud Provides its own encapsulated API Objects and modules , Developers can call directly , Quickly realize your needs .

API Object provides some basic methods for building applications , Such as window operation 、 Photo album and network data access ; And some common properties , Such as screen width , System type, etc ; There are also some common events , Such as low battery events 、 The application enters the background event .API Object does not need require quote , Can be directly in JS Use in .

Reference material ：https://docs.APICloud.com/Client-API/api

And the module is in API An extension beyond the object ,APICloud Provides 1000+ ripe app Function module , Covered payments 、 IM、 live broadcast 、 distinguish 、 Map and other rich functions , Meet all kinds of app Development needs of . Developing app when , It can be called with one key without separate development , So as to greatly shorten the development cycle .

When you use modules in your code, you need to use them in the development console first Module page Add , Or by config.xml Medium feature Field add module , Reference resources feature To configure （https://docs.APICloud.com/Dev-Guide/app-config-manual#15）. And pass api.require Method , Such as ：

var fs = api.require('fs');
fs.exist({
path: 'fs://file.txt'
}, function(ret, err) {
});

If you have any questions when calling the module, you can find them in the developer documentation （https://docs.APICloud.com/） Directly search for the corresponding module name in , Find the documentation of the module and view it .

If the platform module cannot meet the project requirements , Developers can also extend custom modules , After development, upload the module package to “ Custom module ” Inside , Then add and use .

Reference material

Module development guide _iOS：https://docs.APICloud.com/Module-Dev/module-dev-guide-for-ios

Module development guide _Android_Eclipse：https://docs.APICloud.com/Module-Dev/module-dev-guide-for-android

Module development guide _Android_Studio：https://docs.APICloud.com/Module-Dev/module-dev-guide-for-android-studio

2、 compile

At compile time , There are two ways to compile . If only the official module is called during development , Then you can directly use the official AppLoader Compile .

If you add your own encapsulated module during development , Payment module 、 The third party SDK Module etc. , Then the basic cloud compilation may not meet the requirements of compilation . In this case, developers need to customize AppLoader Complete the compilation of the application .

Reference material ：https://docs.APICloud.com/Dev-Guide/Custom_Loader

3、 debugging

Finally, when debugging ,APICloud The method of debugging the real machine is provided . Just make sure that the phone and the compiler are in the same LAN segment , You can scan the code to download the generated software to the mobile phone , Realize synchronous debugging .

Reference material ：https://docs.APICloud.com/Dev-Tools/studio3-wifi-debug

4、AVM frame

stay APICloud You can use the mainstream framework to complete the development of native applications , But if you want to realize the simultaneous development of multi terminal applications , Must use APICloud Medium avm.js Develop grammar and framework .

Avm It is a mobile first high-performance cross end JavaScript frame , Support writing multi end rendering at one time . It provides a concise code writing mode , Code once , Can be generated at the same time Android & iOS Native App、 Applets and WebApp.Avm Provide classes Vue Syntax and compatibility React JSX, If there is Vue and React Foundation of framework , You can get started quickly Avm.

Reference material ：https://docs.APICloud.com/APICloud3/

5、 Data cloud platform

APICloud Application architecture is an integrated cloud architecture , Terminal implementation UI Layout and function , The cloud provides data and services .APICloud Provide a complete data storage solution from client to cloud , The cloud provides data management functions , The client provides data access API, Developers only need to create table structures and relationships in the cloud , The cloud will automatically generate Restful Interface , Then call... On the client side mcm modular API The method can , You don't need to build your own server and write any server code .

Reference material

The cloud service 3.0：https://docs.APICloud.com/Cloud-API/sentosa

Data cloud service development guide ：https://docs.APICloud.com/Dev-Guide/data-cloud-dev-guide

6、 Project practice

As described above, in APICloud Knowledge that may be used in development , After mastering this knowledge, users have the foundation for developing applications . The official provides a novice tutorial , Users can implement an application from zero to one according to the tutorial .

Reference material

Create the first application ：https://docs.APICloud.com/APICloud/creating-first-app

APICloud Introduction to novice concepts ：

https://developer.yonyou.com/thread-194445-1-1.html

APP Practical development training with small programs ：

https://developer.yonyou.com/thread-194510-1-1.html

besides , Users can also directly call the official template , Modify based on the template , Quickly customize your own APP. The official provides a detailed description of the template , You can quickly understand the code under the guidance of instructions , Realize project development .

Reference tutorial

Ordering template tutorial ：https://docs.APICloud.com/APICloud/Order-template-description

If you encounter any problems in the development process that cannot be solved through documentation , Can be in the development community （https://developer.yonyou.com/forum-2-1.html） It is proposed that , There are others here APICloud developer , Also have APICloud Official technical support , Here you can get powerful help .

Go and develop your first application ！