Quick application pit summary

About fast Application:

Features: Point-of-use, native app experience.

Here are the pits encountered:

1. Configuration information:

• Minimum platform version supported

The minimum platform version number is optional, indicating the minimum platform version that the RPK package of the developer is compatible with

When using new features in platform version 1020 or later, you must ensure that minPlatformVersion is at least the platform version number to avoid errors when running on a later platform

The following is an example:

{
  "minPlatformVersion": 1020
}
Copy the code

Step on the pit: release audit did not pass, at that time the customer service feedback is 1000 version to test, because I did not adapt 1000 version, opened directly error

2, input

Pit I stepped on: When I logged in, there was a function to switch between displaying and hiding passwords. At that time, I changed the password and text of type to switch, but android phones did not take effect and did not support this function.

3. CSS layout

• 1, CSS 3 @ keyframes

Top,bottom,left, and right attributes are not supported. Translate

@keyframes bottomIn {
    from {
        transform: translateY(1000px)
    }

    to {
        transform: translateY(0)
    }
}
Copy the code

Does not support:

@keyframes bottomIn { from { bottom:1000px; } to { bottom:20; }}Copy the code

• 2. Border does not support abbreviation

Such as:

border: 1px solid #fff;
Copy the code

It should be written as:

border-bottom-color: #dddddd;
border-style: solid;
border-bottom-width: 1px;
Copy the code

• 3. Shadow properties are not supported

box-shadow: 10px 10px 5px #888888;
Copy the code

4. Units of length

(1) Only px and % are supported.

(2) PX is a unit of width relative to the project configuration baseline, which has been adapted to mobile screens.

(3) Design draft 1px/ design draft baseline width = frame style 1px/ project configuration baseline width.

So when we get the visuals, we use whatever pixel size the visuals are.

5. OPPO R9M status bar compatibility problem

Kuaipai does not support changing the color of the status bar of the mobile phone. As the status bar of OPPO r9m is white, if the titleBarBackgroundColor of kuaipai is changed to white, the status bar of this mobile phone cannot be displayed normally. If it is changed to black, most other mobile phones will also display abnormally.

6. Obtain the authorization code

The authorization code is used to obtain the token accessToken and the cross-platform user id openId (do account association). At the beginning, I tried many models but could not get this code. The result failed until I reported to the customer service of Kuaiapp, which requires the phone manufacturer to connect with your iot device. Each mobile phone manufacturer uploads the record to your fast application package name. Apply quickly to get the code.

7. Get clientId and clientSecret

Access to accessToken and openId interfaces requires not only authorization code, but also clientId and clientSecret. If you want to get clientId and clientSecret parameters, you must submit the quick application for review and release. There are two reviews for review and release. The first time is the review of fast application, the second time is the review of a large manufacturer, the submitted application should be functional, but only the account system, only need to pass the review of fast application, then go to the manufacturer’s development platform can find the relevant information.

8. The bag size of kuaiapp should be within 1M, otherwise it cannot be uploaded

The package size of 1M is really small, so we can only follow the rules for the time being. The picture should be well controlled, as the picture is the biggest factor affecting the package volume.

9. Failed to officially upload the RPK package signature verification

Pem and certificate.pem signature files need to be generated using tools such as the openssl command, for example:

openssl req -newkey rsa:2048 -nodes -keyout private.pem -x509 -days 3650 -out certificate.pem
Copy the code

Create a release directory under the sign directory of the project, copy the private key file private.pem and certificate file certificate.pem into it, and then use NPM run Release to build the RPK of the formal environment.

10. Navigation bar

There is no existing navigation bar interface to control menu and return buttons, so we can customize our own navigation bar. In the parent component, the child component can trigger the return event and menu event through $dispatch().

11. Quick apps are not allowed to download native apps

The page provides a way to download native apps, which was rejected by the vendor when submitted for approval because the page has a distribution option to download native apps, which is not allowed.

Data query

• Quick Application official website
• Quick application development documentation
• Quick Application Forum
• Quick application account registration process
• Quick application FAQ and technical post summary
• Quick application of official IDE