Low-code platform and enterprise WeChat integration method and system based on Unii-App

Abstract

The invention provides a low-code platform and enterprise WeChat integration method and system based on Unii-App. The method comprises the steps that a low-code component in a Unii-App development framework is compiled and converted to generate an H5 application resource package capable of running across platforms; deploying the generated H5 application resource bundle to an intranet server, and configuring an application access entry through an enterprise WeChat management background; the deployed H5 application is integrated with an enterprise WeChat platform to realize user identity authentication and function authority control; through interaction between the enterprise WeChat client and the H5 application, cross-terminal adaptation and enterprise WeChat native function calling are realized. According to the method, the H5 is directly published through the unit-app and is privately deployed to the enterprise WeChat, a WeChat applet does not need to be used, the cost generated by using the WeChat applet can be saved, the method is not limited by port numbers, new functions can be more flexibly and rapidly deployed, and the development efficiency is improved.

Description

Technical Field

[0001] This invention relates to the field of low-code development platform technology, and in particular to a method and system for integrating a Uni-App-based low-code platform with WeChat for Enterprise. Background Technology

[0002] With the rapid development of the mobile internet, enterprise application development is increasingly reliant on low-code platforms to improve development efficiency. Due to the widespread adoption of mobile devices (such as Android, iOS, and mini-programs), low-code platforms typically need to support cross-platform adaptation. Currently, uni-app, as a popular cross-platform front-end framework, is widely used in mobile development on low-code platforms. Many enterprises use uni-app to embed web pages (H5) to implement mobile functionality, reducing development costs and improving code reusability.

[0003] However, in actual delivery, many enterprises have adopted privately deployed WeChat Work as their internal office platform and require the integration of software developed on low-code platforms into WeChat Work. The traditional approach is to publish a WeChat mini-program using uni-app and then embed that mini-program into WeChat Work.

[0004] However, this approach has several problems: WeChat Mini Programs integrated into Enterprise WeChat must be officially certified by WeChat, requiring an annual certification fee. The review, release, and update processes for Mini Programs are cumbersome and subject to WeChat's ecosystem rules. If the low-code platform uses H5 development, it needs to embed the WeChat Mini Program's web-view component, but this component requires: the domain name must be registered, and it can only use the default HTTPS port (443). Custom ports (such as 8080, 8443, etc.) cannot be used. Since port 443 is the standard HTTPS port and a frequent target for hacker attacks, many enterprises' firewall policies restrict the opening of this port, causing the web-view to malfunction. In this situation, if an enterprise wants to use the functions developed with H5, it often has to redevelop the Mini Program version, resulting in additional development costs and wasted time, reducing the flexibility and efficiency of the low-code platform. Summary of the Invention

[0005] The present invention aims to solve at least one of the technical problems existing in the prior art, and proposes a method and system for integrating a low-code platform based on Uni-App with WeChat for Enterprise.

[0006] In a first aspect, embodiments of the present invention provide a method for integrating a low-code platform based on Uni-App with WeChat Work, comprising the following steps: The low-code components in the Uni-App development framework are compiled and converted into H5 application resource packages that can run across platforms; The generated H5 application resource package is deployed to the intranet server, and the application access point is configured through the WeChat management backend. Integrate the deployed H5 application with the WeChat Work platform to achieve user authentication and function permission control; By interacting with the WeChat Work client and H5 applications, cross-terminal adaptation and native WeChat Work function calls can be achieved.

[0007] In some possible embodiments, the step of compiling and converting low-code components in the UniApp development framework into a cross-platform H5 application resource package includes: The form components and workflow components in the low-code component library are compiled in H5 mode using the Uni-App compiler; Executing the `npm run build:h5` build command will output a `dist` directory containing HTML files, CSS stylesheets, and JS scripts. Configure Nginx reverse proxy rules on the internal network server to forward HTTP requests on port 80 to ports other than 443 of the internal network service.

[0008] In some possible embodiments, deploying the generated H5 application resource package to an intranet server and configuring the application access point through the WeChat Work management backend includes: Deploy the dist resource package to a non-standard port on an intranet server; Create a self-built application in the WeChat Work management backend and set the application access URL to the target format access address; Allow port 80 in the internal network server firewall and ensure that the WeChat Work client can access the address via internal network tunneling or VPN.

[0009] In some possible embodiments, the integration of the deployed H5 application with the WeChat Work platform to achieve user authentication and function permission control includes: Configure a trusted domain whitelist in the WeChat Work management backend to authorize the JS-SDK to access terminal device permissions; Single sign-on is implemented through the OAuth2.0 protocol, obtaining the CorpID and UserID of the enterprise WeChat user and binding them with the low-code platform permission system; Customize the WeChat application menu for businesses, and set menu items to directly jump to a specified function path in the H5 application.

[0010] In some possible embodiments, the interaction between the WeChat Work client and the H5 application to achieve cross-terminal adaptation and call to native WeChat Work functions includes: Listen to the onReady lifecycle event of the WeChat Work client and dynamically adjust the UI layout of the H5 page according to the terminal type; Call the native APIs provided by WeChat Work through the wx.invoke interface, including message sending and document opening functions; Capture exceptions in WeChat Work API calls and execute preset fallback handling schemes.

[0011] Secondly, embodiments of the present invention provide a low-code platform based on Uni-App that integrates with WeChat for Enterprise, including: The compilation module is used to compile and transform low-code components in the Uni-App development framework into H5 application resource packages that can run across platforms. The deployment module is used to deploy the generated H5 application resource package to the intranet server and configure the application access entry through the WeChat management backend. The integration module is used to integrate the deployed H5 application with the WeChat platform to achieve user authentication and function permission control. The interaction module is used to enable cross-terminal adaptation and call to native WeChat functions through interaction between the WeChat Work client and H5 applications.

[0012] In some possible embodiments, the compilation module is specifically used for: The form components and workflow components in the low-code component library are compiled in H5 mode using the Uni-App compiler; Executing the `npm run build:h5` build command will output a `dist` directory containing HTML files, CSS stylesheets, and JS scripts. Configure Nginx reverse proxy rules on the internal network server to forward HTTP requests on port 80 to ports other than 443 of the internal network service.

[0013] In some possible embodiments, the deployment module is specifically used for: Deploy the dist resource package to a non-standard port on an intranet server; Create a self-built application in the WeChat Work management backend and set the application access URL to the target format access address; Allow port 80 in the internal network server firewall and ensure that the WeChat Work client can access the address via internal network tunneling or VPN.

[0014] In some possible embodiments, the integration module is further configured to: Configure a trusted domain whitelist in the WeChat Work management backend to authorize the JS-SDK to access terminal device permissions; Single sign-on is implemented through the OAuth2.0 protocol, obtaining the CorpID and UserID of the enterprise WeChat user and binding them with the low-code platform permission system; Customize the WeChat application menu for businesses, and set menu items to directly jump to a specified function path in the H5 application.

[0015] In some possible embodiments, the interaction module is further configured to: Listen to the onReady lifecycle event of the WeChat Work client and dynamically adjust the UI layout of the H5 page according to the terminal type; Call the native APIs provided by WeChat Work through the wx.invoke interface, including message sending and document opening functions; Capture exceptions in WeChat Work API calls and execute preset fallback handling schemes.

[0016] Thirdly, embodiments of the present invention provide an electronic device, comprising: One or more processors; A storage unit is used to store one or more programs, which, when executed by one or more processors, enable the one or more processors to implement the integration method between the Uni-App-based low-code platform and WeChat for Enterprise as described above.

[0017] Fourthly, embodiments of the present invention provide a computer-readable storage medium having a computer program stored thereon, wherein the computer program, when executed by a processor, can implement the integration method of the Uni-App-based low-code platform and WeChat for Enterprise as described above.

[0018] The method and system for integrating a low-code platform based on Uni-App with WeChat Work in this invention allows for direct H5 publishing and private deployment to WeChat Work via uni-app, eliminating the need for WeChat Mini Programs and saving associated costs. It also avoids port number restrictions, allows H5 pages to be deployed on a self-owned server, supports intranet penetration or VPN access, and does not require WeChat Mini Program approval. This enables more flexible and rapid deployment of new features, improves development efficiency, and simplifies maintenance by allowing unified H5 code updates via uni-app without additional operations on the WeChat Work side. Attached Figure Description

[0019] Figure 1 This is a schematic diagram of the structure of an example electronic device for implementing a method of integrating a Uni-App-based low-code platform with WeChat Work, according to an embodiment of the present invention. Figure 2This is a flowchart illustrating another embodiment of the present invention: a method for integrating a Uni-App-based low-code platform with WeChat Work. Figure 3 This is a schematic diagram of the structure of a low-code platform based on Uni-App and an enterprise WeChat integration system according to another embodiment of the present invention. Detailed Implementation

[0020] The technical solution of the present invention will now be clearly and completely described with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0021] Figure 1 This is a schematic diagram of the structure of an example electronic device for implementing a method of integrating a Uni-App-based low-code platform with WeChat Work, according to an embodiment of the present invention. Figure 1 As shown, the electronic device 100 includes one or more processors 110, one or more storage devices 120, one or more input devices 130, one or more output devices 140, etc., and these components are interconnected via a bus system 150 and / or other forms of connection mechanisms. It should be noted that... Figure 1 The components and structures of the electronic devices shown are merely exemplary and not limiting; other components and structures may be used as needed.

[0022] The processor 110 may be a central processing unit (CPU), or may be a processing unit consisting of multiple processing cores, or other forms of processing unit with data processing capabilities and / or instruction execution capabilities, and may control other components in the electronic device 100 to perform desired functions.

[0023] Storage device 120 may include one or more computer program products, which may include various forms of computer-readable storage media, such as volatile memory and / or non-volatile memory. The volatile memory may include, for example, random access memory (RAM) and / or cache memory. The non-volatile memory may include, for example, read-only memory (ROM), hard disk, flash memory, etc. One or more computer program instructions may be stored on the computer-readable storage medium, which a processor may execute to implement the client functions (implemented by the processor) in the embodiments of this disclosure described below, and / or other desired functions. Various applications and various data may also be stored in the computer-readable storage medium, such as various data used and / or generated by the applications.

[0024] The input device 130 may be a device used by a user to input commands, and may include one or more of a keyboard, mouse, microphone, and touch screen.

[0025] The output device 140 can output various information (such as images or sounds) to the outside (e.g., a user) and may include one or more of a display, a speaker, etc.

[0026] Figure 2 This is a flowchart illustrating another embodiment of the method for integrating a Uni-App-based low-code platform with WeChat Work, as shown below. Figure 2 As shown, a method for integrating a low-code platform based on Uni-App with WeChat Work includes the following steps S210 to S240: Step S210: Compile and convert the low-code components in the Uni-App development framework to generate an H5 application resource package that can run across platforms.

[0027] Specifically, in this step, the process of compiling and converting the low-code components in the Uni-App development framework into a cross-platform H5 application resource package includes: compiling the form components and workflow components in the low-code component library into H5 mode using the Uni-App compiler; executing the `npm run build:h5` build command, which outputs a `dist` directory containing HTML files, CSS stylesheets, and JS scripts; and configuring Nginx reverse proxy rules on the intranet server to forward HTTP requests on port 80 to non-443 ports of the intranet service.

[0028] Step S220: Deploy the generated H5 application resource package to the intranet server and configure the application access entry through the WeChat management backend.

[0029] Specifically, in this step, the steps of deploying the generated H5 application resource package to the intranet server and configuring the application access entry through the WeChat Work management backend include: deploying the dist resource package to a non-standard port of the intranet server; creating a self-built application in the WeChat Work management backend and setting the application access URL to the target format access address; allowing port 80 in the intranet server firewall and ensuring that the WeChat Work client can access the address through intranet penetration or VPN.

[0030] Step S230: Integrate the deployed H5 application with the WeChat platform to achieve user authentication and function permission control.

[0031] Specifically, in this step, the deployment of the H5 application is integrated with the WeChat Work platform to achieve user authentication and function permission control. The steps include: configuring a trusted domain whitelist in the WeChat Work management backend and authorizing the JS-SDK to call terminal device permissions; implementing single sign-on through the OAuth2.0 protocol, obtaining the WeChat Work user's CorpID and UserID, and binding them with the low-code platform permission system; and customizing the WeChat Work application menu, setting menu items to directly jump to the specified function path of the H5 application.

[0032] Step S240: Through the interaction between the WeChat Work client and the H5 application, cross-terminal adaptation and native WeChat Work function calls are achieved.

[0033] Specifically, in this step, the steps to achieve cross-terminal adaptation and call to native WeChat functions through the interaction between the WeChat Work client and the H5 application include: listening to the onReady lifecycle event of the WeChat Work client and dynamically adjusting the UI layout of the H5 page according to the terminal type; calling the native APIs provided by WeChat Work through the wx.invoke interface, including message sending and document opening functions; capturing WeChat Work API call exceptions and executing the preset fallback handling scheme.

[0034] The method for integrating a low-code platform based on Uni-App with WeChat Work in this invention allows for direct H5 publishing and private deployment to WeChat Work via uni-app, eliminating the need for WeChat Mini Programs and saving associated costs. It also avoids port number restrictions, allows H5 pages to be deployed on a self-owned server, supports intranet penetration or VPN access, and does not require WeChat Mini Program approval. This enables more flexible and rapid deployment of new features, improves development efficiency, and simplifies maintenance by uniformly updating H5 code through uni-app without additional operations on the WeChat Work side.

[0035] Figure 3 This is a schematic diagram illustrating the structure of a low-code platform based on Uni-App and an enterprise WeChat integration system according to another embodiment of the present invention. Figure 3As shown, this embodiment of the invention provides a system for integrating a low-code platform based on Uni-App with WeChat Work. The system includes: a compilation module 310, used to compile and convert low-code components in the Uni-App development framework into a cross-platform H5 application resource package; a deployment module 320, used to deploy the generated H5 application resource package to an intranet server and configure the application access entry through the WeChat Work management backend; an integration module 330, used to integrate the deployed H5 application with the WeChat Work platform to achieve user authentication and function permission control; and an interaction module 340, used to achieve cross-terminal adaptation and WeChat Work native function calls through interaction between the WeChat Work client and the H5 application.

[0036] The Uni-App-based low-code platform and WeChat Work integration system of this invention allows H5 pages to be directly published and privately deployed to WeChat Work via uni-app, eliminating the need for WeChat Mini Programs and saving associated costs. It also avoids port number restrictions, and the H5 pages can be deployed to a self-owned server, supporting intranet penetration or VPN access. It does not require WeChat Mini Program approval, enabling more flexible and rapid deployment of new features, improving development efficiency. H5 code updates are uniformly handled through uni-app, requiring no additional steps on the WeChat Work side, making maintenance simpler.

[0037] like Figure 3 As shown, the compilation module 310 is specifically used for: compiling the form components and workflow components in the low-code component library in H5 mode using the Uni-App compiler; executing the npm run build:h5 build command, outputting a dist directory containing HTML files, CSS style sheets and JS scripts; configuring Nginx reverse proxy rules on the intranet server to forward HTTP requests on port 80 to non-443 ports of the intranet service.

[0038] like Figure 3 As shown, the deployment module 320 is specifically used for: deploying the dist resource package to a non-standard port of the intranet server; creating a self-built application in the WeChat Work management backend and setting the application access URL to the target format access address; allowing port 80 in the intranet server firewall and ensuring that the WeChat Work client can access the address through intranet penetration or VPN.

[0039] like Figure 3As shown, the integrated module 330 is further configured to: configure a trusted domain name whitelist in the WeChat Work management backend, authorize the JS-SDK to call terminal device permissions; implement single sign-on through the OAuth2.0 protocol, obtain the CorpID and UserID of the WeChat Work user, and bind them with the low-code platform permission system; customize the WeChat Work application menu, and set menu items to directly jump to the specified function path of the H5 application.

[0040] like Figure 3 As shown, the interaction module 340 is further configured to: listen to the onReady lifecycle event of the WeChat Work client, dynamically adjust the UI layout of the H5 page according to the terminal type; call the native APIs provided by WeChat Work through the wx.invoke interface, including message sending and document opening functions; capture WeChat Work API call exceptions, and execute preset fallback processing schemes.

[0041] Based on the same inventive concept, embodiments of the present invention provide a computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, it can implement the integration method of the Uni-App-based low-code platform and WeChat for Enterprise as described above.

[0042] The computer-readable medium may be included in the apparatus, device, or system disclosed herein, or it may exist independently.

[0043] The computer-readable storage medium may be any tangible medium that contains or stores a program, and may be an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device. More specific examples include, but are not limited to, electrical connections having one or more wires, portable computer disks, hard disks, optical fibers, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0044] The computer-readable storage medium may also include data signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code, specific examples of which include, but are not limited to, electromagnetic signals, optical signals, or any suitable combination thereof.

[0045] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present invention.

Claims

1. A method for integrating a Uni-App-based low-code platform with WeChat for enterprises, characterized in that, The method comprises the following steps: Compiling and converting low-code components in a Uni-App development framework to generate an H5 application resource package that can run across platforms; Deploying the generated H5 application resource package to an intranet server and configuring an application access portal through an enterprise WeChat management background; Integrating the deployed H5 application with the enterprise WeChat platform to realize user identity authentication and function permission control; Through the interaction between the enterprise WeChat client and the H5 application, cross-terminal adaptation and enterprise WeChat native function calling are realized.

2. The Uni-App-based low-code platform and enterprise WeChat integration method according to claim 1, characterized in that, The compiling and converting of the low-code components in the Uni-App development framework to generate the H5 application resource package that can run across platforms comprises: Compiling form components and workflow components in a low-code component library through a Uni-App compiler in H5 mode; Executing an npm run build:h5 construction command to output a dist directory containing HTML files, CSS style sheets and JS scripts; Configuring Nginx reverse proxy rules on the intranet server to forward HTTP requests on port 80 to non-443 ports of the intranet service.

3. The Uni-App-based low-code platform and enterprise WeChat integration method according to claim 2, characterized in that, The deploying of the generated H5 application resource package to the intranet server and the configuring of the application access portal through the enterprise WeChat management background comprise: Deploying the dist resource package to a non-standard port of the intranet server; Creating a self-built application in the enterprise WeChat management background and setting the application access URL as the target format access address; Allowing port 80 in the intranet server firewall and ensuring that the enterprise WeChat client can access the address through intranet penetration or VPN.

4. The Uni-App-based low-code platform and WeChat Enterprise integration method according to any one of claims 1 to 3, characterized in that, The integrating of the deployed H5 application with the enterprise WeChat platform to realize user identity authentication and function permission control comprises: Configuring a trusted domain name whitelist in the enterprise WeChat management background to authorize JS-SDK calling terminal device permissions; Realizing single sign-on through an OAuth2.0 protocol, obtaining CorpID and UserID of the enterprise WeChat user, and binding with the low-code platform permission system; Customizing the enterprise WeChat application menu and setting menu items to directly jump to the specified function path of the H5 application.

5. The Uni-App-based low-code platform and WeChat Enterprise integration method according to any one of claims 1 to 3, characterized in that, The interaction between the enterprise WeChat client and the H5 application to realize cross-terminal adaptation and enterprise WeChat native function calling comprises: Listening to the onReady life cycle event of the enterprise WeChat client, dynamically adjusting the UI layout of the H5 page according to the terminal type; Calling native APIs provided by the enterprise WeChat through the wx.invoke interface, including message sending and document opening functions; Capturing enterprise WeChat API calling exceptions and executing a preset degradation processing scheme.

6. A Uni-App-based low-code platform and WeChat integration system, characterized in that, The method comprises: A compiling module for compiling and converting low-code components in a Uni-App development framework to generate an H5 application resource package that can run across platforms; A deployment module for deploying the generated H5 application resource package to an intranet server and configuring an application access portal through an enterprise WeChat management background; An integration module for integrating the deployed H5 application with the enterprise WeChat platform to realize user identity authentication and function permission control; An interaction module is configured to interact with the H5 application through the WeChat for Enterprise client, realize cross-terminal adaptation and WeChat for Enterprise native function calling.

7. The Uni-App-based low-code platform and enterprise WeChat integration system according to claim 6, characterized in that, The compiling module is specifically configured to: compile the form component and the workflow component in the low-code component library in an H5 mode through a Uni-App compiler; execute an npm run build:h5 build command to output a dist directory containing an HTML file, a CSS stylesheet and a JS script; configure Nginx reverse proxy rules on the intranet server to forward HTTP requests on port 80 to a non-443 port of the intranet service.

8. The Uni-App-based low-code platform and enterprise WeChat integration system according to claim 7, characterized in that, The deployment module is specifically configured to: deploy the dist resource package to a non-standard port of the intranet server; create a self-built application in the WeChat for Enterprise management background and set an application access URL as the target format access address; pass 80 port in the intranet server firewall and ensure that the WeChat for Enterprise client can access the address through intranet penetration or VPN.

9. An electronic device, comprising: The computer program is executed by the processor to implement the Uni-App-based low-code platform and WeChat for Enterprise integration method according to any one of claims 1-5. The computer program is executed by the processor to implement the Uni-App-based low-code platform and WeChat for Enterprise integration method according to any one of claims 1-5. ​ 10. A computer-readable storage medium having stored thereon a computer program, characterized in that, ​

Images