User interface Google应用程序脚本UI服务到HTML服务

我尝试将下面这个简单的google应用程序脚本代码转换为HTML服务代码。 下面的代码是使用不推荐的google apps脚本UI服务编写的！ 在这个用例中，有谁能帮助我使用HTML服务示例代码吗

// Script with deprecated UI-services
// How to create this app with HTML-services?!!!?
//This script runs in a google website.
//It has one textobject and 1 button.
//when the button is pressed the value entered is stored in the spreadsheet

ssKey = 'sheetkey....';  

function doGet(){ 
  var app = UiApp.createApplication().setTitle('myApp');

  //Create panels en grid
  var MainPanel = app.createVerticalPanel();
  var Vpanel1 = app.createVerticalPanel().setId('Vpanel2');
  var grid = app.createGrid(4, 2).setId('myGrid');

  //Vpanel1 widgets
  var nameLabel = app.createLabel('Name');
  var nameTextBox = app.createTextBox().setWidth('400px').setName('name').setId('name');
  var submitButton = app.createButton('Verstuur').setId('submitButton');
    grid.setWidget(0, 0, nameLabel)
    .setWidget(0, 1, nameTextBox)
     .setWidget(1, 1, submitButton);

  //Set handlers en callbackelement
  var handler = app.createServerClickHandler('InsertInSS');
  handler.addCallbackElement(Vpanel1);
  submitButton.addClickHandler(handler); 

  // build screen
  Vpanel1.add(grid);
  app.add(Vpanel1);

  return app;
}

function InsertInSS(e){
  var app =UiApp.getActiveApplication();
  var collectedData = [new Date(), e.parameter.name] ;

  var SS = SpreadsheetApp.openById(ssKey);
  var Sheet = SS.getSheetByName('Contacts');
  Sheet.getRange(Sheet.getLastRow()+1, 1, 1, collectedData.length).setValues([collectedData]);

  app.getElementById('submitButton').setVisible(false);

  //Reset fields on screen
  app.getElementById('name').setText("");

  return app;
}

---

您的Ui输出如下所示：

创建一个HTML文件，然后输入以下代码：

function InsertInSS(argPassedInName){
  var ssKey = 'sheetkey....';

  var SS = SpreadsheetApp.openById(ssKey);
  var Sheet = SS.getSheetByName('Contacts');
  Sheet.getRange(Sheet.getLastRow()+1, 1, 1, argPassedInName.length).setValue(argPassedInName);
}

testForm.html 在单独的.gs文件中添加以下代码：

function InsertInSS(argPassedInName){
  var ssKey = 'sheetkey....';

  var SS = SpreadsheetApp.openById(ssKey);
  var Sheet = SS.getSheetByName('Contacts');
  Sheet.getRange(Sheet.getLastRow()+1, 1, 1, argPassedInName.length).setValue(argPassedInName);
}

---

您的Ui输出如下所示：

创建一个HTML文件，然后输入以下代码：

function InsertInSS(argPassedInName){
  var ssKey = 'sheetkey....';

  var SS = SpreadsheetApp.openById(ssKey);
  var Sheet = SS.getSheetByName('Contacts');
  Sheet.getRange(Sheet.getLastRow()+1, 1, 1, argPassedInName.length).setValue(argPassedInName);
}

testForm.html 在单独的.gs文件中添加以下代码：

function InsertInSS(argPassedInName){
  var ssKey = 'sheetkey....';

  var SS = SpreadsheetApp.openById(ssKey);
  var Sheet = SS.getSheetByName('Contacts');
  Sheet.getRange(Sheet.getLastRow()+1, 1, 1, argPassedInName.length).setValue(argPassedInName);
}

---

虽然你能回答这类问题很好，但s.o.不是合适的地方。在编写代码时没有具体问题或没有付出任何努力，请为我编写此代码。如果您愿意，请查看我的个人资料，并向我发送有关此问题的电子邮件。什么意思，在编写此代码时没有付出任何努力？我确实花了几个月的时间来编写这段代码，从零开始使用谷歌应用程序脚本！我找不到将我的应用程序转换为html服务的起始点，所以我将其发布在stackoverflow上。那么这是错的吗？虽然你能回答这类问题很好，但s.o.不是合适的地方。在编写代码时没有具体问题或没有付出任何努力，请为我编写此代码。如果您愿意，请查看我的个人资料，并向我发送有关此问题的电子邮件。什么意思，在编写此代码时没有付出任何努力？我确实花了几个月的时间来编写这段代码，从零开始使用谷歌应用程序脚本！我找不到将我的应用程序转换为html服务的起始点，所以我将其发布在stackoverflow上。那错了吗？