[HTML][JavaScript][GAS]メール送信の際、PDFファイルの添付について

Question

前提・実現したいこと

Webアプリの方で送信ボタンを押すとメールが送信され
そのメールにPDFにしたシートのファイルを添付する。

発生している問題・エラーメッセージ

下のGASのコードで送信ボタンを押してもメールが送信されない。
スクリプトエディタの画面から関数を実行すると、
PDFのファイルが添付されメールが届くので
webアプリからではPDFを添付できない仕様？
{attachments:PDF}の部分を消して送信ボタンを押せば
メールは送信される。

該当のソースコード

<GAS側>
function makepdf() {   

  //アクティブシートのIDとGIDを取得する
  var get0AuthToken = DriveApp.getRootFolder()
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName("シートの名前");
  var sheetID = sheet.getSheetId();
  var key = ss.getId();
  var ui = SpreadsheetApp.getUi();
  var token = ScriptApp.getOAuthToken();
  //URLの組み立て
  var url = "https://docs.google.com/spreadsheets/d/" + key + "/export?gid=" + sheetID + "&format=pdf&portrait=true&size=A4&gridlines=false&fitw=true";
  //PDF生成するURLをfetchする
  var pdf = UrlFetchApp.fetch(url,{headers:{'Authorization': 'Bearer'+token}}).getBlob().setName("test" + ".pdf");
    var mail = Session.getActiveUser().getEmail();
    var subject = "PDF";
    var body = "PDF";
    GmailApp.sendEmail(mail, subject, body,{attachments:pdf});
    }

<HTML側>
<input type="submit" value="送信" name="送信" id="mailer" onclick="createPDF()" class="button">

<JavaScript側>
function createPDF(){ 
google.script.run.withSuccessHandler().makepdf();
}

試したこと

GAS側の
{attachments:PDF}の部分を消して送信ボタンを押せばメールは送信される。
その際、ファイルは添付されていない。

Answer 1

こちらの行を

GmailApp.sendEmail(mail, subject, body,{attachments:pdf});

以下のように修正するといかがでしょうか。

GmailApp.sendEmail(mail, subject, body, {attachments:pdf.getAs(MimeType.PDF)});

追記：
また、私の環境で試したところ、以下の箇所で SpreadsheetApp.getUi() を呼び出せませんと、エラーになるのですが、こちら消してみても変わりないでしょうか。

var ui = SpreadsheetApp.getUi();

Comments

[deepinpact]

変えてみたのですがメール送信されませんでした・・・

[kokemomo.sour]

お役に立てずすいません。。
ご参考までに、記載されているソースを私の環境で試した限り、
以下の箇所で SpreadsheetApp.getUi() を呼び出せませんと、エラーになるのですが、こちら消してみても変わりないでしょうか。

var ui = SpreadsheetApp.getUi();

私がテストした限りですと、無事PDFが添付されておりましたので、
GASの仕様として不可能な訳ではないと推測しております。

^ 上記の旨、回答欄にも追記致しました。

[deepinpact]

var ui = SpreadsheetApp.getUi();
このコードを消してみたところPDFが添付されました！
本当にありがとうございます。

このコードが邪魔をしていたという感じですかね？

[kokemomo.sour]

よかったです！

表示 -> stackdriver Error Reporting
からエラーを見つけ、試してみた次第です。

Answer 2

もしも提示されているスクリプトに記載ミスがない場合、fetchする際に使用する'Bearer'+tokenを'Bearer '+tokenのようにBearerの後にスペースを一つ入れて再度テストするのはいかがでしょうか。

Comments

[deepinpact]

回答ありがとうございます。
変更してみてもメール送信されませんでした・・・

[kisojin]

上記の修正がお役に立たなかったようで申し訳ありません。それでは、createPDFのスクリプトを次のように変更してエラーが発生しているかどうかをチェックし、これに基づいて修正するのは如何でしょうか。

google.script.run.withFailureHandler(e => console.log(e.message)).withSuccessHandler().makepdf();

[deepinpact]

違う回答者の方から
var ui = SpreadsheetApp.getUi();
このコードを消すと動きました。
kisojinさんのコードも試してみようと思います。
kisojinさん親切な回答ありがとうございました！

[kisojin]

無事解決したとのことで安心しました。お役に立つことができず申し訳ありませんでした。