与Google Apps脚本一起使用

Mic*_*ael 7 google-apps-script reactjs

有没有人尝试将R​​eact前端部署到Google Apps脚本网络应用程序?我正在尝试构建一个调用某些Google Apps脚本API的单页前端,例如获取驱动器文件列表并将一些结果保存到电子表格中.但是,所有React文档似乎都假设我使用的是Node.js后端,并且不太关注自定义构建/部署情况.如果您已经看到React with Google Apps Script的简单问候世界,我们将不胜感激!谢谢.

Ant*_*iev 7

我对React没有任何经验,但他们在文档中的首发"Hello,World"示例在HTML模板中按预期工作.下面的脚本是电子表格绑定的,但同样适用于Web应用程序.

请注意,属性类型="文本/巴别"<SCRIPT>是必需的标记.

sidebar.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
     <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

  </head>
  <body id="root">

  <script type="text/babel">

   ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root'));

  </script>
  </body>
</html> 
Run Code Online (Sandbox Code Playgroud)

Google表格侧栏中的结果:

在此输入图像描述


e__*_*__n 6

这里有很多很棒的项目。还包括一个功能齐全的演示应用程序,展示如何使用 React 和 google apps 脚本:

https://github.com/enuchi/React-Google-Apps-Script

它使用 clasp 和 webpack,因此您可以将所有您想要的新 javascript 用于 .gs 服务器端代码(例如箭头函数、const/let等)