Applet development Technical Summary (wepy)

Creating wepy project

Global install or update WePY command-line tool:npm install wepy-cli -g
Demo generation development projects in the development directory:wepy new myproject ， 1.7.0之后的版本使用 wepy init standard myproject 初始化项目，使用 wepy list 查看项目模板
Changes to the project directory:cd myproject
Installation depends:npm install
Open real-time compilation:wepy build --watch（也可以npm run dev，详细查看package.json）

wepy locally run projects as follows:

First gitLab take the code, enter the root directory npm install, then npm run dev generate dist file in Developer Tools to open the applet project commissioning, project selection dist directory, you can see real-time debugging effect

2. Project Contents Introduction:

image.png

Vue worked on the case, the configuration is very similar

3. Project on line Note:

First of all, the project should comply with the rules of the applet on the line, sentence rules reference: https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000808396a4260c0f1066c5a551801&highline=%E5%BC%BA%E5%88%B6%E8% 8E% B7% E5% 8F% 96% E7% 94% A8% E6% 88% B7% E4% BF% A1% E6% 81% AF
Secondly, the front of the line must first remove the dist directory, re-execute npm run build, so narrow in fact line item volume (not more than 2M) as far as possible, after packed, upload code on the developer tools in the background can code set trial version, testers use trial version for small programs to test end of the test, trial version can be submitted for review, audit, will be able to search in the micro end of the letter released by your small applet program of

4. How small test program:

Developers self-test Note: To turn off developer tools ES6 turn ES5, otherwise wepy compiler will complain, if needed or requested domain name need to use web-wiew domain, the background is not set up a secure connection, open the Settings tool (not check legal domain name (domain name service), TLS and HTTPS version of web-view certificate)

image.png
The testers to developers, not the developer can not enter the development board, while the phone is open debug mode, you can approach a small program trial version, trial version below vclone can see information

5. I wrote a small program code configured:

Project app.wepy common configuration on the inside, including authorization, authentication, and access to user information
request link with the project context switches, the company in order to solve the real host of restrictions can only change once a month, to engage in a peanut shell domain, different environment point to a different domain name, so did not need a switch environment, it is necessary to change the domain name back applets, too much trouble

6.wepy of a pit, the pit is in fact accurate to say a small program
in the course of the project, found that there is a details page rendering speed is surprisingly slow, because the page data structure is very complex, a lot of processing logic, so I suspect that the data processing performance issues, but not the actual data processing proved time-consuming, but wepy of dirty checking is time-consuming (apply ()), and sometimes even more than the 20s, so I gave wepy the apply (), use a small program setData (), the problem also exists, because that is the page too much data, convert the data to a string length even some of them have more than 1 million, and is not slow on the strange. . . . The problem solution can only be dated back data structure as simple as possible, the hierarchy as possible, the amount of data as possible .....
details Reference: https://github.com/Tencent/wepy/issues/1090 , the chiefs are given detailed reasons, while optimizing the authors in this regard during 2.0

Applet development Technical Summary (wepy)

Guess you like