html - URLを開くためのGoogleAppsScript

Question

実行すると、2番目のブラウザウィンドウがwww.google.com（または私の選択した別のサイト）に開くように、Google Appsスクリプトを作成する方法はありますか？

ここで前の質問の回避策を考え出そうとしています： GoogleAppsスプレッドシートのメッセージボックス内にハイパーリンクを追加できますか

score 44 · Accepted Answer

この関数は、追加のユーザー操作を必要とせずにURLを開きます。

/**
 * Open a URL in a new tab.
 */
function openUrl( url ){
  var html = HtmlService.createHtmlOutput('<html><script>'
  +'window.close = function(){window.setTimeout(function(){google.script.host.close()},9)};'
  +'var a = document.createElement("a"); a.href="'+url+'"; a.target="_blank";'
  +'if(document.createEvent){'
  +'  var event=document.createEvent("MouseEvents");'
  +'  if(navigator.userAgent.toLowerCase().indexOf("firefox")>-1){window.document.body.append(a)}'                          
  +'  event.initEvent("click",true,true); a.dispatchEvent(event);'
  +'}else{ a.click() }'
  +'close();'
  +'</script>'
  // Offer URL as clickable link in case above code fails.
  +'<body style="word-break:break-word;font-family:sans-serif;">Failed to open automatically. <a href="'+url+'" target="_blank" onclick="window.close()">Click here to proceed</a>.</body>'
  +'<script>google.script.host.setHeight(40);google.script.host.setWidth(410)</script>'
  +'</html>')
  .setWidth( 90 ).setHeight( 1 );
  SpreadsheetApp.getUi().showModalDialog( html, "Opening ..." );
}

このメソッドは、一時的なダイアログボックスを作成することで機能するため、スクリプトエディターやカスタムGスプレッドシートの数式など、UIサービスにアクセスできないコンテキストでは機能しません。

score 37 · Accepted Answer

このような仕事をする小さなUIを構築することができます：

function test(){
showURL("http://www.google.com")
}
//
function showURL(href){
  var app = UiApp.createApplication().setHeight(50).setWidth(200);
  app.setTitle("Show URL");
  var link = app.createAnchor('open ', href).setId("link");
  app.add(link);  
  var doc = SpreadsheetApp.getActive();
  doc.show(app);
  }

URLを「表示」したい場合は、次のようにこの行を変更してください。

  var link = app.createAnchor(href, href).setId("link");

編集：あまりにも多くの人が不要なものを書き続けているため、読み取り専用のデモスプレッドシートにリンクします（代わりにコピーを作成して使用します）。

編集：UiAppは2014年12月11日にGoogleによって非推奨になりました。このメソッドはいつでも機能しなくなる可能性があり、代わりにHTMLサービスを使用するように更新する必要があります。

編集：以下はhtmlサービスを使用した実装です。

function testNew(){
  showAnchor('Stackoverflow','http://stackoverflow.com/questions/tagged/google-apps-script');
}

function showAnchor(name,url) {
  var html = '<html><body><a href="'+url+'" target="blank" onclick="google.script.host.close()">'+name+'</a></body></html>';
  var ui = HtmlService.createHtmlOutput(html)
  SpreadsheetApp.getUi().showModelessDialog(ui,"demo");
}

score 9 · Accepted Answer

豊富な回答で提案されているようにカスタムクリックイベントを作成したり、受け入れられた回答で提案されているようにURLを表示したりする必要は実際にはありません。

window.open(url)¹は、ポップアップブロッカーが無効になっている場合、ユーザーの操作なしでWebページを自動的に開きます（Stephenの回答の場合のように）

openUrl.html

<!DOCTYPE html>
<html>
  <head>
   <base target="_blank">
    <script>
     var url1 ='https://stackoverflow.com/a/54675103';
     var winRef = window.open(url1);
     winRef ? google.script.host.close() : window.alert('Allow popup to redirect you to '+url1) ;
     window.onload=function(){document.getElementById('url').href = url1;}
    </script>
  </head>
  <body>
    Kindly allow pop ups</br>
    Or <a id='url'>Click here </a>to continue!!!
  </body>
</html>

code.gs：

function modalUrl(){
  SpreadsheetApp.getUi()
   .showModalDialog(
     HtmlService.createHtmlOutputFromFile('openUrl').setHeight(50),
     'Opening StackOverflow'
   )
}

score 4 · Accepted Answer

Google Apps Scriptは自動的にウェブページを開きませんが、リンク、ユーザーがクリックして目的のウェブページを開くためのボタンを含むメッセージを表示したり、Windowオブジェクトや addEventListener（）などのメソッドを使用したりするために使用できます。 URLを開きます。

UiAppは現在非推奨になっていることに注意してください。クラスUiAppから-GoogleAppsScript-Google Developers

非推奨。UIサービスは、2014年12月11日に非推奨になりました。ユーザーインターフェイスを作成するには、代わりにHTMLサービスを使用してください。

HTMLサービスのリンクされたページの例は非常に単純です。

Code.gs

// Use this code for Google Docs, Forms, or new Sheets.
function onOpen() {
  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
      .createMenu('Dialog')
      .addItem('Open', 'openDialog')
      .addToUi();
}

function openDialog() {
  var html = HtmlService.createHtmlOutputFromFile('index')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
      .showModalDialog(html, 'Dialog title');
}

2つのハイパーリンクを表示するためのindex.htmlのカスタマイズバージョン

<a href='http://stackoverflow.com' target='_blank'>Stack Overflow</a>
<br/>
<a href='http://meta.stackoverflow.com/' target='_blank'>Meta Stack Overflow</a>

score 3 · Accepted Answer

以前の例を基に、これを行うためのよりクリーンな方法があると思います。プロジェクトにファイルを作成し、index.html上記のStephenのコードを使用して、HTMLドキュメントに変換するだけです。

<!DOCTYPE html>
<html>
  <base target="_top">
  <script>
    function onSuccess(url) {
      var a = document.createElement("a"); 
      a.href = url;
      a.target = "_blank";
      window.close = function () {
        window.setTimeout(function() {
          google.script.host.close();
        }, 9);
      };
      if (document.createEvent) {
        var event = document.createEvent("MouseEvents");
        if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
          window.document.body.append(a);
        }                        
        event.initEvent("click", true, true); 
        a.dispatchEvent(event);
      } else {
        a.click();
      }
      close();
    }

    function onFailure(url) {
      var div = document.getElementById('failureContent');
      var link = '<a href="' + url + '" target="_blank">Process</a>';
      div.innerHtml = "Failure to open automatically: " + link;
    }

    google.script.run.withSuccessHandler(onSuccess).withFailureHandler(onFailure).getUrl();
  </script>
  <body>
    <div id="failureContent"></div>
  </body>
  <script>
    google.script.host.setHeight(40);
    google.script.host.setWidth(410);
  </script>
</html>

次に、Code.gsスクリプトで、次のようなものを含めることができます。

function getUrl() {
  return 'http://whatever.com';
}

function openUrl() {
  var html = HtmlService.createHtmlOutputFromFile("index");
  html.setWidth(90).setHeight(1);
  var ui = SpreadsheetApp.getUi().showModalDialog(html, "Opening ..." );
}

score 2 · Accepted Answer

@Stephen M. Harrisの答えが気に入りましたが、最近までうまくいきました。なぜ動作しなくなったのかわかりません。

2021-09-01で今私のために働くもの：

function openUrl( url ){
  Logger.log('openUrl. url: ' + url);
  const html = `<html>
<a id='url' href="${url}">Click here</a>
  <script>
     var winRef = window.open("${url}");
     winRef ? google.script.host.close() : window.alert('Configure browser to allow popup to redirect you to ${url}') ;
     </script>
</html>`; 
  Logger.log('openUrl. html: ' + html);
  var htmlOutput = HtmlService.createHtmlOutput(html).setWidth( 250 ).setHeight( 300 );
  Logger.log('openUrl. htmlOutput: ' + htmlOutput);
  SpreadsheetApp.getUi().showModalDialog( htmlOutput, `openUrl function in generic.gs is now opening a URL...` ); // https://developers.google.com/apps-script/reference/base/ui#showModalDialog(Object,String)  Requires authorization with this scope: https://www.googleapis.com/auth/script.container.ui  See https://developers.google.com/apps-script/concepts/scopes#setting_explicit_scopes
}

https://developers.google.com/apps-script/reference/base/ui#showModalDialog(Object,String）このスコープでの承認が必要です：https ：//www.googleapis.com/auth/script.container.ui 参照https://developers.google.com/apps-script/concepts/scopes#setting_explicit_scopes

html - URLを開くためのGoogleAppsScript

6 に答える 6

openUrl.html

code.gs：

2021-09-01で今私のために働くもの：

Related

Reference