Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge points of the standing web development assistant artifact, which are detailed in content and clear in logic. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

The inseparability of Api and Postman

Since I have the concept of front-end and back-end separation, I have been looking for such a tool. I need to tell the front-end staff how to use my interface. I need to conveniently test whether there is anything wrong with api. I need to be able to automate and test whether there is anything wrong with my interface running process. Of course, it is still no substitute for code-level automated testing.

I tried swagger during this period, to be honest, the interface is also very beautiful. This is an article I have written about swagger ui before. If you are interested, you can have a look at it. When I found Postman, I decisively gave up swagger. Why?

Swagger I automatically generate documents through annotations, so there are a lot of document comments in the code. Originally, the code only needs 10 lines, but as a result, the whole file is changed into 30 lines for comments, which gives people a very bad feeling when looking at the code.

When a team fights, changes are frequent because the document is built into the code and is more prone to conflicts; the format of the annotations requires additional learning costs.

On the other hand, Postman is an independent application, which provides team cooperation (need to buy); login through google account, you can get synchronized data anywhere; support all http request methods; can automatically test api interface; cooperate with Postman Interceptor chrome browser plug-in to facilitate phpstrome for debug.

Pay attention to the screenshot. The collections function of postman facilitates the classification of different modules.

Where it is marked with a circle of red, you can add a detailed description of api, such as what it does, and the meaning of the field.

Mark 2, where the returned results of various situations are saved, and the returned data of various situations can be viewed without the need for a network.

Mark 3, you can configure a variety of environment variables to facilitate switching.

I have configured here commonly used: dev: development environment, test: test environment, prod: online environment.

Postman if the team developer needs to buy, you can easily synchronize to see the updated information. The price is quite expensive, our small company has no money, I used a lazy method: share link method.

There are similar tools such as atom, but they haven't been used much, so you can compare them.

Charles has no secrets in front of me.

Programmers like to encrypt and then encrypt their own things, while in the face of other people's things, always like to be able to see clearly, and then learn some experience from it.

For example, by observing other people's app request process, you can see what kind of data is returned? What are some basic parameters? How some interfaces organize the request process, and so on.

To accomplish the above tasks, charles is really the best choice.

Screenshot I am monitoring the request data of an e-commerce business. the left part shows the request interface and the right side shows the result of the response.

Through this tool, I have learned how to maintain the version of api and how to effectively organize the return of home page data (whether it is a single interface to handle all or multiple interfaces, and the front end is called many times). )

Of course, the above is only one of its functions. Another effect is that there is something wrong with your application, and you can easily see the requested data through it, so as to make some judgments and repair bug. In particular, it is highly recommended for testers to use, there are many bug is before and after the causal relationship, you need to see that it is easier for data developers to correct.

If you want to view the data requested by https, you need to install a ssl certificate on the device. You can see it on the official website.

Image compression, I use tinypng

The last tool recommended today, tinypng. I have also recommended google's new image compression algorithm guetzli on my blog before, and this algorithm is really powerful. But there are currently no good clients, only the command line.

There is not much to say about it, just to compress the picture. Support batch, high compression ratio, strong effect. It is easy to use, share it with your ui sister, she will smile at you.

These are all the contents of this article entitled "what are the Auxiliary artifacts for the Development of web?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.