Self-made translation + TWO-DIMENSIONAL code to generate open source browser widgets

Magic Translator

Github.com/qiaen/magic…

This is a Vue based Chrome plugin that provides text translation and URL QR code generation tools. Through this practice, you will know how to develop a browser plugin.

Look at the effect before you start

The first step

9, Open Ai.Youdao Zhiyun, login,

Create an application,

Select API as the access mode, and then do not bind the service

The second step

Find “Natural language Translation”, “Translation Instance”, “Create Instance”, and record your own key and appKey

Select “Text Translation”

Now you have a translation API, and be careful not to give away your keys to others.

The API documentation is available here for development

Netease Text translation service -API documents

Find the two keys in js/popup.js and save them.

That way, you can run your own plugin in Chrome!

The third step

Open extender Management and open developer mode

If you select “Magic-Translator”, you will see magic Translator added to the extension program

And there’s a cute little icon in the upper right corner

From then on, complete success!