|
Following WeChat and QQ, mini programs can now be used on QQ browser. It has now been connected with the WeChat mini program. The Android version of QQ Browser has now launched mini programs. In the search scenario, the mini program is embedded in the "Search Direct" of QQ Browser as a direct content carrier. After the user enters a keyword in the search box, the relevant mini-programs will be given priority in the keyword smart recommendation list and directly display the relevant content. Mini programs such as Moji Weather and Tencent Translator have already been successfully introduced.
In addition, the QQ Browser Mini Program is compatible with the WeChat Mini Program. It is said that developers can complete the adaptation work and port the WeChat Mini Program to the QQ Browser in "only three steps".
Next, we will explain the details and focus points one by one:
Install and register the QB applet debugging tool. Before you start debugging, we need to remind you of the following three points:
Currently, the developer tools only support Android;
The official name, icon and introduction of the mini program are visible to users and cannot be modified after filling in, so please be careful when filling in;
qbDebugKey is unique to each device, and each phone will generate a qbDebugKey.
Currently, the debugging page and introduction page of the QB applet are still very simple, and there are no related PC development tools, so developers still need to complete the development of the applet on the WeChat developer tool and then adapt it to the QB applet.
1. QB applet debugging page.
2. After entering the debugging page, you need to complete the "Registration" first. On the registration page:
packageName is the unique identifier of the mini program. Once registered successfully, packageName will be bound to qbDebugKey in the background. After registration, only the current device can use this packageName to log in. If you need to bind other development devices to this packageName, you can add them after logging in.
The developer nickname is an alias of qbDebugKey, which is convenient for developers to manage development devices.
The official name, icon and introduction of the mini program are visible to users. There is no way to modify them after registration is completed. Please fill in the form carefully.
At the same time, you need to add qbDebugKey to the app.json configuration file of the WeChat applet.
Note: Only when the qbDebugKey generated by the test machine is configured in app.json, can the test machine use the QQ Browser Mini Program debugging tool to debug the mini program. One mobile phone corresponds to one qbDebugKey.
3. If you have completed the registration or other developers have added development permissions for you, enter the corresponding Mini Program packageName and click the "Login" button to enter the developer management backend page.
On this page, you can click "Developer Rights Management" to add other development devices. You need to enter the qbDebugKey and nickname of the device to be added. After adding successfully, the new device can use the packageName to log in.
Install the debug version of QQ Browser and click the "Start QB and open the applet" button. If you have not downloaded the debug version of QQ Browser, this step will download the debug version of QQ Browser.
If QQ Browser is not installed on your phone or the installed version is not the correct debugging version, you will be prompted to "Please download the debugging version of QQ Browser first" after clicking. Click the button again according to the prompt to start downloading and installing; after the installation is complete, return to the page again and click the start button to pull up QQ Browser and start the mini program to be debugged.
Debugging compatibility After completing the above two steps, we need to debug the compatibility until the applet can run. Here we should pay attention to the following differences between QB Mini Program and WeChat Mini Program:
The login state of the QB applet is not interoperable with the WeChat applet, and there is no concept of unionId
QB applet does not support custom navigation bar color
The QB applet canvas does not support measureText, which means there is no way to wrap text on the canvas.
QB applet does not support pull-down refresh
QB applet intersectionObserver cannot be used
QB applet does not support template messages
QB applet does not support opening and jumping to other applet. None of the WeChat-related APIs are supported. For the main adaptation here, refer to the QB applet adaptation document. Reply "QB" in the "Zhi Xiao Cheng Yu" WeChat background to obtain the relevant development documents of the QB applet.
Submit the preview. After the compatibility issues are resolved in QQ Browser, you can preview the mini program in QQ Browser.
1. First, click the "WeChat Scan Code" button in the QB Mini Program Debugging Tool to scan the QR code generated by the preview in the WeChat Developer Tool. You will then enter the Mini Program in the WeChat environment. First, click the dot in the upper right corner to exit the Mini Program and return to the QB Mini Program Debugging Tool.
2. Then click the "Start QB and open the applet" button. If the debug version of QQ browser has been installed, it will automatically jump to the QQ browser applet environment, and you can see the effect after entering.
3. After the preview is OK, you can upload a trial version and enter the version number. After the upload is successful, a URL will be returned. Copy this URL to the QQ browser to open the mini program.
4. About sharing issues. QQ Browser Mini Program can be shared to WeChat Moments, WeChat friends, QQ friends, and QQ Space. Unlike WeChat Mini Program sharing, QQ Browser Mini Program sharing creates a sharing poster with the QQ Browser Mini Program QR code. Long press to identify it on an Android phone to automatically open the mini program.
After submitting for review and testing the trial version online, click "Package Status Management" in the QB applet debugging tool, enter the history list of submitted packages, and click the version that needs to be reviewed for review.
It can be released online after passing the review.
Jimifeng Network builds its own mini-programs for merchants in various industries. WeChat ID: 18673936764 |
