CN110955540B - Plug-in interaction method - Google Patents
Plug-in interaction method Download PDFInfo
- Publication number
- CN110955540B CN110955540B CN201911190905.9A CN201911190905A CN110955540B CN 110955540 B CN110955540 B CN 110955540B CN 201911190905 A CN201911190905 A CN 201911190905A CN 110955540 B CN110955540 B CN 110955540B
- Authority
- CN
- China
- Prior art keywords
- plug
- interaction method
- data
- server
- interaction
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000003993 interaction Effects 0.000 title claims abstract description 34
- 238000000034 method Methods 0.000 title claims abstract description 28
- 238000012545 processing Methods 0.000 claims abstract description 9
- 230000006870 function Effects 0.000 claims description 12
- 238000004891 communication Methods 0.000 claims description 5
- 238000013461 design Methods 0.000 abstract description 18
- 238000011161 development Methods 0.000 abstract description 10
- 230000007547 defect Effects 0.000 abstract description 3
- 238000005516 engineering process Methods 0.000 abstract description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000011946 reduction process Methods 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/541—Client-server
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a plug-in interaction method, which comprises the following steps: the client communicates with the server through an HTTP protocol to obtain configuration and loading data when initializing; the browser side calls the data of the server side or calls the service processing data through the HTTP protocol. The invention reduces the threshold for function development in the macOS platform and the defect of single function of the plug-in, so that the plug-in system is easier to expand and maintain; the problem of repeated design work which is unavoidable in part in the prior art is solved by a plug-in technology means; the problem of design standardization implementation is solved, and the design link and the delivery development link are more visualized and coded.
Description
Technical Field
The invention belongs to the technical field of plug-in interaction methods, and particularly relates to a plug-in interaction method.
Background
Currently, a main stream UI (user interface) design software tool of a macOS (an operating system) is mainly implemented by using Native languages such as Objective-C (a programming language) or shift (a programming language) to analyze by adopting a macOS local runtime environment, so that the expansion cost is higher, the function is single, and the internal team customization development requirement cannot be met.
Along with the division of the development team into fine, the design in the original process is delivered to the software development link, and the precise restoration of the design manuscript becomes more difficult to control. Designers currently use the most frequent design tools on a daily basis when dealing with some repetitive work, and the design of team specification indexes, such as: the unified VI (Visual Identity) system and the common components consume a lot of time, and may cause non-uniform situations due to misoperation in the design link.
The current design software plug-in cannot meet the team functions required by the design team in the development team, the single function of the plug-in also brings about the increase of plug-in quantity, and the problems of memory overflow, software crash and the like can be caused
Disclosure of Invention
The invention aims to overcome the defect that a UI design tool in the prior art is single in function, and provides a plug-in interaction method.
The invention solves the technical problems by the following technical scheme:
the invention provides a plug-in interaction method, which comprises the following steps:
the client communicates with the server through HTTP (Hyper Text Transfer Protocol ) protocol to obtain configuration and loading data when initializing;
the browser side calls the data of the server side or calls the service processing data through the HTTP protocol.
Preferably, the plug-in interaction method further comprises the following steps:
the client calls the system underlying interface using Native language to run Native code directly.
Preferably, the native code is used to directly manipulate the file data.
Preferably, the file data includes a Sketch file data.
Preferably, the plug-in interaction method is implemented based on a macOS platform.
Preferably, the client is installed in a Sketch.
Preferably, the browser side comprises a browser kernel with built-in calls in the sktch.
Preferably, the browser side invokes a built-in browser page to realize the interaction function with the remote service.
Preferably, the plug-in interaction method further comprises the following steps:
clicking the Lottie tool of the toolbox pops up the Lottie platform site to preview and drag to the local.
Preferably, the plug-in interaction method further comprises the following steps:
the API server is deployed on a remote server, the local application is connected to the remote server through a configuration file, and data interaction and data processing are carried out on the local application through HTTP communication.
The invention has the positive progress effects that: the invention reduces the threshold for function development in the macOS platform and the defect of single function of the plug-in, so that the plug-in system is easier to expand and maintain; the problem of repeated design work which is unavoidable in part in the prior art is solved by a plug-in technology means; the problem of design standardization implementation is solved, and the design link and the delivery development link are more visualized and coded.
Drawings
FIG. 1 is a flow chart of a plug-in interaction method according to a preferred embodiment of the invention.
Detailed Description
The invention is further illustrated by means of a preferred embodiment, but the invention is not limited to the described embodiment.
The embodiment provides a plug-in interaction method. Referring to fig. 1, the plug-in interaction method includes the steps of:
step S101, the client communicates with the server through HTTP protocol to obtain configuration and loading data when initializing.
Step S102, the browser side calls the data of the server side or the service processing data through the HTTP protocol.
Step S103, the client uses Native language to call a system bottom layer interface to directly run the local code.
In specific implementation, the portal interface is provided with tool bar and navigation bar function portals by developing a Sketch plug-in for installation.
Browser side-the function of interacting with remote services is realized by calling a built-in browser page:
1. clicking on the submit question pops up the built-in browser window, interfacing with the issue service.
2. Clicking the Lottie tool of the toolbox pops up the Lottie platform site to preview and drag to the local.
The API server is deployed on a remote server, the local application is connected to the remote server through a configuration file, and data interaction and data processing are carried out on the local application through HTTP communication, so that the desired data are obtained
The plug-in interaction method of the embodiment develops a plug-in system software platform of a macOS desktop end by utilizing the cross-platform characteristic of JavaScript language and combining CocoaScript and Objective-C language, adopts a software architecture combining C/S and B/S, a Client is a plug-in application installed in the Sketch, a Browser is a Browser kernel which is internally called in the Sketch, and a Service is an application deployed on a remote server.
The client adopts a modularized design, and different functions can be flexibly created and combined. When the client is initialized, configuration and loading data are obtained through communication between the client and the server through an HTTP protocol, the browser side application calls the server data or calls service processing data through the HTTP protocol when necessary, and the client can also use Native language to call a system bottom layer interface to directly run a local code, so that direct operation is carried out on the Sketch file data.
Through the plug-in interaction method of the embodiment, UI design software becomes an open development platform, an original plug-in system platform is realized, the interaction capability of a server side and the local interaction capability are combined, the functionality of a design link is greatly expanded, more unable function points can be flexibly added, a developer can independently develop a certain module without affecting the use of other modules, the entrance threshold of the Sketch plug-in development is greatly reduced, so that a plurality of tools for improving the design efficiency are increased, a plurality of remote service entrances are also provided, the interaction with a third party service can be directly realized, various workflows are directly docked, the template processing is automated, and the like.
The designer user can use more powerful tools on the basis of original Sketch software, so that the work efficiency of the designer is improved. After the general UI specification design of the company is modularized, a designer can multiplex the components, and the standardized components inside the company can be promoted to fall to the ground on each team by combining the Sketch Library and the UI detection tool. In addition, the method also provides great help for development and realization links, and further reduces the communication cost in the design reduction process.
While specific embodiments of the invention have been described above, it will be appreciated by those skilled in the art that this is by way of example only, and the scope of the invention is defined by the appended claims. Various changes and modifications to these embodiments may be made by those skilled in the art without departing from the principles and spirit of the invention, but such changes and modifications fall within the scope of the invention.
Claims (6)
1. A plug-in interaction method, comprising the steps of:
the client communicates with the server through an HTTP protocol to obtain configuration and loading data when initializing;
the browser side calls the data of the server side or calls the service processing data through the HTTP protocol;
the plug-in interaction method further comprises the following steps:
the client uses Native language to call a system bottom layer interface to directly run a local code;
the plug-in interaction method is realized based on a macOS platform;
the client is installed in the Sketch;
the browser end comprises a browser kernel which is built in a call in the Sketch.
2. The plug-in interaction method of claim 1, wherein the native code is to directly manipulate file data.
3. The plug-in interaction method of claim 2, wherein the file data comprises a Sketch file data.
4. The plug-in interaction method of claim 2, wherein the browser side invokes a built-in browser page to implement an interaction function with a remote service.
5. The plug-in interaction method of claim 2, wherein the plug-in interaction method further comprises the steps of:
clicking the Lottie tool of the toolbox pops up the Lottie platform site to preview and drag to the local.
6. The plug-in interaction method of claim 2, wherein the plug-in interaction method further comprises the steps of:
the API server is deployed on a remote server, the local application is connected to the remote server through a configuration file, and data interaction and data processing are carried out on the local application through HTTP communication.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911190905.9A CN110955540B (en) | 2019-11-28 | 2019-11-28 | Plug-in interaction method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911190905.9A CN110955540B (en) | 2019-11-28 | 2019-11-28 | Plug-in interaction method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110955540A CN110955540A (en) | 2020-04-03 |
| CN110955540B true CN110955540B (en) | 2024-03-22 |
Family
ID=69978773
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911190905.9A Active CN110955540B (en) | 2019-11-28 | 2019-11-28 | Plug-in interaction method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110955540B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651416B (en) * | 2020-06-04 | 2023-06-13 | 携程旅游信息技术（上海）有限公司 | Sketch project file uploading preview method, system, equipment and medium |
| CN112416466B (en) * | 2020-12-02 | 2024-02-23 | 车智互联（北京）科技有限公司 | Application program loading method, mobile terminal and readable storage medium |
| CN115291852B (en) * | 2022-09-29 | 2022-12-23 | 北京尽微致广信息技术有限公司 | Development method, device, equipment and medium of Sketch plug-in |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103746990A (en) * | 2013-12-31 | 2014-04-23 | 梵飞(厦门)文化传播有限公司 | Data interaction system and data interaction method for browser and client in mobile terminal |
| CN104010031A (en) * | 2014-05-21 | 2014-08-27 | 华南理工大学 | Distributed cooperative method improving application efficiency of Web browser |
| CN105302564A (en) * | 2015-11-09 | 2016-02-03 | 中国人民解放军91655部队 | Online office software service control and implementation method |
| CN106445620A (en) * | 2016-10-20 | 2017-02-22 | 南京莱斯信息技术股份有限公司 | Method for implementing browser-supported client-side function extension component |
| CN108769616A (en) * | 2018-06-21 | 2018-11-06 | 泰华智慧产业集团股份有限公司 | A kind of real-time video based on RTSP agreements is without plug-in unit method for previewing and system |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102682014A (en) * | 2011-03-14 | 2012-09-19 | 腾讯科技（深圳）有限公司 | Open-type plug-in module management platform implemented on browser and open-type plug-in module management method |
| US10491654B2 (en) * | 2018-01-22 | 2019-11-26 | Red Hat, Inc. | Communicating with a remote service through a hypertext transfer protocol (HTTP) session |
-
2019
- 2019-11-28 CN CN201911190905.9A patent/CN110955540B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103746990A (en) * | 2013-12-31 | 2014-04-23 | 梵飞(厦门)文化传播有限公司 | Data interaction system and data interaction method for browser and client in mobile terminal |
| CN104010031A (en) * | 2014-05-21 | 2014-08-27 | 华南理工大学 | Distributed cooperative method improving application efficiency of Web browser |
| CN105302564A (en) * | 2015-11-09 | 2016-02-03 | 中国人民解放军91655部队 | Online office software service control and implementation method |
| CN106445620A (en) * | 2016-10-20 | 2017-02-22 | 南京莱斯信息技术股份有限公司 | Method for implementing browser-supported client-side function extension component |
| CN108769616A (en) * | 2018-06-21 | 2018-11-06 | 泰华智慧产业集团股份有限公司 | A kind of real-time video based on RTSP agreements is without plug-in unit method for previewing and system |
Non-Patent Citations (1)
| Title |
|---|
| 王锡良 ; .基于OSGi. NET的公共气象服务平台设计与实现.气象科技.2018,(02),全文. * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110955540A (en) | 2020-04-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110955540B (en) | Plug-in interaction method | |
| CN101567065B (en) | Cross-platform online file editing system and method thereof | |
| Kehrer et al. | Understanding model evolution through semantically lifting model differences with SiLift | |
| US20140181790A1 (en) | Software Engineering System and Method for Self-Adaptive Dynamic Software Components | |
| CN103544106A (en) | Method and device for generating script based on control | |
| CN104866298A (en) | Flow chart based process business implementing method and device | |
| CN110109671B (en) | Webpack label size and style conversion method and device | |
| CN111209010A (en) | Platform and implementation method thereof | |
| CN107179903B (en) | System and method for developing mobile-based applications using model-driven development | |
| CN111984245A (en) | Block chain intelligent contract online integrated development environment system and implementation method | |
| CN105144091B (en) | It is generated for the user interface model of the order line based on program | |
| CN114089956A (en) | Micro-service splitting method based on demand model | |
| CN117931190A (en) | Code management method and related equipment | |
| CN104834715A (en) | Website generating method and system based on components and container | |
| CN108196910B (en) | Software version switching method, device and system | |
| CN107070679A (en) | A kind of method uniformly released news in different platform | |
| CN102637130A (en) | Method and device for building web projects | |
| CN104519011A (en) | Semiconductor equipment management system, protocol conversion module thereof and semiconductor equipment management method | |
| Rivero et al. | An extensible, model-driven and end-user centric approach for API building | |
| CN108170659A (en) | A kind of external finance software data integration method | |
| CN104123168B (en) | A kind of application upgrade method and device | |
| CN103559094A (en) | Method for managing resources of mobile terminal | |
| CN111291444B (en) | Modeling method, device, equipment and storage medium for aircraft assembly | |
| CN106802909A (en) | A kind of easily enterprise web site construction method | |
| CN101625640B (en) | Device and method for combining software upgrade scripts in multiple environments |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |