CN110955540A - Plug-in interaction method - Google Patents
Plug-in interaction method Download PDFInfo
- Publication number
- CN110955540A CN110955540A CN201911190905.9A CN201911190905A CN110955540A CN 110955540 A CN110955540 A CN 110955540A CN 201911190905 A CN201911190905 A CN 201911190905A CN 110955540 A CN110955540 A CN 110955540A
- Authority
- CN
- China
- Prior art keywords
- plug
- interaction method
- data
- client
- calls
- 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.)
- Granted
Links
- 230000003993 interaction Effects 0.000 title claims abstract description 35
- 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 11
- 238000004891 communication Methods 0.000 claims description 4
- 238000013461 design Methods 0.000 abstract description 17
- 238000011161 development Methods 0.000 abstract description 10
- 230000007547 defect Effects 0.000 abstract description 3
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000000007 visual effect Effects 0.000 abstract description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012938 design process Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000011946 reduction process Methods 0.000 description 1
- 238000007670 refining Methods 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
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: when the client is initialized, the client communicates with the server through an HTTP protocol to obtain configuration and loading data; the browser terminal calls the server terminal data or calls the service processing data through the HTTP protocol. The invention reduces the threshold of 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; by means of a plug-in technology, the problem that a part of original design work is repeated inevitably is solved; the problem of design standardization implementation is solved, and the design link and the delivery development link are more visual 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
At present, the mainstream UI (user interface) design software tool extension plug-in technology of macOS (operating system) is mostly analyzed by using Native (Native) languages such as Objective-C (a programming language) or Swift (a programming language) and the like by adopting a macOS local runtime environment, so that the extension cost is high, the function is single, and the customized development requirements of an internal team cannot be met.
With the development team working and refining, the design in the original flow is delivered to the software development link, and the accurate reduction of the design manuscript is more difficult to control. Designers currently routinely use the most frequent design tools in dealing with some repetitive tasks, and the design of team specification metrics, such as: the unified VI (Visual Identity) system and the common components consume a lot of time, and may also cause an operation error in the design process to cause non-uniformity.
The existing design software plug-in cannot meet the team functions required by a design team in a development team, the single function of the plug-in also increases the plug-in quantity, and the problems of memory overflow, software crash and the like can be caused
Disclosure of Invention
The invention provides a plug-in interaction method for overcoming the defect that a UI design tool in the prior art has a single function.
The invention solves the technical problems through the following technical scheme:
the invention provides a plug-in interaction method, which comprises the following steps:
when the client is initialized, the client communicates with the server through an HTTP (Hyper Text Transfer Protocol) Protocol to obtain configuration and loading data;
the browser terminal calls the server terminal data or calls the service processing data through the HTTP protocol.
Preferably, the plug-in interaction method further comprises the following steps:
the client uses Native language to call the system bottom interface to directly run the Native code.
Preferably, the native code is used to directly operate on the file data.
Preferably, the file data comprises Sketch file data.
Preferably, the plug-in interaction method is realized based on a macOS platform.
Preferably, the client is installed in Sketch.
Preferably, the browser end comprises a browser kernel with built-in calls in the Sketch.
Preferably, the browser side calls the built-in browser page to realize the function of interacting with the remote service.
Preferably, the plug-in interaction method further comprises the following steps:
and clicking the Lottie tool of the tool box, popping up a Lottie platform site, and previewing and dragging 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 with the local application through HTTP protocol communication.
The positive progress effects of the invention are as follows: the invention reduces the threshold of 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; by means of a plug-in technology, the problem that a part of original design work is repeated inevitably is solved; the problem of design standardization implementation is solved, and the design link and the delivery development link are more visual and coded.
Drawings
FIG. 1 is a flowchart illustrating a plug-in interaction method according to a preferred embodiment of the invention.
Detailed Description
The present invention is further illustrated by the following preferred embodiments, but is not intended to be limited thereby.
The embodiment provides a plug-in interaction method. Referring to fig. 1, the plug-in interaction method includes the following steps:
and step S101, when the client is initialized, the client communicates with the server through an HTTP protocol to obtain configuration and loading data.
And step S102, the browser calls the data of the server or calls the service processing data through the HTTP.
And step S103, the client calls a system bottom layer interface by using a Native language to directly run the local code.
In specific implementation, the Sketch plug-in is developed for installation, and a toolbar and navigation bar function entry are arranged on an entry interface.
Browser-by calling the built-in browser page to implement the interaction function with the remote service:
1. clicking on the submit question pops up a built-in browser window to interface with the issue service.
2. And clicking the Lottie tool of the tool box, popping up a Lottie platform site, and previewing and dragging to the local.
The API server is deployed on a remote server, a local application is connected to the remote server through a configuration file, and data interaction and data processing are carried out with the local application through HTTP protocol communication to obtain the desired data
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 a 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 Sketch, a Browser end is a Browser kernel called in the Sketch, and a Service end is an application deployed on a remote server.
The client adopts a modular design, and different functions can be flexibly created and combined. When the client side is initialized, the client side communicates with the server side through the HTTP protocol to obtain configuration and loading data, the browser side application calls the server side data or calls the service processing data through the HTTP protocol when necessary, and the client side can also call a system bottom layer interface by using a Native language to directly run a local code so as to directly operate 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 provided, the interaction and local interaction capacity of a server are combined, the functionality of a design link is greatly expanded, more functional points which cannot be added flexibly can be enabled, developers can develop a certain module independently without influencing the use of other modules, the entry threshold of Sketch plug-in development is greatly reduced, and therefore not only are a plurality of tools for improving the design efficiency increased, but also a plurality of remote service entries are provided, the plug-in interaction method can be directly interacted with third-party services, various workflows are directly butted, automatic template processing and the like.
A designer user can use more powerful tools on the basis of original Sketch software, and the working efficiency of the designer is improved. After the UI standard design of the company is modularized, designers can reuse the components, and the standardized components inside the company can be promoted to land on each team by combining the Sketch Library and a UI detection tool. In addition, great help is provided for the development and implementation links, and the communication cost in the design reduction process is further reduced.
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 that 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 spirit and scope of the invention, and these changes and modifications are within the scope of the invention.
Claims (10)
1. A plug-in interaction method is characterized by comprising the following steps:
when the client is initialized, the client communicates with the server through an HTTP protocol to obtain configuration and loading data;
the browser terminal calls the server terminal data or calls the service processing data through the HTTP protocol.
2. The plug-in interaction method of claim 1, further comprising the steps of:
the client calls a system bottom interface by using a Native language to directly run the local code.
3. The plug-in interaction method of claim 2, wherein the native code is used for direct manipulation of file data.
4. A plug-in interaction method as recited in claim 3, wherein the file data comprises Sketch file data.
5. The plug-in interaction method of claim 1, wherein the plug-in interaction method is implemented based on a macOS platform.
6. The plugin interaction method of claim 4, wherein the client is installed in Sketch.
7. The plug-in interaction method of claim 4, wherein the browser side comprises a browser kernel with calls built in the Sketch.
8. The plugin interaction method of claim 3, wherein the browser-side invokes a built-in browser page to implement an interaction function with a remote service.
9. A plug-in interaction method according to claim 3, characterized in that it further comprises the steps of:
and clicking the Lottie tool of the tool box, popping up a Lottie platform site, and previewing and dragging to the local.
10. A plug-in interaction method according to claim 3, characterized in that it 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 with the local application through HTTP protocol 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 true CN110955540A (en) | 2020-04-03 |
| CN110955540B 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) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651416A (en) * | 2020-06-04 | 2020-09-11 | 携程旅游信息技术（上海）有限公司 | Sketch project file uploading preview method, system, device and medium |
| CN112416466A (en) * | 2020-12-02 | 2021-02-26 | 车智互联（北京）科技有限公司 | Application program loading method, mobile terminal and readable storage medium |
| CN115291852A (en) * | 2022-09-29 | 2022-11-04 | 北京尽微致广信息技术有限公司 | Development method, device, equipment and medium of Sketch plug-in |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130191526A1 (en) * | 2011-03-14 | 2013-07-25 | Tencent Technology Shenzhen Company Limited | Open plug-in management platform and plug-in management method implemented on browser |
| 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 |
| US20190230146A1 (en) * | 2018-01-22 | 2019-07-25 | 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 (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130191526A1 (en) * | 2011-03-14 | 2013-07-25 | Tencent Technology Shenzhen Company Limited | Open plug-in management platform and plug-in management method implemented on browser |
| 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 |
| US20190230146A1 (en) * | 2018-01-22 | 2019-07-25 | Red Hat, Inc. | Communicating with a remote service through a hypertext transfer protocol (http) session |
| 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的公共气象服务平台设计与实现" * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651416A (en) * | 2020-06-04 | 2020-09-11 | 携程旅游信息技术（上海）有限公司 | Sketch project file uploading preview method, system, device and medium |
| CN112416466A (en) * | 2020-12-02 | 2021-02-26 | 车智互联（北京）科技有限公司 | Application program loading method, mobile terminal and readable storage medium |
| CN112416466B (en) * | 2020-12-02 | 2024-02-23 | 车智互联（北京）科技有限公司 | Application program loading method, mobile terminal and readable storage medium |
| CN115291852A (en) * | 2022-09-29 | 2022-11-04 | 北京尽微致广信息技术有限公司 | Development method, device, equipment and medium of Sketch plug-in |
| CN115291852B (en) * | 2022-09-29 | 2022-12-23 | 北京尽微致广信息技术有限公司 | Development method, device, equipment and medium of Sketch plug-in |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110955540B (en) | 2024-03-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110955540A (en) | Plug-in interaction method | |
| US9696972B2 (en) | Method and apparatus for updating a web-based user interface | |
| CN101567065B (en) | Cross-platform online file editing system and method thereof | |
| US8589873B2 (en) | Software engineering system and method for self-adaptive dynamic software components | |
| US8645938B2 (en) | System and method for replacing code | |
| CN110109671B (en) | Webpack label size and style conversion method and device | |
| CN111427583A (en) | Component compiling method and device, electronic equipment and computer readable storage medium | |
| CN111984245A (en) | Block chain intelligent contract online integrated development environment system and implementation method | |
| CN111209010A (en) | Platform and implementation method thereof | |
| CN112148278A (en) | Visual block chain intelligent contract framework and intelligent contract development and deployment method | |
| CN113127361A (en) | Application program development method and device, electronic equipment and storage medium | |
| CN104133676A (en) | Function execution method and function execution device based on scripts | |
| CN111142862A (en) | System and method for automatically generating code | |
| US20170262264A1 (en) | System and method for developing mobile based applications using model driven development | |
| CN111078217A (en) | Brain graph generation method, apparatus and computer-readable storage medium | |
| CN111596970B (en) | Method, device, equipment and storage medium for dynamic library delay loading | |
| CN111158777B (en) | Component calling method, device and computer readable storage medium | |
| CN112905225A (en) | Method and device for creating continuous integration tool construction task | |
| Rivero et al. | An extensible, model-driven and end-user centric approach for API building | |
| CN109857380B (en) | Workflow file compiling method and device | |
| CN104123168B (en) | A kind of application upgrade method and device | |
| CN112379885A (en) | Applet compiling method, device and equipment and readable storage medium | |
| KR101553539B1 (en) | Dynamic link providing method and computer readable storage medium for program therefor | |
| CN109271166A (en) | A kind of method and platform for realizing compiled online at the end Web | |
| CN116185425B (en) | Event flow arrangement method, device, equipment and medium based on node combination |
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 |