如何将 React 应用作为 Gmail 插件运行？

Question

I'm trying to build a Gmail Addon using React. The problem is, we have to write Gmail Addons using google Apps Script. The reason I chose React is I already built a plugin for outlook using React. If I can use the same for Gmail then I can port the same plugin with minimal effort.

Answer 1

In short , we can't do that.

Gmail add-on UI is rendered from a google server. The code that we write rests on a server (unless you use clasp for local setup) and runs to render the UI. Also Gmail add-ons do not have access to the DOM.

Answer 2

You can not use react in gmail addon, as gmail addon script runs on google cloud engine and the resulting html that is generated by the cardservice is returned to the client. For everyaction in the add on, it will go to google app script engine and run the script and return the result.

Answer 3

Is this still true in 2022 that it is simply not possible?

I have the same requirements to build a Gmail Addon, with advanced Material UI components which are not included in the Gmail add-on UI offered.

My plan was to use React inside custom HTMLService pages (its possible for eg Google Sheets) but I was not able to get it running with https://github.com/zennbrown/gas-react or https://github.com/enuchi/React-Google-Apps-Script

It would be awesome if someone had an idea of how to achieve this!