The problem

    • Nail nail development needs what qualifications, need to apply for what account, what process (like wechat small program, a lot of applications, a lot of enterprise certification) – these need to be prepared to understand clearly in advance
    • How to develop?
    • What are the functions?
    • What other frameworks are currently on the market
    • Collect study materials
    • Which functions are available but limited (e.g. opening app function of small program)
    • What features are themselves limiting (e.g. maps for applets)
    • What are the development boundaries? What are the requirements that cannot be fulfilled
    • Which functions require special qualifications (such as live broadcast of small programs before, IOS payment of small games now, etc.)

conclusion

The first thing to know before we talk about development

Dingding development is divided into: 1, mobile client. 2. PC. 3. Server. Development of three platforms. 1. Mobile terminal: facing Dingding mobile phone users and enterprise users. 2. The same applies to PC users and enterprises. 3. Server, the platform direction for users and internal management of enterprises, such as OA website.

The specific function points can be clicked here. In fact, most of them are similar to wechat small program development. In the official demo, I think the page interaction function of Dingding is better than wechat.

1. Register a developer account

1. First register an account, developer account, for logging in to the developer background to create applications and other operations 2. To log in to the developer background of an enterprise, you must be the master/child administrator of the enterprise. 3. If you have a developer account or are the master or sub-administrator of a development enterprise, you can directly log in to the developer background. 4. If you are already in the development enterprise but not a sub-administrator, ask the primary administrator to set you as a sub-administrator and log in to the developer background.

Ps. If you are not registered, you can click here to see the registration process

Second, related management background

1. Nail management background: used to create organizations, invite members, manage enterprises, etc. 2. Developer background: used to create and manage applications

Payment function

Directions for use

2. The access mode is simpler than wechat Pay, limited to the front end

The framework

Tacks come with a mature framework.

File structure

E applications are divided into APP and Page. App is used to describe the whole program, and Page is used to describe individual pages. The app consists of three files that must be placed at the root of the project.

file mandatory role
app.js is E Application Logic
app.json is E Apply public Settings
app.acss no E Apply common style sheets

Page consists of four files:

The file type mandatory role
js is Page logic
axml is Page structure
acss no Page style sheet
json no Configuration page

Logical structure

The core of E application is a responsive data binding system, which is logically divided into view layer and logic layer. The two layers are always in sync, and whenever data is modified in the logical layer, the view layer is updated accordingly. Personally, like wechat, it can be said to be highly similar

<! <view> Hello {{name}}! </view> <button onTap="changeName"> Click me! </button>
Copy the code
<! --> var initialData = {name:'alibaba'
};

// Register a Page.
Page({
  data: initialData,
  changeName(e) {
    // sent data change to view
    this.setData({
      name: 'dingtalk'}}}));Copy the code

Es2015 modular syntax organization code is also supported:

import util from './util'; // Load relative path import absolute from'/absolute'; // Load the project root path fileCopy the code

Third-party NPM module

Application E supports third-party modules. Run the following command in the root directory of application E to install the modules:

npm install lodash
Copy the code

When introduced, it can be used directly in the logical layer:

import lodash from 'lodash'; // Load the third-party NPM moduleCopy the code

Note: Since the third-party module code in node_modules does not pass through converters, the code in node_modules needs to be converted to ES5 format to ensure compatibility between terminals. It is recommended to use ES2015 import/export format for modules. Meanwhile, browser-related Web capabilities are also unavailable.

Learning material

Nail development guide there are detailed development to the online process nail development notes detailed nail free board process, this must see

Curious point

Interested in node query can click here

Open interfaces are also a point of concern

The original link

【 Author introduction 】 Yongfeng Reed Technology Web front-end development engineer. Good at wechat small program development, system management background. Visit www.talkmnoney.cn to learn more.