This article introduces two tool pages hidden in our applet. The principle is not complicated, but the benefits are real, and may be enlightening to you.

Inlet construction tool

Pain points

  • PM& operation to launch links PM& operation each time to launch a new entry, need to find FE to page links. On the one hand, communication and waiting between each other will consume a lot of time. On the other hand, the inquiry/reply process will interrupt the work at hand of the other party and affect the state. The point is that most of the time these links are just channel parameters that need to be changed and do not involve structural changes that can be made by the PM/ Operations themselves. However, it is not as easy to construct the rules to all PM& operation’s comprehensive popular science URL; All kinds of link construction requirements in this way in the invisible constant consumption of energy on both sides.
  • FE&QA Development/Testing Offline Features When developing/testing new features that do not have an online portal, it is often necessary to construct a temporary portal for access. It is possible to modify the offline interface configuration operation bit as the access point, but one operation bit is limited, the other can not be one-stop operation; You can also modify the code to add a temporary entry, but it will pollute the code, and it is difficult to guarantee that it will not be brought online. It’s very troublesome to see this happen again and again.

idea

Develop a dedicated portal construction page for PM, Operations, FE, QA, etc. Need what link needs what entry, direct self-help generation, without the need for repeated communication/construction.

The effect

General entrance structure:

As shown in the figure, in the entry construction page, users can directly input the URL template provided by FE and self-modify the link parameters so as to obtain the required link. Also supports:

  • Open the link directly to view and self-test;
  • Generate a share card with the link as a landing link, so as to open the view in the form of landing page;
  • Copy the link to the clipboard for Posting;
  • Generate the QR code with the link as a landing link for release.

Built-in M page entry structure:

As shown in the figure, the applet link construct embedded in the M page also supports similar functionality.

implementation

  • Requirements translation presents link parameters in a form that ordinary users can understand, allowing them to be modified directly, and accompanied by explanatory text. This smooths out the technical barriers caused by URL construction rules.
  • The entry structure is directly realized by the button jump, and the external entry is simulated by the sharing card.
  • The link output is pasted via the clipboard using the wx.setClipboardData interface.
  • The initial entrance generates the two-dimensional code as the initial entrance to construct the page itself; Share the tool page, keeping the share card as the initial entry point.

meaning

  • The efficiency of

The portal construction tool enables PM, operations, FE, QA and other parties to self-help and efficiently construct the required links/portals, effectively saving the cost of repeated communication, and to a certain extent, improving the efficiency of development, testing and delivery.

  • The quality of

The link generation function and preview function provided by the entry construction tool can avoid/detect manual omissions such as link concatenation errors to a certain extent and improve the overall delivery quality.

QR code testing tools

Pain points

When scanning the QR code, it will directly enter the online mini program, which makes it difficult to effectively detect and control the related functions of QR code in the development/testing stage. Early only risk online, and then online verification, in case there is a problem to repair and re-online, resulting in low efficiency of QR code related functions debugging, high online risk. Later, the developer tools support the compilation of two-dimensional code, and the management background also supports rollback. Relatively speaking, the related functions of two-dimensional code are much more controllable. However, for QA, PM, operation, third-party access business and other partners, the inspection and testing of two-dimensional code is still very weak.

idea

Develop a special two-dimensional code test page, support in the current development version/experience version/online version of the two-dimensional code in the small program to view and preview.

The effect

As shown in the figure, in the QR code test page, users can:

  • Directly view the coding information of QR code, including landing links, parameters, etc.
  • Open the QR code landing link in the current development version/experience version/online version of the small program;
  • Generate a sharing card with the QR code that has the same landing link as the current development version/experience version/online version of the applet.

implementation

  • Use the wx.scanCode interface to read the information of the two-dimensional code, including the landing page, parameters, etc.
  • Open the QR code in the current development/experience/online version to obtain the landing link using the wx.scanCode interface, and use the wx.navigateTo and other interfaces to open the target page in the small program of the current development/experience/online version.
  • In the current development/experience/online version, open the QR code in the form of a landing page and use the wx.scanCode interface to obtain a landing link, generate a shared card with the same landing link, visit the shared card to simulate the development/experience version by scanning the code to open a small program.

meaning

  • Efficiency View QR code information can effectively improve the debugging efficiency of relevant functions; Directly opening the QR code in the current development/experience version can effectively improve the efficiency of related functional testing, especially for non-front-end personnel such as QA.
  • QR code testing tools enable QA to fully test QR code related functions in a stable environment, thereby improving the quality of small program delivery.

It is worth mentioning that these two tools are the spontaneous thinking and spontaneous implementation of FE, when the output of the partners said “very surprised”. In many cases, taking the initiative to think, identify, analyze, and solve pain points can give you unexpected value and encouragement.