Zadig officially launched vs code plug-in, making local development more efficient

Zadig Toolkit  yes  KodeRover  Its open source products  Zadig  Of  Visual Studio Code  plug-in unit .

This plug-in allows developers to avoid the tedious task of platform switching , stay  IDE  You can get  Zadig  Product core competence , It's easy to  Zadig  View and manage the environment in the project 、 Do service debugging and upgrading 、 Restart and log real-time viewing .

In the daily process of developing code , No need to submit the modified code to  Git  Warehouse , There is no need to package images , The service can be hot deployed to  Zadig  Cloud , It is convenient for developers to do service self-test 、 Joint commissioning and integration verification .

at present  Zadig Toolkit  The functions supported are as follows ：

• Zadig  Environment check

• Microservice restart 、 Service image replacement 、 Service details 、Pod  Real time log view 、 Log in to the service instance  Pod

• Remote debugging of local applications 、 Configure the remote development environment

preparation

• System preparation ：
  install  Zadig v1.12.0  edition

• Project preparation ： Reference resources  
  How to use  GitHub + Zadig  Achieve continuous product level delivery

Installing a plug-in

• open  Visual Studio Code  And enter the application market .

• Search in the application market  「Zadig Toolkit」, View details and install .

Configuration plug-ins

• Open the installed  Zadig Toolkit  plug-in unit .

• Click on “ Set up ” Enter the plug-in configuration page .

Configuration parameter description ：

• Zadig  Deployment address ： Please follow the actual agreement , Complete  URI, for example ：http://zadig.com.

• Zadig API Token： Get into  Zadig  System , Click on
  Account settings
  Post acquisition , As shown in the figure below .

When the configuration is complete , You can see in the left column  Zadig  Items in the system .

How to use

Remote debugging of local code

Here are the prepared  

voting

-demo

  Project as an example , Introduce how to use  Zadig Toolkit  Remote debugging .

• choice  
  vot
  ing-demo
    project  -> 
  dev
    Environmental Science , Click the icon on the right side of the environment to set  Kube Config, You can select the configuration file in the file directory or enter its path manually and press enter .

Kube Config  That is, the cluster where the environment is located  config  The configuration file

• choice  
  vote
    service , Click the debug button to enter the development mode .

• Select the local development code directory , In this case  
  koderover/zadig
   -> examples -> voting-app.

• Select the basic image used by the development environment  
  python:3.10.4-buster
  .

• Wait a moment until the development mode is started and executed , Enter the development container  
  dev
  , The contents of the selected directory will be automatically synchronized to the development container .

• Modify the local code and save ： Change the background color of the first voting button .

• The changed code will be automatically synchronized to the remote end  
  dev
    development environment . Enter... In the terminal  
  vote
    Catalog , Execute startup command .

pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple/
gunicorn app:app -b 0.0.0.0:80 --log-file - --access-logfile - --workers 4 --keep-alive 0


• visit  vote  Service address , The modification result is shown in the figure below .

• Click the red button , Decide to end the development mode , The container returns to normal .

So far, a complete local debugging process has been demonstrated .

View the environment and services

During daily joint commissioning and testing , The service needs to be diagnosed , adopt  Zadig Toolkit  You can view the status of the service , Restart the service , Replace the service image , View the real-time log of the service 、 Log in to the corresponding  Pod  secondary .

• Right click on the service to view the service details , In the service details page, you can view the service real-time log , Click the modify icon on the right side of the image to modify the service image .

• Right click on the service , Click on
  Restart the service
  The service can be restarted .

• Right click on the service , Click on
  terminal
  You can log in to the corresponding service  Pod  in .

Configure the remote development environment

• You need to modify the basic image of the development environment , Or modify the synchronized local code directory , You can click
  Development mode configuration
  Button for quick setting .

Description of each field in the configuration ：

[
 {
 "projectName":  Project name ,
 "envName":  Name of the environment ,
 "serviceName":  The service name ,
 "containerName":  Development environment container name ,
 "image":  Basic image of development environment ,
 "codeDir":  Synchronize to the local directory in the development environment container
 }
]

• Save the customized development mode configuration , Click on
  Start development mode
  , It will quickly start the development mode based on the information in the configuration file .

Zadig, Let engineers focus more on creating ！ Welcome to join  

Make complaints about open source Tucao group

Zadig on Github

 

https://github.com/koderover/zadig

Zadig on Gitee

 

https://gitee.com/koderover/zadig